💨 👩🏿‍🤝‍👩🏾 🤚🏽 フードデザインダイジェスト2014年7月 🤞 ◀️ 🥪

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

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

カードデッキの積み重ね-HTML5ベースのカードでモバイルの未来を取り戻す
インターフェイスでのカードの使用に関するクリストファー・ツェー。このトピックに関する最良の資料-概念フレームワークと、「カード」インターフェースの設計および開発の原則の両方に影響します。ロシア語への翻訳。継続：

Baymard：eコマース検索のユーザビリティ-独自の調査研究
Baymard Instituteからの最近の抜粋は、eコマースサイトの検索インターフェイスに関する研究について報告しています。

レスポンシブWebデザインが唯一のモバイル戦略である場合、ユーザーを失う可能性があります
重要なメッセージを伝えるために配備された優れたMaximiliano Firtmanの資料-携帯電話でユーザーに製品を表示するために使用するテクノロジーに関係なく。主なものは、それがあなたのタスクに合っているということです。彼はクリーンでレスポンシブなデザインの技術的問題について議論し、特定の条件が満たされていれば単一のバージョンはそれほど悪くないと言います。トピックの続き：

モバイルデバイスでのテストの優先順位について。

ユーザーの理解

極端な男性の脳モデルに照らしたジェンダー指向設計
Liraz Margalitは、男性と女性のオンライン行動の違いを調べています。ロシア語への翻訳。

ユーザーインターフェイスでのメモリ認識とリコール
Nielsen / Norman GroupのRaluca Bidiuは、認知心理学における2つの重要な概念である「記憶」と「認識」の違いを分析しています。

ペルソナ共感マッピングの使用方法
再び共感カードの使用について。この記事には、マップ会議のマッピングスキームの有用な例があり、もう一度それを行うのが理にかなっている理由についての議論があります。

デブラ・レビン・ゲルマン-子供向けデザイン
ローゼンフェルド・メディアは、デブラ・レビン・ゲルマンによるキッズ向けデザインをリリースしました。いくつかの章からの抜粋：

「 4〜6歳の子供向けのデザイン」の章。
章番号2 。

ハッピーデザインの科学
Pamela Pavliscakは、6,600人のユーザーを持つ250を超えるサイトの調査を実施し、ユーザーを満足させる3つの設計原則を導き出しました。1）ユーザーの自律性を最大化します（サイトでタスクを独立して実行する能力）。 2）相互作用のアクティブで多様なメカニズムの使用。 3）現実世界の友人としてのユーザーに対する態度。基本的なレベルのユーザビリティを達成することは、ユーザーが満足するために不可欠です。メインタスクが正常に完了した割合が90％未満の場合、ユーザーが満足することはほとんどありません。

共感の実現、パート2-実践
スンチャンリムは、一般的な共感の意味を分析し、特にインターフェイスに関連して分析します。そして、彼はデザイナーのためにそれを使用する方法について話します。

ゲームの50の色合い-色覚異常で遊ぶ
ゲームのアクセシビリティ。色覚異常のある人向けのデザイン。トピックの続き：

3種類の色覚異常をシミュレートし、コントラストを実現するために色の変更を提案できる、Chromeのブックマークレットとプラグイン： Daltonize （別名、 Chrome Web Store ）。

Svetlana Kouznetsovaのオーディオアクセシビリティ
難聴のある人のためのデザインの専門家であるスヴェトラーナ・クズネツォワとの会話。

情報アーキテクチャと概念設計

相互作用をどのように設計しますか？
インターフェイス設計はどこから始まりますか？多くはスケッチから始まります：紙の上、黒板、グラフィカルエディター。 Luca Leoneは、デザインプロセスを視覚的にではなく、テキストエディターで開始することをお勧めします。最初にシナリオを説明して議論し、それから視覚化するだけです。

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

Googleマテリアルデザイン

Android Wear

スケッチテンプレートとプラグイン

Axure RPに最適なテンプレートとウィジェットライブラリ
Axure用のテンプレートとステンシルの別のコレクション。オンラインストア、ソーシャルサービス、ランディングページなどの標準プロジェクト用の既製のキットがあります。

Brandfolder-シンプルで視覚的なブランド資産共有
Brandfolderサービスは、ブランドガイドラインの組織化とサポートを促進し、関心のあるすべての人々と協力します。インターフェイス部分を含む。

Pentotype-優れたアプリのワイヤーフレーム
モバイル、タブレット、およびWebインターフェイスを設計するためのPentotype iPadアプリケーション。インタラクティブなプロトタイプを作成でき、フィードバックの議論と収集のプロセスを促進します。

便利なAdobe Fireworksリソース
Michel BozgounovによるAdobe Fireworksの拡張機能をご覧ください。このツールのサポートは本質的に中止されましたが、多くの人がそれを効果的に使用し、数年かかります。第二部。

Google Notoフォント
Googleのすべての言語向けの美しいモダンな無料（Apache 2.0）フォント。

最新の編集CMS

CampaignMonitor Canvasメーリングリストエディタ。

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

ユーザビリティ調査の観察-利害関係者向けガイド
製品のユーザビリティテストが進行中であり、招待されているか、あなた自身がオブザーバーとして参加したいと考えています。どのように振る舞い、何を見るべきか？

比較ユーザビリティ調査で管理する5つの変数
ジェフサウロは、ユーザビリティの比較テストを実施する上で重要な5つの重要な指標をリストしています。

ビジュアルプログラミング

新しいスクリプト

さまざまな複雑さのチャートを描画するための優れたChart.jsライブラリ。
Giflinks 、サイト上の自動フルブラウザGIFビュー。
CSSを使用したSVGのアニメーション化。
CSSの追跡に役立つNode.jsのパッケージ。使用される色がほぼ同じで、コントラストが十分でない場合に通知します。低コントラスト/強い類似性の非常に単純なコンピューティング技術は使用されません。
興味深いSVGアニメーションナビゲーションアイコン
Chrome for Windowsでフォントが正しく表示されない問題の解決策。
CSSに対するペーパーボタンの効果。
自己描画SVG効果を作成する方法。
WOW.jsをスクロールするためのアニメーションライブラリ。 jqueryなし=スローダウン、小さいサイズ、animate.cssに優しい。

Origami for Quartz Composerの新機能

Quartz ComposerおよびOrigamiの使用を開始するためのリソース。

ブートストラップの新機能

指標とROI

製品に適切なUXメトリックを選択する方法
Google VenturesのKerry Roddenの記事に基づいて、製品の適切なフロントエンドメトリックの選択を説明する1ページのページ。これは、HEARTのイデオロギー（幸福、関与、採用、保持、タスクの成功）に基づいています。

デジタルダッシュボード-戦略と戦術：ベストプラクティス、ヒント、例
Avinash Kaushikのダッシュボードの設計に対する概念的なアプローチ。

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

敬剣堂成熟モデル：セルフテスト
ケイケンドUX成熟度テスト。

開発者向けの設計スプリント
概念的な製品設計のための独自の5日間のチームワーク形式に関するGoogle従業員からの一連のビデオ。

デザイナーとの連携方法
FacebookのJulie Zhuoが、デザイナーとどのように仕事をするか、そして彼らにふさわしいプロジェクトをどのように選ぶかについて。

リーンスタートアップがデザイン思考に適合
リーンスタートアップの作者であるEric RiesとIDEOのTim BrownがGoogle Venturesに話をします。

製品管理と分析

顧客開発について学んだ10のこと（2014）
Lean Customer Developmentの著者であるCindy Alvarezからの10のレッスン。 1）「あなたがいくら払うか…」という質問に対する答えは間違っています。 2）「私自身は使用しませんが、他の人は使用すると確信しています」と言われた場合、誰もこの製品を使用しません。 3）「…にしたくないですか？」、「しかし気にしませんか？」、と尋ねると、答えは常に「はい」になります。 4）誰かが「...多分、それは私だけかもしれませんが...」と言ったら、答えは「いいえ」です。特に、製品を使用するのが難しいと思われる場合、または明確なマーケティングがない場合。 5）製品にお金をかけたい場合は、無料の製品の使用に慣れているユーザーに尋ねないでください。彼らは、おそらく、あなたの顧客になるでしょうが、製品の声明の塊よりも早くはありません。 6）ユーザーが必要とする機能がより興味深いのではなく、なぜそれが必要なのか。 7）ほとんどすべての人は、あなたが彼に求めていることを言葉で行う準備ができています。小さな要求で、あなたはエネルギーに満ちていて、大きな決断をする必要はありません。 8）潜在的なユーザーが気に入らない場合、良い製品を作成することは不可能です。少なくとも彼らに無関心ではないはずです。 9）ユーザーの行動における2つの推進力：無関心と愚かな見方/感じたくない。 10）「すべてが私が思っていたよりもはるかに複雑です」という考えがあった場合、実際にはすべてがはるかに複雑です。無駄のない顧客開発の本自体は、最もよく研究されているユーザーの1人です。いくつかの確立された概念とアプローチを大幅に変更します。

最高のユーザーを理解することの重要性
Lean Analyticsの著者であるBen Yoskovitzが、ユーザーセグメンテーションの重要性について説明しています。また、なぜ「良い」ユーザーを早期に特定する必要があるのか、そもそも製品の開発と最適化が必要なサブグループについても。トピックの続き：

Jeff Sauroは、NPS（Net Promoters Score）を使用してユーザーをセグメント化することを提案しています。批判者は悪いユーザーです。これらは、ユーザーとの関係の悪化により受け取った「悪い」収益をもたらします。収益の10％以上が「中傷者」によるものである場合、これは企業にリスクをもたらします。製品の使用を簡単に中止したり、競合他社に行ったりする可能性があります。
Cennydd Bowlesは、さまざまな企業のNPS値の例をまとめています。「世界」レベルのNPS 50+の企業、過半数-5〜15の範囲。
ジェフサウロはNPSメトリックの現代批評をまとめました。彼は、10年の積極的な使用の後、多くの企業が「主要なツール」としての地位について懐疑的になり始めていると言います。

アイデアおよび/またはデータ
Cennydd Bowlesは、どの場合にアイデアに基づいたデザインを使用する方がよいか、そしてどの場合にデータに基づくかについて説明します。

顧客はほとんど間違っている
Gregory Ciottiは、クライアントはほとんど常に間違っていると述べています。

方法論、手順、標準

サービス設計101
ローレン・ルイスのサービス設計の基礎とクーパー・コンサルティングのアイザック・ロス。

事例

LinkedInの外観デザイン
LinkedIn UXチームの責任者であるMoses Tingが会社での仕事について語ります。

物語

オンラインサービスが死んだときに行く場所
80年代のインターネットに類似したProdigyネットワークの歴史、およびそのデータの復元の試みについて。

トレンド

車載HMIの近未来
Ustwoは、自動車インターフェースのトレンドの分析と予測に関する記事を非常に強力にリリースしています。これは、オープンフォームで利用可能なトピックに関する最も興味深い、詳細かつ徹底的な研究です。電子書籍（PDF）形式の5つのパートすべて。個々の部品およびその他の関連資料：

パート1：車載インターフェイスの近未来。
パート2：現在の状況と、ここでどうやって終わったか。
パート3：現在の状態の分析、テンプレートの変更。
パート4：楽しみにして。相互作用モデル。
パート5：私たちの経験と設計へのアプローチ。
ジムロスはトヨタプリウスダッシュボードのデザインを分解します。設計は運転スタイルを変更し、燃料の節約に役立ちます。
フォルクスワーゲンは、自動車情報システム専用のBlackBerry R＆Dチームの一部を購入しました。 QNXベースのプラットフォームは最も興味深いものの1つです。

UXPinによるモバイルUIデザイントレンド2014
2014年のモバイルトレンドに特化したUXPinの別の電子書籍。クリスバンクはモバイル入力テンプレートについて絞り込んだ。トピックの続き：

Webインターフェイスデザインの2014年の動向。

動きに意味を与える
Paul Stamatiouは、最近導入されたGoogleマテリアルデザインのイデオロギーを分析し、一連の異なるトランジションだけでなく、よく組織化されたオーケストレーションが必要なときに、インターフェースのアニメーションの新しい時代が始まっていると言います。

スティーブンアンダーソン-デザインによるデータの解読
彼の新しい本、Designing for Understandingのリリースの前夜に、Stephen Andersonにインタビュー。彼は、複雑な概念やインターフェースの概念の意味を伝える際の7つの問題について説明し、それらを解決する方法についても語っています。

「ウェアラブルソフトウェア」について話さない理由
今年、ウェアラブルデバイスは重要な段階に達しました-独自のデバイスとOSを備えた数十のメーカーの混乱から、いくつかのヒットプラットフォームとサードパーティソフトウェアを既存のデバイスに接続するより成熟した市場まで。 Fast Companyは、ソフトウェアに焦点を移した人々について書いています。

パーソナライズ製品の夜明けに関するDropboxの設計責任者
Dropboxデザインの責任者であるSoleio Cuervo、およびFacebookに雇われた2人目のデザイナー（「いいね」ボタンの初期デザインの功績）は、パーソナライズされた製品の時代の幕開けについて書いています。

健康とデザインに関する15冊の本
健康とヘルスケアのための15のデザインブック。

専門能力開発

UXデザインプラクティス垂直
Nathaniel Davisは、UXデザイナーの専門的資格のニュアンスを記述するためのモデルを提供しています。トピックの続き：

UXの異なる方向への独自のポンピングの計算機。

マスタリー
マキシム・イリャホフは、デザイナーのキャリアに関する一連の記事を執筆しました。「誰もあなたに成長してほしくありません。あなたが永遠に「強い中小農民」のままでいることは有益です。このために、「快適ゾーン」が作成され、あなたの選択は、それらにとどまるか、それらを離れて次の「快適ゾーン」に行くかです。。抜粋：

クラウドファンディング設計教育
Jared Spoolは、Unicorn Institute（別名Project：Insanity）アイデアの起源とその作成プロセスについて語っています。

Steve Krug-ユーザビリティは急降下しているのか？
Steve Krugが、ユーザビリティの現状と、物議を醸すインターフェース設計のトレンドについて説明しています。

UI、UX：誰が何をしますか？ ハイテク業界向けのデザイナーズガイド
大手企業（Apple、Facebook、Googleなど）のさまざまな設計職の要件の説明の例。

デザインゲーム：スカベンジャーハント
ドナ・スペンサーのデザインゲーム。その中で、小さなチームは楽しく、ふざけて特定の設計問題の解決策を見つけようとしています。「ゴミ狩り」-サイト上の情報を見つけることを目的としたユーザビリティテストの形式。その他のゲーム：

ホームページをデザインする -共同デザイン演習。
カードを並べ替えます。
お金を分け合う -機能に優先順位をつける演習。
リストによって測定されます -ブレーンストーミングに使用できます。

業界の重要な人々

Google検索のプリンシパルデザイナー、ジョンワイリーです。 何でも聞いて！
Googleのトップデザイナーの1人であり、Redditの材料設計思想家であるJon WileyとのQ＆Aセッション。大企業が製品を閉じて機能を削除する理由など、多くの興味深いことがあります。

さようならグーグル。 こんにちはキャピタルワン！
GoogleのProject ARAモジュラースマートフォンプロジェクトのリードデザイナーであるDan Makoskiは、以前Microsoft Surfaceの第1世代の作業に参加し、CapitalOne Bankに移籍しました。移行の理由についてFast Company 。

データ視覚化の30人のリーダー
データの視覚化における現代の主要なイデオロギー専門家30人（アルファベット順に表示）。

会議議事録

UXポーランド2014カンファレンスのビデオ
4月9〜11日にワルシャワで開催された会議UX Poland 2014の資料。

新鮮なリンクも同じFacebookグループで追跡できます。 特にGennady DragunとPavel Skripkinのリンクを公開しているすべての人に感謝します。

フードデザインダイジェスト2014年7月