🤦 📻 👲 フードデザインダイジェスト2015年3月 🧑‍🤝‍🧑 👚 👩🏿‍💻

5年間、インターフェイス、新しいツール、パターンのコレクション、興味深い事例、歴史的な話題に関する最近の記事の定期的なレビューを公開しています。テーマ別の数百のサブスクリプションのテープから、公開する価値のある出版物の約5％が選択されています。以前の資料： 2010年4月-2015年2月

パターンとベストプラクティス

Baymard e-Commerce製品リストユーザビリティ：レポートとベンチマーク

新しいBaymard Instituteは、eコマースサイトの製品リストページについて報告しています。公開されている抜粋：

パッケージが販売されている場合でも、単価を示すことの重要性について。
評価番号の隣に投票者の数を示す重要性について。彼らの認識は年齢とともにどのように変化するのだろうか。

マルチタスクからユーザーを取り戻す

Ben Watanabeは、アプリケーションでの作業をより便利にする別の方法として、iOSのマルチタスクモードを解析します。最後に開いた画面の小さいバージョンが表示されますが、アプリケーションからの最新情報を絞り込んで置き換える方がはるかに便利です。

インフォグラフィック：ソーシャルネットワークのグラフィック要素のサイズによるベビーベッド

ソーシャルネットワーク上のグラフィック要素のサイズに関する詳細なチートシート。 Facebook、Twitter、LinkedIn、Google +、Pinterest、Instagram、YouTube、Vkontakte、My World、Classmates。

ユーザーのオンボーディングの成果が低い

製品の使用開始時にユーザーを教育する方法の歴史と、Des Traynorの今後の展望。

最新のUXPinインタラクションデザインブックからの抜粋

モバイルデバイスでの継続的な入力-苦痛ですか？

Igor Fastovskyは、swypeのようなジェスチャーを使用して、モバイルのキーボード入力を解析します。彼はいくつかの改善を提供し、2つの主要な問題を解決できるようにしました。一部のキャラクターが表示されず、ユーザーは次に必要な次の文字の場所を常に覚えているとは限りません。この決定には議論の余地があるが、興味深い。

アクセシビリティAPI：Webアクセシビリティの鍵

Webブラウザーでアクセス可能な環境を作成する技術的な側面と、問題の歴史について少し。一方では、この記事は技術者向けですが、ユーザビリティは学際的な分野でなければなりません。テクノロジーが私たちに提示する制限や機会を理解しないと、効果的な仕事は不可能です。また、この記事では、Web環境の可用性に取り組む際に注意すべきことを非常に明確に説明しています。

有名なアプリケーションのアニメーションパターン

Tumblr for iOS 。
iOS向けのBlendleトレンド。

青いリンクを超えて-クリック可能な要素を認識可能にする

Hoa Loranerには、インターフェースでインタラクティブな要素を選択するためのルールがリストされています。

Niice-味のある検索エンジン

泥板を作成するためのツールであるNiice for iOSがリリースされました。

このアイテムを購入したお客様も購入しています...アフィニティ分析の説明

オンラインストアで同様の製品を提供するための公式の仕組みについて、ジェフサウロ。この記事には、それらの関係がどのようにチェックされるかを示す視覚的な計算があります。

ランディングページの長さがコンバージョンに与える影響

ショートバージョンを選択するタイミングと、ロングバージョンを選択するタイミング。

UXアーカイブアニメーション

現在、UX Archiveはモバイルアプリケーションのアニメーションの例も収集しています。

優れたユーザーエクスペリエンスを作成するための神秘的なガイドライン

Torahが作成プロセスを説明する方法を使用して、設計プロセスと並行して楽しんでください。便利というよりはむしろ面白いが、まだ誰もこの側から来ていない。

モバイル戦略の呪い

モバイル戦略の「呪い」についてジャレッド・スプール。 1つのチャネルのみに集中すると、オプションの選択が大幅に減少します。それらの1つに限らず、一般的な製品戦略のレベルで考えて行動する必要があります。

ユーザーの理解

認知バイアスでコンバージョンを増やす67の方法

Jeremy Smithは、ユーザーの行動を制御するために使用される67の認知バイアスのクールなコレクションをまとめました。このコレクションは非常に深刻で広範です。この記事は、使用の禁忌と「害を与えない」という原則から始まると固執します。

不安な参加者に勝つ

ユーザビリティテストの参加者を含め、人々の行動は異なります。一部の参加者にとって、テストはストレスであり、不必要な心配です。ジムロスは、テスト中の過度のユーザーの興奮を防止または軽減するいくつかの行動上のトリックを提供します。

人々は読まない、彼らはスキャンする

ユーザーがWeb上のテキストを読むよりもスキャンする可能性が高いトピックに関する一連の理論と概念。結末と結論はあいまいですが、記事にはこの主題に関する多くの有用な参考文献があります。

ポジティブデザインリファレンスガイド

S. Jimenez、AEPohlmeyer、PMADesmetによる「Positive Design Reference Guide」という本は、「幸福感を重視した」デザインに特化した29のモデル、理論、フレームワークを集めており、ユーザーに使いやすい印象を与えています。

アジア向けデザイン

中国のタイポグラフィの優れた分析。

失明の変化-人々がデザイナーが期待するものを見ない理由

Kathryn Whitentonが「変化への盲目」について-ユーザーが、製品の作成者が気づいたはずのサイトやアプリケーションの小さな変化に気付かない理由。たとえば、エラーメッセージの表示や、正常に完了したこと、結果のフィルタリングなど。

コンテキストの理解：環境、言語、情報アーキテクチャ

アンドリューヒントンの理解コンテキストからの抜粋：環境、言語、情報アーキテクチャ。この本は、ユーザーの現在のコンテキストを理解することに専念しており、この章では、インタラクションエクスペリエンスの説明におけるストーリーの重要性について説明します。

デザインでは、共感は十分ではありません

時には共感では良いデザインを作成するのに十分ではないというダン・サファー。最適な結果を得るには、ユーザーに共感することと、ユーザーエクスペリエンスを公平な観点から観察することのバランスをとる必要があります。両方の極端な結果が得られるわけではありません。トピックの続き：

デザイナーと開発者の間で共感の開発への興味深いアプローチ。このサービスは、さまざまな国のお金でサイトのページの重み、それを訪問するのにどれくらいの費用がかかるかを考慮します。

高齢者向けのデザイン

91歳のIDEOデザイナー、Barbara Beskindに関するビデオ。

情報アーキテクチャ、概念設計、コンテンツ戦略

カードジェネレーター

Lukas Mathisからカードの仕分けを準備するためのシンプルなオンラインサービス。列に用語を入力する必要があり、カードにマークされた印刷版を入手できます。

サービス設計：図書館サービスの全体的評価方法論の紹介

ミシガン大学の図書館でサービスを設計する際の基本事項とその適用事例に関するメモ。新しい情報はほとんどありませんが、棚にはかなりよく詳細に記載されています。

インターフェイス画面の設計と設計

Adobe Comp CC

アドビは、iPad用のComp CCプロトタイピングアプリをリリースしました。基本的に、それは他の同様のツールと大差ありませんが、実際には非常に快適なソリューションです。そして最も重要なことは、作品をInDesign、Photoshop、またはIllustratorに転送して、さらに開発することです。まあ、一般的に、それはアドビのテクノロジー上に構築されているため、Typekitを含む他のサービスと完全に結びついています。 Khoi Vinhはその作成に参加しました。

バインド-実験的なUI設計ツールの構築

Alastair Monkは、バインドデザイナー向けに独自のツールを作成しています。まだ試すことはできませんが、Gitでのバージョン管理、デフォルトではグリッドスタイルシートを使用した適応性-その基本原則について説明しています。

Napkin-スマートフォンで直接クイックモックを設計する

モバイルアプリ用のもう1つのプロトタイプアプリが携帯電話に搭載されています。これまでのところ、iOSのみ。

スケッチの新機能

バルサミク3

Balsamiqの3番目のバージョンがリリースされました。

Mac用の名詞プロジェクトの紹介

名詞プロジェクトはMacアプリをリリースしました。サブスクリプションは月額9.99ドルで、14日間の試用版があります。

ピクセルイカ

新しいトレンドが出現しています-ダウンロード前の詳細設定とその後の簡単な使用が可能なストック画像。最初に-すばやく補充されたコレクションから画像を選択し、目的の角度を選択します（！）そしてPSDで画像を取得します。レイヤー内のすべて、照明も。迅速な選択と迅速な分離のためのマスク。 2番目はIllustrioです -株式ベクトル、ダウンロードする前に、ロボットの腕を伸ばしたり、メダルの色を塗り直したりなど、多くのパラメーターを変更できます（各画像について）。トピックの続き：

Illustrioサービスを操作し、SVGでベクターイラストを翻訳するための小さな指示。

ai2html

HTML5のレイアウトからグラフィックを追い越すことができるAdobe Illustrator用のプラグイン。

ニーチェイプサム

lorem ipsumの代わりのNietzscheスタイルのテキストジェネレーター。

iOS8を使用する

Bjangoのブログでは、iOSでデザインをスライスするためにPDFを使用する際の問題について説明しています。

公開ツール

Aesopの作成者はStory.AMに加えて別の公開ツールであるLassoを起動しています。これは129ドルのWordPressプラグインです。
Nikita Obukhovは、キーヒットを含む、Tildaの強力なロングリードのセレクションをまとめました。
国内の出版プラットフォームStampsyのクリエイターの1人であるRoman Mazurenkoへのインタビュー。

アプリページに効果的なアプリのスクリーンショットを作成する方法

Android、iOS、およびWindows Phoneアプリストア用のスクリーンショットを準備するための説明的な指示。 Melanie Haselmayrは、さまざまなプラットフォームに必要な情報とグラフィックのチェックリストを提供し、イラスト自体を組み立てるいくつかのアプローチについても説明します。トピックの続き：

AppStoreのスクリーンショットデザイナー。

ページからステージ、スクリーンまで-オムニチャネルエクスペリエンスの設計

Traci Leporeは、デスクトップPC、タブレット、電話、キオスク、メーリングリスト、ソーシャルネットワークなどのプラットフォームの環境機能を強調しようとしています。それぞれに独自の機能と制限があり、それらをクロスチャネルでやり取りするときに考慮することが重要です。

マテリアルデザインの新機能

フローティングボタンのテーマの多くのバリエーション。

Pebbleの新機能

Pebble Time向けのプロトタイピングアプリ用の最初の（非公式）キット。

アップルウォッチ

Android Wearの新機能

ELEKSは、Apple Watchの最近の同様のコンセプトの開発において、Teslaアプリのビジョンを明らかにしました。どちらの場合も、2つのプラットフォームのアプローチに大きな違いがあり、最も一般的になると脅迫されています。

ユーザーの調査とテスト、分析

ユーザー調査の普及

誰も読んでいないという濃厚な報告の時が過ぎました。 David Travisは、ユーザーの調査結果を分析および表示するためのシンプルで効果的な無駄のない方法の概要を提供します。

ユーザーが酔っている

インターフェイスをテストするためのすばらしい新しいアプローチ-250ドルのRichard Littauerは、酔った状態でサイトをチェックします。出力は、見つかった問題とスクリーンキャストを含むレポートです。

調査の難易度は？

ジェフサウロは、ユーザーの調査結果をより良くするためにユーザー調査をチェックする方法論を提供しています。彼はそれをSRS（調査回答者スコア）と呼びました。これはNielsenのヒューリスティックのようなもので、調査を実行する前に実行することをお勧めします。

Webサイト最適化の初心者向けガイド

Charles ShimookaによるA / Bテスト中の優れたトレーニングマニュアル。他のチームと調整し、ツールを選択し、結果を分析する方法。

オンライン調査で応答タイミングは重要ですか？

ジェフサウロは、調査の回答者の回答率が評価の質にどのように影響するかを理解しようとしています。これにより、調査が完了するまで待たずに、調査中にデータを使用できます。以前の研究では、影響力を示さないか、レスポンダーがより迅速に支援的であることを示しています。彼の実験結果は、有意な効果がないことを示しています。

製品チーム全体でユーザビリティテストを観察する必要がありますか？

チーム全体をユーザー調査セッションに招待することが重要である理由についてのUXMattersディスカッション。

Uxeria-リモートユーザビリティテストおよびマーケティングツール

別のUxeriaリモートユーザビリティテストツール。機能に関してはすべてがかなり標準的です。

ブラウザーでの視覚的なプログラミングとデザイン

Tumult Hype 3 Pro-HTML5アニメーションの次の革命

Hype Proの3番目のバージョンのリリースがリリースされました。物理モデルとサイト、iBooks、広告への適応性を備えたインタラクティブで再利用可能なアニメーションオブジェクト。

Quartz Composerの新機能

Anton Kartashovは、初心者がQuartz Composerで作業するための一連の記事を始めました。これは公式ユーザーガイドの最初の章の概要です。
フランシス・コルテスによる別の折り紙ミニチュートリアル。彼は、例として材料設計を使用してバージョン2.0について話しています。
アントン・カルタショフは、ロシア語で最も使用されている50のパッチを説明する優れたガイドをまとめました。付属記事。

コンポーネントシステムとライブガイドライン

Webタイポグラフィ

CSSアニメーション

Donovan Hutchinsonは、CSSディズニーアニメーションの12の原則と、それらをインターフェイスで使用するためのヒントを紹介しました。

SVGを使用する

SVGスプライトの操作について。
アニメーションにSVGスプライトを使用する3つの方法。
ほとんど役に立たないが、代替ビジョンの観点から見ると、ASCIIグラフィックを使用してコード内にベクトルアイコンを作成するアプローチです。パラレルユニバースの代替SVG。
ベクトルアイコンを操作するための優れた視覚的リマインダー。さまざまなプラットフォームで使用する形式、ファイルのエクスポート方法、使用するのに適したツール。
幅広いタスクにSVGを使用することと、CSSに対するその利点について、Sara Soueidanによる豪華なオンラインプレゼンテーション。インフォグラフィック、フォント、アイコンのスプライト、アニメーションなど
後続のデータ視覚化のためのSVGパターンを生成するためのライブラリ（たとえば、夕方のD3.js）。

ウェブ上の色を操作する

CSSのcurrentColorプロパティを使用してプロジェクトを色付けする簡単な方法。

Flexboxを使用する

Flexboxの機能の簡単な概要と、その使用に関して最も要求されている6つのパターン。
Flexboxのクリアチートシート。
Chris Wrightは、フレックスボックスの使用がグリッドを構築する通常の方法よりも利点をもたらす主な状況を視覚的に思い出させます。これは、ページを同じ高さのいくつかの部分と、きれいに見えるカードに分割したものです。

新しいスクリプト

デザイナー向けのXcode

Meng To Swiftデザインコースの第2部の概要。

指標とROI

ユーザーエクスペリエンスを計算するための1つの魔法の式？

Wouter de Bresは、ユニバーサルUXフォーミュラを導き出そうとしています。ロード時間パラメーター（技術的および認知的）、価値、および相互作用の品質を使用します。多くの物議を醸す点と矛盾がありますが、アイデア自体は興味深いです。

政府サイトの設計

米国政府による政府分析の別の例。 Gov.ukのようにシナリオへの参照はありませんが、全体的に有用な数値です。

フロントエンドのプロジェクト、プロセス、およびチームの管理

ディックヘッドなし！ 幸せで、健康で、創造的なチームを構築するためのガイド。

Rhys Newmanによる最も息をのむようなチームビルディングの記事。彼は、クールな製品を作成できる強力でよく調整されたチームの基礎となる価値を十分に詳細に分析します。トピックに関する最高の資料の1つ。

ビジネスの理解と影響

リアム・フリードランドは、マイケル・ポーターのバリューチェーンを設計プロジェクトにシフトしようとしています。

ペア設計はどのように見えますか？

ペアプログラミングはかなりよく知られた方法です。クーパークリスノッセルとスージートンプソンがペアリングデザインについて語ります。

偽の二分法

Lukas Mathisは、設計の決定について議論する際に、誤った二分法を回避する方法について説明しています。多くの場合、論争の過程で、チームはいくつかのオプションに分かれて、さらに掘り下げて他のアプローチを見つけるのではなく、論争によって白熱したシーンを設定します。

製品管理と分析

考えすぎ対 考え抜く-スイートスポットを見つける

純粋なデザイン思考と古典的な戦略的事業計画の偏りに関する優れたKingshuk Dasコラム。前者は多くの動機付けを生み出しますが、人生やビジネスのアイデアに結び付けられるわけではありません。後者-十分な情報に基づいた選択が難しい分析資料の無限のセット。彼は、最初と2番目のアプローチが適用される状況の表を提供します。

事例

ディズニーのマジカルリストバンドでの10億ドルの賭け

カエルがデザインに関わったDisney MagicBandは、間違いなくこの10年で最大のUXプロジェクトです。

すべてがスケジュール通りです。メインのMail.Ruでのユーザーアクティビティの監視は、どのように生き、そして...

私の同僚のオルガ・クリツィナは、国内の主要なイベントに関連してMail.Ruホームページの分析について話しています。オフラインイベントがWebサービスを利用する大勢の視聴者の仕事にどのように影響するかは興味深いです。

他の国でユーザー調査を実施する際の考慮事項-ブラジルのケーススタディ

Claire Carlsonがブラジルでのユーザー調査の経験を共有しています。特に、そして一般に、この市場で考慮すべきことは、出国時に国際調査を行うときです。

ケースの再設計

インテリジェントなミニケースは、Intercomの分析部分で機能します。ユーザーが分析を要求した、つまりあまり有用ではない単純なグラフのセットですが、設計者は、より適切なソリューションを提供するためにこの情報が必要な理由を理解したいと考えていました。
マイク・モンテイロによるシアトル・タイムズの再設計に関する物語。彼は、営業部門と協力することの重要性について語っています。

トレンド

読みやすいウェアラブル

ウェブの新しい時代が開かれています-適応性はスマートウォッチを考慮に入れています。 Matt GriffinがBeardedのWebサイトを非常に小さな画面にどのように適合させたかについて語っています。

Googleはあなたの非モバイルサイトを嫌います

Craig Tomlinは、新しいGoogle検索エンジンルールについて、モバイル版のサイトの可用性だけでなく、その品質も考慮に入れています。同僚によると、同社は大規模バージョンとモバイルバージョンの機能の対応にも注意を払っています。この記事は、このような問題を見つけるための簡単なトレーニングマニュアルです。トピックの続き：

Googleウェブマスターツールを使用して新しい要件に合わせてモバイルサイトを最適化する方法の概要。

ファブレット

Dmitry Kovalenkoは、iOS8インターフェースの問題について、彼らが解決しなかったことについて、大画面の携帯電話が近づいていることさえ知っていました。

カーインターフェース

USTWO Design Studioは、車のダッシュボード設計に対する再考されたアプローチを説明する面白いコンセプトを導入しました。
ustwoダッシュボードのコンセプトについて5つのコペックを挿入しました。私が6年間興味を持っているトピックについて書くもっと多くの理由があることを望みます:)
非自動車会社のもう1つの自動車UIコンセプト。今回は、大きなテスラスクリーンのデザインです。

Design In Techレポート2015

過去数年にわたる現代のテクノロジー企業におけるデザインの役割の大幅な増加に関するジョン前田の報告。デザイナーは成功した企業を見つけ、大企業はデザインスタジオを購入し、デザイナーはベンチャーキャピタル企業のパートナーになります。

仮想現実と拡張現実

一般的および専門的な開発のため

UX反応

設計作業の局所的側面に関するgifのコレクション。プロジェクト通信を多様化する良い方法。

フランク・キメラによるウェブの穀物

フランクキメラのプロの哲学に関するプレゼンテーションに基づく記事。彼は、現代のウェブにおけるデザイナーの役割とタスクに関する現在の理解を再構築しようとしています。レスポンシブデザインと製品が作成される全体的な環境に対する興味深いアプローチ。

Helvetica / Objectified / Urbanized：完全なインタビュー

「Helvetica / Objectified / Urbanized：The Complete Interviews」という本が出版され、3つの有名なデザイン映画から100のインタビューが集められました。 Fast Co Design は、そこからディーターラムズとの会話の一部を公開しています。

トレーニングとセミナーのお知らせ

バン！バン！スタジオは、イラストレーター向けのオンラインスクールを立ち上げました。
Yandexはデザインスクールを開始しました。夕方には、大規模な食料品会社のデザイナーの仕事で30人が無料のクラスに募集されます。小さな発表。
英国の代表、Artyom Gorbunovの学校、Yandexのデザインの学校との詳細なインタビューがZuckerbergで公開されました。アプローチ、プログラム、条件が比較されます。

新しいオンラインコース

医療用の設計

Ted Goasは、医療サービスを行う会社のデザイナーの仕事の特徴について書いています。業界の個人データの保護に関する厳格な法律、機密性の向上、およびユーザー機器は、多くの場合先史時代のものです。しかし、タスク自体と実際の人々を助ける機会は非常に興味深いものです。

重要なサメ

大企業の仕事を批判することが可能かどうかに関する非常に賢明な言説。もちろん、彼らは何千ものニュアンスを考慮し、時間とリソースの制限という厳しい枠組みの中で行動する必要があり、さらにこれらすべてを積極的な競争環境で行わなければなりません。しかし、業界での対話がなければ、彼女の成長はさらに困難になります。機会自体（iOS7リリース）はすでに腐っていますが、素材は新鮮で、テーマは依然として関連しています。リンクの3番目の部分は最も賢明です。パート1と2 。

FRIIによるMailChimpのUXリーダーの翻訳

人間の目のためのWeb UIデザイン-色、空間、コントラスト

今年のUXPinの別の本、今回はインターフェイスの色、パディング、必要なコントラストのレベルについて。

Golden KrishnaのThe Best Interface is No Interfaceからの抜粋

「スクリーンベースの思考：アプリを作ろう！」の章。

エルゴノミストNo.40

エルゴノミストニュースレターの第40号が発行されました。その中には、専門家の評価とスタッフの選択の問題に捧げられた資料、新しい会議や出版物に関する情報、そしていくつかの面白い人間工学的な「流用」があります。

料理と製品設計における見習いの価値

メリッサ・マンデルバウムは、デザインインターンシップの経験と、初心者の料理人がどのように職業に就いたかを学び、話す方法と比較します。

業界の人々と企業

LayerVaultの終andとクリエイティブツールの市場

今年のもう一つの突然のニュースは、 LayerVaultデザイナーのバージョンシステムが閉じているということです。昨年一年半、デザイナー向けの新しいツールがほぼ毎週登場し、突然、その中で最も古く、最も有名なツールの1つが市場を去りました。 Khoi Vinhは、なぜそれが残りに関係するのか疑問に思っています。おそらくこれは、いくつかの点で同様のPixelapse Dropboxサービスを購入したことが原因である可能性があります。開発の見通しを大きく損なった巨大な競合他社が現れました。

どうやってそこに着いたのか-コイ・ビンの本

Khoi Vinhは著名なデザイナーとの14回の詳細なインタビューという本「How They Got There」を出版しました。彼らは、奇妙なひねりを加えて、自分のキャリアについて詳細に話します。それらの最初のものは、UX研究者エリカ・ホールと共に、調査として発表されました。彼女はしばらくロシアに住んでいて、少しの言語を知っていることが判明しました。トピックの続き：

新しいAMAセッション

会議議事録

カンファレンスレビュー：UX Strategies Summit 2014、パート1

Pabini Gabriel-Petitレポート、UX戦略サミット2014年6月10〜12日、米国サンフランシスコで開催。 Kelly Gotoは1年以上にわたってプレゼンテーションを繰り返してきましたが、いくつかの基調講演のかなり詳細な概要。

Interaction15のビデオ

2月9日から11日に米国サンフランシスコで開催されたInteraction15のビデオ。

新鮮なリンクも同じFacebookグループで追跡できます。 特にGennady Dragun、Pavel Skripkin、Dmitry Podluzhny、Anton Artemov、Denis Efremov、Evgeny Sokolovのリンクを公開しているすべての人に感謝します。 レビューのおかげで、それらのおかげでより多くの資料が表示されます。

ニュースレターを購読する

手紙は月に一度届きます。

フードデザインダイジェスト2015年3月