フードデザインダイジェスト、2014年4〜5月

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

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

レスポンシブメールパターン

レスポンシブメーリングリストパターンのコレクション。



UIを着用

ウェアラブルデバイスのインターフェイスパターンのコレクション。



モバイルサイトの設計の原則-ユーザーを喜ばせ、コンバージョンを促進する

GoogleとAnswerLabは、モバイルサイトの作成に関する共同推奨事項を公開しました。 これらは、作成のすべての側面をカバーする、よく説明されている25のルールです。 Googleのベストウェブプラクティスチュートリアルも登場しました。



ユーザーにiOSの許可を求める正しい方法

Brenden Mulliganが、iOSでユーザー権限を適切に要求する方法について説明しています。 ロシア語への翻訳 。



モバイルチュートリアルの再考-どのパターンが実際に機能しますか？

テレサニールは、モバイルアプリケーションで成功した、あまり良くない学習画面パターンを解析します。 また、ユーザーにとって本当に人気があり有用なものを作成するための推奨事項を提供します。



サイドドロワーナビゲーションはユーザーエンゲージメントの半分の費用がかかる可能性があります

Anthony Roseのzeebox Androidアプリケーションの興味深いケーススタディでは、ナビゲーションの主な原則としてサイドバーの効率の低下について語っています。 彼らは一連の実験を実施し、画面に常に表示されるタブは、ユーザーの関与を大幅に向上させました。 トピックの続き：

• 同じ結論の別の研究 。 彼の第二部 。

スクリーンのスクリーンについてのストーリーを伝える

ZendeskのMatthew Latkiewiczによるプロモーションビデオまたは教育ビデオでの製品表示技術の優れた概要。 彼は、さまざまな程度の有用性と信頼性を持つ6つの基本的なアプローチを特定しています。



ユーザーオンボーディング-頻繁に更新されるWebアプリの初回実行エクスペリエンスの概要

オンボーディングパターンの解析専用サイト。 トピックの続き：

• ローラクラインは、多くのデザイナーとマネージャーがユーザーに製品を学ぶように動機づけたいという欲求を批判します 。 最初に彼に彼の主な問題を解決する機会を与える必要があり、その後、徐々に追加の機会を教えることができます。

あなたはGoogleではありません。 あなたはアマゾンではありません

あなたはGoogleではありません。 あなたはアマゾンではありません。 大企業をフォローする必要がないのはなぜですか？ Paul Boagは、Googleの検索結果に下線のないリンクについて説明しています。



すべてのオンラインコンテンツの理想的な長さ

TwitterまたはFacebookでのメッセージの最適な長さはどれくらいですか？ 記事のタイトルと記事自体、テキストの段落、行の長さはどれくらいですか？ 多くの研究の結果は、Kevan Leeの記事にまとめられています。



ボタンの家

サンプルボタンのギャラリー。 静的、アニメーション、標準、カスタム、その他多数。 トピックの続き：

• Lars-Erik Janlertのボタン理論、物理から現代まで。

モバイルインターフェースの「心理的」速度

Oz Lublingは、ユーザーがモバイルインターフェイスの知覚速度を上げる方法の心理的な「秘密」について語っています。 トピックの続き：

• Facebookの標準プリローダーへの移行について、Rusty Mitchell氏は、ユーザーがアプリケーションからiOS自体にダウンロードが遅いことに対する責任を移すことを可能にしました。

ビートグリッドのリスト-リニアフィードはグリッドよりも2〜3回実行します

Prismaticサービスの場合、ニュースフィード要素をリスト形式で配置すると、カードのグリッドよりも2〜3倍効果的であることが判明しました。 Teehan + Laxと組み合わせて実験を行った後、彼らはこの結論に達しました。 プロジェクトに関するスタジオ 。



ユーザーがヘルプ資料で回答を見つけられない理由

ヘルプシステムをより効果的にする方法に関するトムジョンソンのプレゼンテーション。 彼は、ユーザーがそれらを扱う際に直面する主な問題を説明し、それらを解決するための段階的なプロセスを提供します。





モバイルの使いやすさ

15の主要な英国のeコマースサイトの分析に基づいたPracticologyのモバイルユーザビリティレポート。 レポートの主な5つの結論 。



単一フィールドのクレジットカード入力パターン

Brad Frostは、Squareに触発されたモバイルでのクレジットカード情報の入力を容易にするスクリプトを完成させました。 すべてのフィールドは1行で入力されます。 トピックの続き：

• 自然言語データ入力フォームのスクリプト。

通知設計戦略

メール通知の設計戦略。



すべてのチャートがしたい4つのこと

Des Traynorは、グラフとチャートの対話性と情報性を改善するための4つのアイデアを思いつきました。



高級ブランドはどこで間違っているのですか？

高級ブランドのインターネットバグ。 主なことは、静的な写真の印象を見て、実際の使用体験について考えていない広告主によってサイトが行われることです。



アクセシビリティを向上させるキーボードのみのナビゲーション

キーボードのみを使用したサイトでのナビゲーションのサポート。 提供方法 ヒントMarieke McCloskey：1）キーボード入力フォーカスの明確な表示。 2）すべてのインタラクティブな要素が利用可能でなければなりません。 3）ユーザーにナビゲーションをスキップして、メインコンテンツに直接移動する機会を与えます。



巨額の費用がかかる小さな箱

オンラインストアでボーナスコードを入力するためのインターフェイストリック。 何が失われ、何が失われますか？



Webサイトのファセットナビゲーションを改善する

Jim Kalbachのファセットナビゲーションの優れた解析。 長所、短所、落とし穴はよく説明されています。



レスポンシブデザイン：古き良き選択要素を捨てた理由と方法

Mikkel Bo Schmidtが提供するWebとモバイルの両方で機能するドロップダウンリストの置き換えの興味深いバージョン。



メールの件名：読者を引き付ける5つのヒント

Jannele Estesは、読者にアピールするメールの見出しを書くためのヒントを提供しています。



これはレスポンシブです-レスポンシブWebデザインのヒント、リソース、およびパターン

レスポンシブデザインパターン、記事、およびその他の役立つ資料のコレクション。 すべての例を感じることができます、これは動作するコードです。 トピックの続き：

• シンプルでレスポンシブなデザインのリマインダー 。

デスクトップ上の複雑なWebサイトコンテンツ用のアコーディオン

Hoa Lorangerによるアコーディオンを使用したコンテンツの表示。

ユーザーの理解

動きの錯覚

人間の目/脳による動きの知覚、フレームレート、掃引周波数、モーションブラー、テレビに関する詳細な記事。 FPSとは何かを理解するのに役立ちます。



モバイルとアクセシビリティ-なぜ気にする必要があるのか​​、それについて何ができるのか

TJ VanTollからのモバイルアクセシビリティの基本。 彼は色のコントラストをチェックする興味深いツールに言及しています。



気質のデザイン （Hienadz Drahunによるプレゼンテーション）

5月19日月曜日に開催された集会「Design by Fire Cafe＃34」からのGennady Dragunのプレゼンテーション。 ユーザーの行動パターンを迅速に構築するための基礎として、気質の種類を使用します。



http://www.slideshare.net/Hienadz.Drahun/hienadz-drahun-design-with-temperament-design-by-fire-cafe

タスク分析-誰もがスキップするUX設計の重要なステップ

タスク分析に関するLarry Marine-誰もが聞いたことがあるが、ほとんど使用されていないシンプルで効果的な方法。



行動変更戦略カード

Artefact Groupは、ユーザーの行動に影響を与える方法に関するトレーニングマニュアルを公開しました。 これは、優れたインターフェイスを構築するための基本的なルールのセットです。 PDFへの直接リンク 。



ブログ投稿をバリーする...

Cooper ConsultingのChris Noesselが、キャラクターの名前を選択する際の複雑さについて書いています。



インサイドゴール指向デザイン-アランクーパーとの2部会話

ゴール指向設計についてアラン・クーパーと話してください。 現在についてのパート2 。



DyadsとTriadsを通じてUXインサイトを獲得する

「ダイアッド」と「トライアド」を使用したグループユーザー調査の方法に関するジェームズブリーズとゴーリペンカー。 これは、家族と製品との相互作用を理解する必要がある場合に最適なオプションです。



QuickPanel：ディスレクシア

10％の人が失読症に苦しんでいます-読書に伴う先天性の身体的困難。 5〜20％-書字障害による-執筆の難しさ。 子どもの11％と大人の4％は集中力に注意不足の困難を抱えています。 設計がこれらの人々にどのように役立つかについてのアクセシビリティ専門家。



パーソナリティとプレイスタイル-統一モデル

統一されたプレイヤーキャラクターのモデル、Caircyの気質、バートルプレイヤーの類型、Chris Batemanによる人口統計学のゲームデザイン、CaloisとLazzaroの理論など、魅力的な組み合わせを探します。 読んだ後、プレイヤーのペルソナをサイコロに投げるのは、そうでない限りです。 トピックの続き：

• ゲーム内のイベントに対する感情的な反応のプリズムを通してユーザーエクスペリエンスを考慮する別のアプローチ。 プレイヤーエクスペリエンスジャーニーマップの基礎として機能します 。

マインドインマインドインデザイン-ユーザーインターフェイス設計ガイドラインを理解するための簡単なガイド

ジェフ・ジョンソンの本の最近リリースされた第2版、「マインド・イン・マインド・イン・マインド：ユーザー・インターフェース設計ガイドラインを理解するための簡単なガイド」からの抜粋。 知覚の基本原則と、インターフェイスを設計する際にそれらを使用する方法は非常によく説明されています。



リソース：コンテンツ作業のメンタルモデリング（ダニエルエイザンズによるConfabミネアポリスによるプレゼンテーション）

Confabミネアポリス会議のメンタルモデルの作成に関するDaniel Eizansワークショップのプレゼンテーションと有用な資料。 プロセスと方法の非常に良い概要。



目的に合わせた設計

タスク設計のためのレイチェル・マッコリンの方法論。 シンプル。 事実上。 事実上。 これ以上。



患者体験の定義

Jason A. Wolf、Victoria Niederhauser、Dianne Marshburn、およびSherri L. LaVelaの患者と医療スタッフの相互作用のニュアンスを研究および設計した14年の経験を記述した科学出版物。 サービスの設計に関与する人々のための有用な資料。



モバイルファースト？ それほど速くない

ローラクラインは、モバイルデザインに対するより意味のあるアプローチについて説明します。 決定要因は、デバイスのサイズではなく、ユーザーが直面しているタスクと使用状況である必要があります。



学習者中心のデザイン（書評）

ドリアン・ピーターズの著書「学習者中心の設計：学習のためのインターフェース設計」の小さなレビュー。 サイトからゲームまで、さまざまな製品のユーザーをトレーニングする方法を説明しています。



ボードルームコミック-エグゼクティブ向けのビジネスシナリオ可視化ツール

Ajaxは、コミックの集合的な作成を通じて、対象読者とそのシナリオを理解する方法を明らかにします。



遊び心がありますか？ 楽しいUXの作成

AndrésLucero、Evangelos Karapanos、Juha Arrasvuori、Hannu Korhonenは、ゲーム要素とのインターフェースを設計するためのPLEX（Playful Experience）コンセプトを提供しています。 トランプのセットやそのようなインターフェースの特性など、概念はよく説明されています。



データ駆動設計と設計直感

データに基づく設計と直感に基づく設計。 トピックについては、Bradford Cross（Prismaticの創設者兼CEO）、Brynn Evans（Googleの主要UXデザイナー）、David Gauquelin（Preziのデザインヘッド）、Braden Kowitz（Google Venturesのデザインパートナー）が議論します。



潜在的なB2Bバイヤーの55％がWebサイトのコンテンツを信頼できない理由

B2Bサイトの信頼に関する主な問題。 リストの先頭は次のとおりです。1）利用可能な連絡先情報の不足。 2）「会社について」セクションの低品質コンテンツ。

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

コンセプトモデルの作成 （Video Dave Grey）

概念モデルの作成に関するDave GrayとChristina Wodtkeのビデオマスタークラス。 ステップごとの40分のビデオ。 その後、 詳細な記事が出ました。







オーケストレーションタッチポイント

クリスリスドンがアダプティブパスで行ったパフォーマンスのビデオ。タッチパスなどの顧客の旅程マップ要素を解析します。 トピックの続き：

• ジェフサウロがマップ作成プロセスについて 。
• Jamin Hegeman（アダプティブパスデザインディレクター） oサービスデザインジャーニー 。

Brainsketching：コラボレーティブインタラクションデザイン

Jay Vidyarthiは、作業会議のテクニックをブレインスケットに書いています。 参加者は自分のアイデアを議論する代わりに紙にスケッチし、他の人のアイデアを開発するためにメモを数回交換します。



サービス設計図

サービスブループリントに関するCooper ConsultingのIzac Rossによるプレゼンテーション。

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

噂：GoogleがChrome、Android、および検索をブリッジしてデバイス上ですべてを実行する計画

6月25-26日、Google I / Oが開催され、Androidの新しいバージョンは次のようになります。 アプリケーションアイコンも簡素化できます 。 トピックの続き：

• 今後のGoogle I / Oは、主に設計に専念する高速CoDesign。
• ArsTechnicaは、Googleがモバイル、ウェブ、ウェアラブルガジェットのすべての製品のスタイルを統一する計画があるという噂を引用しています。 おそらく、これはWeb用の新しいGmailのリークされたスクリーンショットによって確認されます 。
• このトピックに関するモバイルデザインの責任者であるMathias Duarteとの最近のインタビュー 。
• 新しいGoogle+はサイドバーを放棄しました 。 また、実験的なGmailビルドの1つにも含まれていません 。 ローマヌリックは彼らが彼を捨てるつもりはないと言っているが 。
• Androidの最初のバージョンの仕様 。これは、タッチバージョンを支持して削除されました。 パート2

Sketchのプラグインとテンプレート

• Sketch 3の新機能 。
• Teehan + Lax iOS7テンプレートは、Sketch 3のインストールに自動的に含まれます 。
• レイアウトを簡単にするためのSketch Measureプラグイン。
• Meng ToのiOS7 + Sketch + Xcodeのコース 。
• Sketch 3とPhotoshop CCのレイアウト作成速度の比較。
• iOSおよびAndroidをスライスするためのプラグイン。
• アイコンフォントを作成するためのテンプレート 。
• プラグインは、Dribbbleアカウントからのショットをレイアウトに挿入します 。 ギャラリーを作成するときにコンテンツとして使用すると便利です。
• iOSデバイス用のベクトルテンプレート 。
• 人気のあるオンラインギャラリーから写真を挿入する別のスクリプト 。
• 実験的なプラグインマネージャー 。
• iPhoneおよびiPad用のデザインテンプレート 。
• 実際の設計プロセスでの使用の実用的な観点からのツールの概要。
• .sketchからHTMLを生成するプラグイン。
• Fireworksの簡単な歴史と、Sketchが彼にとって良い代替品になっている理由。

ワイヤーフレーミングのガイド

UX PinのChris Bankは、ワイヤフレームに関する一連の記事を執筆し、それらを電子書籍にまとめました。 記事自体：

• サムネイルを作成する4つの方法 。 コンピューターは含まれません 。
• ワイヤフレームを使用して練習します。
• ワイヤーフレームの50シェード 。 彼らは何ができます。
• ワイヤーフレームを作成するためのさまざまな種類のツールの長所と短所 ：オフィスアプリケーション、グラフィックエディター、プレゼンテーションを作成するためのツール、およびワイヤーフレームとプロトタイプを作成するためのプログラム。
• ワイヤフレームとインターフェイスパターンのコレクション 。
• HTMLでのワイヤフレームの作成に関するBrad Frost。

Project Parfait（ベータ）-Web用のPSD CSS抽出、測定、画像最適化サービス

Adobeは、PSDレイアウトの翻訳を容易にするためにParfaitオンラインサービスを開始しました。 デザインの寸法を記入し、選択したオブジェクトのCSSコードを取得できます。 トピックの続き：

• Avocodeは 、Photoshopを使用しない別のPSDツールです。

Illustratorでデザインをスピードアップ-数分でインターフェイスを作成するための14のヒント

Adobe Illustratorでインターフェイスを作成するための基本的なリマインダー。 作品の主な特徴に関する14のヒント。



スタイルガイドの作成

HTMLガイドラインの作成方法に関するスーザンロバートソン。



ウェブサイトデッキ

典型的なインターフェース画面のサムネイル付きのトランプ。



デモンストレーション-モバイルプロトタイプ作成

iOS向けモバイルアプリケーションのラピッドプロトタイピング用アプリケーションのデモ。



UIデザインの長所と短所

AppleのiOS7のインターフェースを作成するための基本的なルールの選択。 ところで、公式ガイドラインはiBooksの本の形で出てきました。



Mitya-インタラクションアニメーションのプロトタイプを作成する

レイアウトからインタラクティブなプロトタイプを作成するための別のツール。 Dropboxと同期し、デバイスに直接表示します。 公式Facebookツールグループ 。



MMLayershots

MMLayerShotsを使用すると、iOSアプリケーションのすべての画面を1つの構造化されたPSDに組み立てることができます。これは、実装の品質を確認するのに十分便利です。 コーディングとMacのスキルを前提としています。



ジェフ・ブロデリックによる密度コンバーター

Jeff Broderickのさまざまな解像度と密度の画面にスマートフォンおよびタブレットアプリケーションの設計を適合させるための計算機。



大規模な設計チームでAdobe Fireworksと協力する

Dan Nisbetは、チームワークでAdobe Fireworksを効果的に使用する方法について詳しく説明しています。 このツールのサポートは本質的に中止されましたが、多くの人がそれを効果的に使用し、数年かかります。



ピークビュー

接続された多数のスマートフォンやタブレットのレイアウトをすばやく表示できるPhotoshopのプラグイン。 クリエイターは、Skalaよりも速く動作すると言います。 トピックの続き：

• Pixl Preview-デバイスでAndroidレイアウトを表示するための別のツール。

iOS 7 UIキットPhotoshopアクションセット

Photoshopの一連のアクション。iOS7レイアウトでの作業を簡素化します。

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

Airbnbでの実験

AirBnBチームの優れた資料であり、A / Bテストを実施する方法、およびツールと方法を使用する機能について説明しています。 ロシア語への翻訳 。 トピックの続き：

• ほとんどのA / Bテスト結果は幻想的であるというQuitbitのレポート。
• A / Bテストを行う際の5つのよくある間違い 。
• デビッドトラビスの実験方法について 。
• FacebookのJulie ZhouがA / Bテストの問題について 。
• NN / gのJennifer Cardelloは、A / Bテストの潜在的な問題の3つの原因について説明し、ユーザーの調査に基づいて独自のアプローチを提供しています。

簡単なカラーコントラストテスト

Chromeアクセシビリティ開発者ツールを使用して、色のコントラストを簡単にテストできます。



モデレーターのサバイバルガイド-ユーザー調査でよくある、トリッキー、スティッキーな状況を処理する

Donna TedescoとFiona Tranquadaの昨年の本「The Moderator's Survival Guide：Handling Common、Tricky、Sticky Situations in User Research」からの抜粋。



欠落データの3つのタイプの特定

ジェフサウロは、不完全なユーザー調査データを分析する方法について語っています。 さまざまな状況が考えられます-特定の質問が回答者の大部分にとって不快であり、回答の大部分が回答を持たなかったか、回答がランダムにスキップされました。



メカニカルタークを使用した詳細設計のユーザビリティテスト

A / Bテストを使用して、PrismaticチームがAmazon Mechanical Turkを使用して選択を簡素化する方法のケーススタディ。



Readability.io-テキストの読みやすさを確認する

Readability.ioオンラインサービスは、インターフェイスの情報テキストの改善に役立ちます。

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

「デザイナーはコーディングする必要がある」でたらめとそれほど新しいアイデア

デザイナーがタイプセットできるかどうかについて、近年人気のあるメッセージのトピックに関するDavide Casaliの興味深い考え。



Macaw-コードに精通したWebデザインツール

重量のあるPhotoshopを置き換えるデザイナーやデザイナー向けの新しいモダンツールであるMacawはベータ版からリリースされました。 Sketchと同様に、ワークフローは容易になりますが、さらに先へ進み、大手デザイナーが長い間夢見ていたビジュアルプログラミングを約束します。 出力は、レスポンシブネスをサポートする簡潔できれいなHTMLおよびCSSです。 トピックの続き：

• トレンディではなく、イデオロギー的に正しいが、潜在的に興味深いTumult Hype 。

次世代のレスポンシブWebデザインツール：Webflow、Edge Reflow、Macaw

アダプティブサイトの視覚的な「レイアウト」のための最新ツールの詳細なレビュー。 トピックの続き：

• Sparkle 、関連ツール。
• Bootstrapに基づいてレスポンシブサイトを作成するためのBrixビジュアルツール。

フレーマー-最新のプロトタイピング

多くの新機能を備えたFramer.jsの3番目のバージョンがリリースされました。 トピックの続き：

• 公式Facebookグループ 。
• スワイプを実装し、Framer 3にドラッグします。
• 日々、 FramerViewが登場します。FramerViewは、iPhoneでFramer.jsで作成したプロトタイプを表示するための非常に便利なツールです。

Quartz Composerのアボカド

IDEOのAvocadoフレームワーク、Quartz Composerの別のアドオン。 バージョン1.0がリリースされました 。 トピックの続き：

• 折り紙とQuartz Composerに特化したAlexey Solomatinのブログ 。
• Dan Counsellからの小さなチュートリアル 。
• 補充された折り紙スタイルのクォーツプロトタイプコレクション 。

CSSタイミング関数について

Stephen Greigの最新のCSSアニメーションの仕組みの詳細な分析。 このようなことを手で行うことが容易になっていることを考えると、一般的な原則と詳細を理解することは有益です。

• この記事では、 アニメーション用のベジェ曲線を作成するための優れたオンラインツールについて説明しています。
• ベジェ曲線に関する優れたレビュー記事 。

Famo.us

画面の複雑なユーザーインターフェイスを作成するためのJavascriptフレームワーク。 優れたドキュメント、デモとチュートリアル、コミュニティの成長。 ほぼすべてのブラウザで動作する3Dエンジンが組み込まれています-複雑なアニメーションからゲームまで何でもできます。



Facebook Pop

Facebookは、モバイルアプリケーションのアニメーション用のPopフレームワークのコードを公開しました。これは、Paperの作成に使用されました。 彼についての詳細 。 トピックの続き：

• iOSアプリケーションでアニメーションを作成するためのフラックスプログラム 。

右の視差

MediumチームのDave Gamacheは、ウェブ上で適切な視差を作成する技術的なニュアンスについて説明しています。 記事に付随するデモ 。



詰め替え

クイックビルドプロジェクト用の別のリフィルコンストラクター。 Bourbon CSSフレームワークとそのBittersおよびNeatアドオンに基づいています。



こんにちは処理

Hour of Code™の一環として、データの視覚化のために研ぎ澄まされた、Processingプログラミング言語のトレーニングビデオ資料を含むサブサイトが立ち上げられました。



Flowhub-指のためのピアツーピアのフルスタック視覚プログラミング

ビジュアルプログラミングツールFlowhub（以前のNoFlo ）は、今年初めにKickStarterで資金を調達し、現在ベータ版です。 JavaScriptに基づいており、AndroidおよびiOS上のWebおよびアプリケーションを操作できます。 記事を確認します 。



フォーム-完全ガイド

Zurb Foundation Frameworkを使用したMartin Polleyフォームプロトタイプガイド パート2



Webflow-コードなしのWebサイトインタラクション

Webflowにはインタラクティブなアニメーション機能が追加されており、単一ページのプロモーションサイトに適しています。



Snap.svg

SVGでグラフィックとそのアニメーションを作成するためのJSライブラリ。 トピックの続き：

• An Event ApartでのChris Coyierの「SVG is for Everybody」パフォーマンスのメモ。

コーディ

Webプロジェクト用に作成されたレンガのコレクション。 複雑なHTML / CSS / Javascriptソリューションと、個々の小さなコンポーネントの両方があります。



iOSハット

iOS Hatは、レイヤーをPhotoshopからObjective-Cで動作するコードに変換するのに役立ちます。 色、ベクターシェイプ、テキストスタイルのエクスポートをサポートします。 寸法とアンカーが考慮されます。



ペイントコード

レイアウトから実装までのチェーンを短縮したいデザイナー向けの別の最新ツール。 iOSのレイアウトをObjective-CおよびC＃のリソースとコードにエクスポートできます。



ビジュアルプログラミング言語のスナップショット

60年代から私たちの時代に至るまで、Interface VisionのEric Hosickによるビジュアルプログラミングツールの歴史。



たわごとを完了

ブートストラップ3に基づくフレームワーク。



PhoneGap UI開発の答え

AndroidおよびiOSアプリを構築するためのOnsen UI HTML5フレームワーク。 PhoneGapに代わる最良の選択肢として位置付けられています。

指標とROI

消費者製品の指標がすべてひどいのはなぜか

Andrew Chenは、ソーシャルサービスのカスタムメトリックに関する真実を書いています。 場合によっては、訪問者の1％のみが登録します。 ユーザーの95％は特定の日に非アクティブになります。 ユーザーの50％以上は、誰も参加せずに単独で残ります。

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

PJ McCormickの危険を通して設計をリード

Amazonの設計チーム内でプロセスを構築するPJマコーミック。







効率的な設計のための強固な基盤の構築

社内の状況を分析する方法に関するEffectiveUI Angela Cravel。



HubSpotの内部デザインを見る

HubSpotのUXディレクターであるJoshua Porterは、会社の設計プロセスの組織について語っています。



性交イノベーション、私たちが今持っているものはすべてくそ

エイミー・ホイは製品設計についてです。最初にシンプルなものを機能させる必要があり、それから「革新」を追いかけます。 継続する 。 トピックの続き：

• ジェームスクリアは、しっかりした基盤が築かれるまで詳細を無駄にしてはならないことを明確にします 。

元AppleデザイナーからのAppleデザインに関する4つの神話

Appleの元UXエバンジェリストであるMark Kawanoは、同社の設計プロセスに関する4つの神話を明らかにしています。 ロシア語への翻訳 。



ユーザビリティの問題が修正されない7つの理由

ジェフ・サウロは、発見されたユーザビリティの問題が未解決のままである7つの主な理由を説明します：1）問題が発生する頻度、影響するユーザーの数は明確ではありません。 2）問題は少数のユーザーに影響します。 3）問題が本当に問題であるかどうかはチーム内で合意されていません。 4）修正には、製品の大幅な変更が必要です。 5）問題の影響は、ユーザーエクスペリエンスにわずかな影響しか与えません。 6）補正コストの推定は、潜在的な利益以上のものです。 7）製品はすでに機能し、収益を上げています。 ホストは問題について知っていますが、満足しており、まだ何も変更したくありません。



最大実行可能製品

CXPartnersのJoe Leechが、リーンUXのリバースコンセプト-Maximum Viable Productについて。 これは、機能のオーバーロードとインターフェイスの劣化が始まる限界となる一連の機能です。



AirbnbのUX責任者からのこれらのヒントを使用して、批評を中心に踊るのをやめてください

AirbnbのKatie Hillが批判的に設計する方法に関するヒント。 また、両側に塗装-提示と批判。 トピックの続き：

• Innovaでの批評の定期的なセッションはどうですか。

優れたUXデザイナーを見つける方法

優れたUXデザイナーを見つける方法に関する新しいUXMattersコラム？

製品管理と分析

デザイナーダッド-テーブルで席を失う

たとえば、デザインはデザインのために正当化されますか？たとえば、Dropboxのカルーセルアプリケーション、Facebookのペーパー、Jelly？ 結局のところ、設計は結果をもたらすはずです。 小さなリターンをもたらす「壮大な」デザインは、実際には失敗です。 FacebookのTuhin Kumar が記事に応答します 。 確かに、「最初に達成する」という立場から少し。



迅速かつ簡単な実験で製品のアイデアを検証するためのガイド

Grace Ngは、製品の仮説をテストする方法と、そのための視覚的なラベルについて説明しています。 彼女は練習から簡単な例を示し、テンプレートの操作方法を示します。



戦略的問題の解決-技術受注者になることを超えて

製品計画を変更するよう企業を説得する方法の良い例。 トピックの続き：

• Behanceデザイナーとして、プロダクトマネージャーの役​​割も兼ね備えています。

ラップの天才はなぜ悪いのが良いのかを説明する

Rap Geniusサービスの作成者であるTom Lehmanについての非常に役立つプログラミング記事で、製品の歴史と「悪いほど良い」という信念について語っています。 その目的は、ライブ製品のアイデアを可能な限り簡単な方法でテストし、脆弱なアイデアを試すことです。 これは、多くのデザイナーがあらゆる小さなものをなめたいという欲求に反しており、多くの場合、ユーザーにとって価値が低い、またはまったく必要ないという事実に注意を払っていません。 もちろん、トムのメッセージは完全に急進的ですが、細部への注意と実用的なソリューションの展開の間で適切なバランスを見つけることができます。 ロシア語への翻訳 。



最後の別れ-失敗した製品をシャットダウンする方法

製品がどのように閉じるかについての良いケビン・ストーンのメモ。 マネージャー、デザイナー、プランナー向けの段階的な指示。

方法論、手順、標準

継続的な進化としてユーザーエクスペリエンスの変革を確立する

IBMのRichard BerkmanとMarvin Kleinは、銀行部門で製品を作成するための最新のアプローチについて説明しています。 彼らの共通のメッセージは、インターフェイスを完璧になめるべき再設計や大きなバージョンはもうないということです。 むしろ、製品は絶えず更新および改善されるプラットフォームの形で再起動されるため、リリースは旅の始まりに過ぎません。



アクセシビリティの実践-アクセシビリティに対するプロセス駆動型アプローチ

アクセシビリティの実用的なサポートの問題。 彼らが目を閉じることを好むもの。 非常に多くの場合、誤って実装された場合、優先順位は標準の正式な技術コンプライアンスであり、対話の品質ではありません。 , , WCAG , WAI-ARIA. , «» . :

• .

UX-

UX + 2014.

Good design ain't pretty

Luke Jones Dribbble Behance Mac OS. . :

• .
• Google The Letter Society .
• Android- Quora .
• Windows 8 Jay Machalani .
• iTunes Brye Kobayashi .
• Microsoft . .
• IMDB .
• . .
• iOS Jay Machalani .

Lenta Inside — -

- , ., , .







How Facebook Used UX Research To Personalize The Way We See Each Other

Facebook . - .



Hybrid sweet spot: Native navigation, web content

David Heinemeier Hansson 37 Signals Basecamp .

物語

The Woman Behind Apple's First Icons

Susan Kare, , Mac . , , .



25 old school websites for 25 years of the web

Microsoft, Google. Apple, BBC, CNN… 25 15-20 .



The Secret History of Hypertext

Paul Otlet . , Mundaneum Vannevar Bush, « » .



テレビ電話が50

周年を迎える -誰もが Mashableを望んでいた歴史的な失敗は、AT＆Tの最初のビデオのバックグラウンドと、ビデオコールが日常的に使用されるようになるトリッキーな方法の50周年を記念するものです。

トレンド

リークされたNew York Timesのイノベーションレポートは、このメディア時代

の重要なドキュメントの1つです。NYTimesのコンテンツプロジェクトの動向と出版物自体の状態に関する内部レポートが公開されました。この業界がどこで発展しているかは非常に興味深いです。また興味深いものになります：

• いくつかの神話を暴く、コンテンツプロジェクトの作業に関する興味深い事実。
• コンテンツプロジェクトの設計における現代の傾向に関するBehance Russiaの記事。私、Alexander Gladkikh（Charmer）およびAnatoly Gromov（Fjord Stockholm）からのコメントがあります。

スパイクアンドダイ-広告代理店が作成した製品が失敗する理由

今のトレンドの1つ-広告とクリエイティブの代理店は、UXと製品デザインに携わり始めています。 一見非常に印象的ですが、製品自体の成功に満ちています。



パスからサンドボックスへ

サービスデザインの代替ビューに関するStephen P. Andersonによるプレゼンテーション。 彼は、特定のシナリオを最適化する作業を中止し、ユーザーが自分に最も適した方法で使用できる単純な作業ルールを備えたプラットフォームを作成することを提案しています。 そのようなサービスは、ゲームの世界とほとんど同じように、より大きな関与と柔軟性を持っています。





VC企業がデザイナーを手に入れる理由

ベンチャー企業のデザインパートナーは、デザイナーにとって新しい機会ですか？ たとえば、ジョン前田はKPCBに異動し、アイリーン・オーはホスラ・ベンチャーズで働き始めました。



KPCBインターネットトレンド2014

KPCBによる2014年のインターネットトレンド。





車のインターフェースについて新鮮

• Geoff Teehanは、高級車の情報システムインターフェイスのレビューを作成しました 。
• カーインターフェースの戦い： 今のところ誰も勝てません 。
• 仮想ダッシュボード2015 Audi TT
• 車のコンセプトの窓 。
• フォーミュラ1コントロールホイール 。

ポストフラット

ウェルズ・ライリーは、ポストフラット設計の可能性について考察しています。 グラデーションをより積極的に使用するPietro Schiranoの小さなコンセプト 。



ソフトウェアはハードウェアを食べている-魔法のデバイスを構築するためのレッスン

iPod、Jawbone、Fifty Three Pencilに携わったAdam MacBethは、新しいデバイスを作成する機能について書いています。

• ロンドンのBergのケース 。デザインスタジオからガジェット会社に変身しました。

早すぎる予測はまったく予測しないのと同じくらい悪い

Don Normanは、16年前にInvisible Computerで行った彼の予測を分析しています。 何が実現したか、何が実現しないか、他に何が起こる可能性があるか、また今後10年間の新しい予測を提供します。 トピックの続き：

• Jacob Nielsenが 、使いやすさの未来に対する彼のビジョンについてGoogleに語ります。

サムスンデザインプラットフォーム

サムスンは、同社の設計原則と誇りに思うこと専用のサブサイトを立ち上げました。 皮肉の波はすでになくなっています（たとえば、 Fast CoDesign ）が、とにかく面白いです。 トピックの続き：

• サムスンイノベーションミュージアム 。

誰もが素晴らしいデザインに値する

すべての人がアクセスできる素晴らしいデザイン-エーサンノウルサレヒによって作成されたコンセプト。 アイデアは、先進国でも発展途上国でも等しくアクセスできるシンプルで機能的な製品を開発することです。 20年以上にわたって製造されてきた古典的なカシオの時計、ビックペン、プラスチック製の椅子、安価なGEポータブル超音波スキャナーなど...アクセシビリティは、物理的に制限されているだけでなく、財務機能やリソースへのアクセスも制限されています。 世界人口の90％は限られた条件で生活しています。



10億ドル後に...

企業は、ビッグデータとWeb分析に対する賞賛の波を経験しています。 Anil Dashは、UXの品質が重要となる「パーソナル/コンシューマー分析」ツールの外観について期待しています。



次に来るのは未来です

Kickstarterで立ち上げられた多くの有名デザイナーをフィーチャーしたドキュメンタリー。

専門能力開発

デザイン文化

デザインの歴史とその文化への影響に関する、Vlad Golovachによる新しい本。 深くて容量があります。 オンライン版 。



UX入門：ユーザーエクスペリエンスデザインのキャリアを開始するための完全ガイド

Matthew MagainとLuke Chambersの新しい本、UXで始めましょう：ユーザーエクスペリエンスデザインのキャリアを開始するための完全ガイドからの抜粋、UXでのキャリアの開始に関するトピック。



フランク・キメロによる国境地帯でのデザイン

デザインの専門家とジェネラリストのためのフランクキメラのテーマに関する強力な長い読み物。 彼はデザインの3つの役割を区別します-アイデアの装飾、制作、コミュニケーション。 この出版物はグラフィックデザインに関するものですが、あらゆる方向に関連しています。



ベストブックコレクション

• クレイグトムリンによる100の主要なUXブック 。
• フィクションとデザインの危機にonした本の選択。
• Nick Finckのバージョン2014に基づく最高の本の選択。
• Craig Tomlinの 24の無料電子書籍。

UXインターンシップの改善

ジム・ロスは、企業でのインターンシップの経験がしばしば雇用者とインターン自身の両方にとって否定的である理由に関する優れた資料です。 彼は失敗の原因を詳細に分析し、両当事者に推奨事項を提供します。 トピックの続き：

• アルテムゴルブノフの事務局は、雇用が保証された研修生学校を開設します。 彼のインタビューは学校についてです 。

デザイナーが去る理由

FacebookのJulie Zhuoは、デザイナーが会社を去る理由を熟考しています。 彼女はスペシャリストの到着、インスピレーション、失望、出発の典型的なシナリオを説明します。 また興味深いものになります：

• なぜデザイナーは去るのですか？ 3つの主な理由：1）昇進の欠如。 2）使い捨てではない企業文化。 3）退屈な同僚。
• TrelloのクリエイターであるFog Creekからの新しい従業員のオンボーディングの例。

CUAを借りた方法

Anastasia ShchebrovaがCUA（Certified Usability Analyst）の証明書を取得した経験について。 準備する「チートシート」のセット 。 トピックの続き：

• Cory Lebsonは、UX認定が必要かどうか 、およびその必要性について説明します。

UXコネクタの隠れた価値とコミュニティの未来

Cory Lebsonは、地元のUXコミュニティとそのリーダーについて振り返ります。 彼は2004年にルー・ローゼンフェルドと他のマストドンがUXnetを作成した試みを思い出します。 その後、おそらく早すぎましたが、今ではそのような組織は歓迎されているでしょう。



定期的な体育館

レスポンシブデザインとデザイナー向けコーディングを含む、無料のAquentビデオコース。



UXジョブの説明が簡単に（er）

ビタミンTは、さまざまなレベル（ジュニア、「スペシャリスト」、シニア）のポジションの要件の一般的な説明の例をコンパイルしました：相互作用デザイナー、ビジュアルデザイナー、ユーザー研究者。



サービスブループリント-学生体験の変革

サービス設計手法を使用した学習の再考。



10驚くほど一般的だが痛みを伴うユーザーエクスペリエンス

インターフェースの問題を示す、Jeff Sauroの一連の面白いポスター。



6 B2BとB2Cの使いやすさの違い

ジェフサウロは、エンタープライズアプリケーションとコンシューマアプリケーションでのユーザビリティスペシャリストの仕事の違いについて説明しています。



5つの簡単なステップからさようなら

ハードボイルドWebデザイン、Web設計の実践ガイド、データを使用した設計の実践ガイド、情報アーキテクチャの実践ガイドなど、出版社の5つの簡単なステップがなくなりました。 これは、親会社であるMark Boulton Designフォント会社Monotypeの購入によるものです...しかし、1か月後、出版社は仕事を続けることを決めました。 トピックの続き：

• Hardboiled Web Designの著者であるAndrew Clarkeに別れを告げます。
• マーク・ボールトンは、出版社による最初の本である彼の著書「ウェブのための実用的な設計ガイド」を公開しました。

Luke WroblewskiによるUX How-To

Intel Learning Channel向けに記録されたルークウォロブスキーの一連の短い説明ビデオ。

業界の重要な人々

100人の最も創造的な人々2014

Fast Co Designによると、2014年の最高のクリエイティブプロフェッショナル100人。



前田ジョンインタビュー

最も興味深い現代デザイナーの一人、ジョン・マエダへのインタビュー。 彼がどのように企業に助言し、設計マネージャーに教えているかについて十分興味深い。 トピックの続き：

• 成功するデザインの3つの原則に関するジョン前田：1）デザインで始まり、デザインで終わるのではありません。 2）設計者がコーディングし、開発者に設計を許可します。 3）ビジネスとデザイン、ビジネス目標とユーザー目標を対比しないでください。

モバイルユーザビリティの設計

Dorm Room TycoonサイトでのJacob Nielsenのモバイルユーザビリティに関するインタビュー。



ウェアラブルの名付け親に会う

ウェアラブルデバイスの「祖父」の1人であるAlex Petlandへのインタビュー。 彼のリーダーシップの下、90年代に、最初のプロトタイプがMITの研究所で作成されました。 温度、脈拍、血圧センサーを備えた時計。 ワイヤレスインターネットアクセス付きのベルト。 カメラとマイクが内蔵されたアイコン、ベストに縫い付けられたキーボードなど

会議議事録

MX2014のビデオ-エクスペリエンスの管理

3月16〜17日にサンフランシスコで開催されたMX2014-管理エクスペリエンス会議のスピーチ。 私は長い間それに乗りたかったのですが、今年は判明しました-これは作曲とテーマの面でユニークなイベントです。 プレゼンテーションは参加者に送られましたが、何らかの理由でまだ公開されていません。 IBMのTodd WilkensとNetflixとBrandon SchauerのBill Scottが、最も強力なパフォーマンスを超えました。 主にサービス設計の人たちからの多くのでたらめがありました（具体的なことのない価値についての固い水）。 しかし、一般的に-大企業で設計プロセスと価値観がどのように調整されているかを見るのはクールでした。 プレゼンテーションの一部：

• Brandon Schauerは、 UXマネージャーおよびストラテジスト向けのクールなトレーニングマニュアルを公開し、イベントの終わりに発表しました。
• IBMでの設計の歴史と現在のアプローチに関する記事。ToddWilkensが語ったことの一部です。

2014年のビジネスからボタンまでのビデオ

4月3日にスウェーデンで開催された会議「ビジネスからボタンへ2014」の資料。 いくつかのパフォーマンス：

• キム・グッドウィンは、組織文化の4つの原型と、それらのそれぞれの中でUXに必要なものについて述べています。
• クリスリドソン -サービスデザインタッチポイント。
• デザイン倫理に関するCennydd Bowles 。

Lean Day London 2014カンファレンスのビデオ

3月25〜26日にロンドンで開催されたLean Day London 2014カンファレンスの資料。



サービスエクスペリエンスカンファレンス2013のビデオ

10月3〜4日にサンフランシスコで開催されるService Experience 2013カンファレンスの議事録。



ProfsoUX 2014のビデオ

4月26日にサンクトペテルブルクで開催されたProfsoUX会議の資料。



サンクトペテルブルクでのOFFFデジタルメディアフェスティバル

10年ぶりに、OFFFデジタルメディアカルチャーフェスティバルがロシアで開催されます。 7月5日と6日、アントン・レポネンとアイリーン・ペレイラ（FI）、フロリアン・シュミット（高解像度）、ラマ・アレン（ザ・ミル）などがCreative Weaversスペースで出演します。



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