インターフェイスダイジェスト、2013年4月〜5月

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

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

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

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



Mコマースのユーザビリティの10の基本的な側面を探る

スマッシングマガジンに関するBaymard Instituteのすばらしい記事で、モバイルオンラインストアに関する最新の調査からの抜粋を掲載しています。



最後に、Googleは予測可能で直感的なサイドバーナビゲーションデザインを考案しました。

Googleは、最新のアプリケーションの公式Androidガイドラインに公式サイドバーを含めました。 彼の作品の仕組みは詳細に説明されています。 ちなみに、最近のGoogle I / Oカンファレンスでは、Androidのデザインについて多くの興味深いスピーチがありました。

• Google I / OカンファレンスからのUI開発者向けのAndroidデザインのプレゼンテーション。
• Google I / O ConferenceからのAndroidアプリデザインの構造のプレゼンテーション。
• Google I / OカンファレンスからのAndroidでのアジャイルUX研究実践のプレゼンテーション。

無限スクロール-この最下部に行こう

Yogev Ahuviaは、ページ上の無限スクロールの長所と短所について詳しく説明しています。 構造化が不十分なコンテンツには適していますが、ユーザーがリストアイテムを調べる必要がある場合はうまく機能しません。



グッドイ

Jakub Linowskiは新しいGoodUIプロジェクトを開始しました。これは、インターフェースの販売に適したパターンのコレクションをまとめたものです。 これらは、一連のヒューリスティックとしても機能する簡単な例と説明です。



ユーザーインターフェイスの設定タイプ

Billy Whitedが、サービス製品とコンテンツ製品のテキスト使用の違いについて語っています。 読書の機能と、さまざまな量のテキストを操作することへの影響について説明します。



検索の設計-結果の表示

Tony Russell-Roseは、典型的な検索エンジンのページパターンについて説明しています。 タスクに応じて、結果リストの要素内の情報セットのバランスを取り、ページのスキャンを容易にし、同時に詳細情報への移行を最小限に抑える必要があります。



6 UX

SIX UX Webサイトでは、Vineビデオサービスを使用して、インターフェイスアニメーションパターンのライブラリを保存しています。 これらは、サイトおよびモバイルアプリケーションとの興味深い相互作用の6秒の記録です。



ナビゲーションボタンの位置は、子供向けアプリの使いやすさに影響します

Sabina Idlerは、タブレットアプリを使用して子供たちのカスタムナビゲーション研究の結果を提示します。 互いに遠く離れた下からのナビゲーション要素の配置が最適に機能します。



マルチデバイスWebの新しいレイアウト

Luke Wroblewskiは、さまざまなデバイスとさまざまな解像度でのPolarサービスの詳細を説明しています。 解像度だけでなく入力方法も考慮に入れた、かなり興味深い順応性メカニズムを提供します。たとえば、タッチラップトップでは、コンテンツを中央に配置するのではなく、端に押し付ける方が適切です。



Userium-ユーザビリティチェックリスト

フィンランドの使いやすさのNina Patkaiは、一般的なUXエラーの広範なチェックリストをまとめました。 チェックリストの多くの要素は、エラーの意味とそれを正しく行う方法に関する詳細な記事を参照しています。

ユーザーの理解

認知オーバーヘッド、またはあなたの製品が思ったほど単純ではない理由

非常に重要なトピックに関するBumpのDavid Liebの記事-視覚と認知の複雑さの違い。 多くの場合、インターフェイスの最初の認識を単純化しようとすると、通常の使用は複雑になります。



直感の解剖学

モーリス・マクギンリーは、「直感性」という誤った概念の代替として非常に興味深い理論を説明しています。 彼は「アクセシビリティ」という用語の使用を提案し、その理由を詳細に論じています。



タスクモデルのチートシート （PDF）

CXPartnersのRichard Caddickが、ユーザータスクを分析するための便利なチートシートを用意しました。 PDFへの直接リンク 。



セマンティック環境と情報アーキテクチャ

Jorge Arangoは、「情報（または意味）環境」の概念について書いています。 これは、ユーザーの期待と製品との相互作用のルールを決定するインターフェース設計の重要な側面です。



HCIのQ-方法論適応 （PDF）

Human Computer Interactionの分野で使用するためのQ-Methodologyの適応の詳細な説明。 メソッド自体は、自分自身（ユーザー、消費者、...）についての優先順位と意見に関する情報を取得するための、シンプルですが非常に効果的な手段の1つです。 つまり 態度と意見の内部構造の決定。 それは同時に定量的および定性的です。 心理学者によって開発されたものの1つは、長年にわたって広告とマーケティングで広く使用されています。



コントロールと透明性

Ilana Westermanが、Webサービスとアプリケーションのプライバシー設定に関するユーザーの期待と態度の調査について語っています。 アメリカ、カナダ、メキシコで開催されましたが、私たちにとっても役立つでしょう。

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

スケッチマイン

デザイナー向けのSketchアプリは、その幅広い機能と作業速度により、急速に人気を集めています。 その開発の最近の推進力は、実際には、 Fireworksの仕事を削減することによって与えられました。 SketchMine Webサイトでは、Sketch用のテンプレートとステンシルを収集しています。



Facebookブランド資産

Facebookはマーケティングガイドラインを掲載しています。 アイデンティティに加えて、さまざまな製品バージョンのインターフェイスの詳細を説明し、それらの使用に関する一般的な推奨事項を提供します。



BlackBerry 10アプリ用の基調講演、PowerPointおよびPhotoshop UIテンプレート

PowerPointおよびKeynoteでBlackBerry 10アプリケーションを設計するためのパターン。 このセットには、標準画面、インターフェース要素、標準アイコンおよびジェスチャーが含まれています。



比phor分析

Cyd HarrellとJodi Leoは、インターフェースと付随するアーティファクトのメタファーを作成する方法について書いています。 これは、複雑な概念について語り、洞察を詳細に示すのに最適な方法です。



VERSUS IO

Versus IOサービスを使用すると、最新のスマートフォンの物理的な寸法と特性を視覚的に比較できます。 人気のデバイスの画面とサイズを比較する別の表 。



グラフィックデザイナー向けのAndroidチートシート

Androidスマートフォンの設計とインターフェース設計に関する優れたリマインダー。



Gettin 'HIGgy With It-ヒューマンインターフェイスGを捨てずに柔軟なiPhoneエクスペリエンスを設計する

公式のヒューマンインターフェイスガイドラインで説明されているiPhoneアプリケーションのナビゲーションパターンの優れた概要。 著者は、さまざまなタスクの画面間で明確かつ適度に短い遷移チェーンを提供しています。



ユーザージャーニーマップの拡張-複数のUX成果物を1つの有用なドキュメントに結合

Rian van der Merweは、ビジネス目標とTSS、カスタマージャーニーマップ、TSS、コンテンツプランなど、いくつかの類似した精神を組み合わせた興味深いドキュメント形式を提供しています。 これまでのところ、中間の例のみが利用可能ですが、説明は非常に詳細であり、有望に聞こえます。



情報ウェイファインディング-それほど新しいメタファー

Tyler Tateは、サイトや本の読み方と操作方法の違いについて書いています。 これは、デジタル製品の情報を見つけることに関するシリーズの最初の記事です。 トピックに関する別の資料 。



InVision-無料のWebおよびモバイルモックアップおよびUIプロトタイピングツール

InVisionオンラインデザインツールの2番目のバージョンがリリースされました。 現在では、テスト、承認、関係者とのコミュニケーションなど、タスクに取り組むプロセス全体を実行できるフル機能のソリューションです。



Flinto-iPhoneおよびiPadのプロトタイピング

iPhoneおよびiPad用の新しいオンラインデザインツール。 シンプルなモードで静的画像をインタラクティブなプロトタイプに結合し、クライアントや同僚と議論することができます。 別の同様のサービスはBriefです。



WireKit-iPhoneアプリワイヤーフレームキット

Adobe PhotoshopでiPhoneアプリケーションを設計するための素晴らしいテンプレート。



KSS-ナイルスタイルシート

インタラクティブなUIスタイルガイドを作成するためのツール。 BDDと組み合わせることで、フロントエンドは、大規模なプロジェクト用のUIを開発する際の制御を大幅に強化します。 これはいわゆるのためのクールな基盤です ライブドキュメント 。

ユーザー調査とテスト

ユーザー調査方法-Has-beensと星

一部のユーザー調査方法が定着して普及した理由と、あまり役に立たない理由があるジム・ロスの記事。 時の試練に耐えたものと歴史に残るもの。



協調型リーンUX研究ツール

Tomer Sharonは、レポートを作成する手間をかけずに作成できる簡単なユーザー調査方法について語っています。 このアプローチでは、プロセスのすべての参加者が完全に関与する必要がありますが、意思決定の迅速化と中間成果物の削減に役立ちます。



UXkids-子どもとメディアに関するブログ

UXKidsは、子インターフェイスに関するユーザー調査を専門としています。 彼女のブログは、このトピックに関する有用な記事を公開しています。



アイコンの有効性をテストする7つの方法

Jeff Sauroは、インターフェイスでピクトグラムをテストする7つの方法について説明しています。 それらには、関連付けとメタファー、コンテキストの影響、メモリ内の検索と回復を記述するさまざまな方法が含まれます。



Webサイトナビゲーションをテストするための10のメトリック

Jeff Sauroは、サイトナビゲーションのテストに役立つ10のメトリックをリストしています。



PowWow-ユーザー調査のスケジュール

PowWowサービスを使用すると、カスタムリサーチを簡単に計画できます。 これは、回答者との作業を容易にするGoogleカレンダーのアドオンです。



私の場所ですか？ 次のユーザビリティテストを実行する場所を決定する方法

実験室（あなた自身の、または取り外し可能なユーザビリティの実験室で）、リモート、フィールドユーザビリティテストについてデビッドトラビス。 ユーザーテストに対する各アプローチの長所と短所。



ユーザビリティタスクシナリオを書くための7つのヒント

ジェフサウロは、ユーザビリティスクリプトの推奨事項を示します。 それらは理解しやすく、一貫性があり、合格であり、研究中に得られたデータの代表性に直接影響します。



モバイルユーザビリティテストの8つのレッスン

Tania Langは、モバイルインターフェイスのテストに関する一連の役立つヒントを提供しています。 彼女は、ソフトウェアツールと機器、およびそのような研究の特徴について話します。



学習可能性の測定方法

ジェフ・サウロは、ユーザーの学習体験をインターフェースで測定する方法について書いています。 彼は、それを一定期間にわたるユーザビリティの変化と考えることを提案します。つまり、テストプロセスは異なる条件で同じタスクを繰り返す必要があるということです。



カードソートを使用して情報アーキテクチャをテストする

Jeff Sauroの情報アーキテクチャのテストに関するFAQ、一部はカードの並べ替えの逆の方法です。

フロントエンドのプロジェクトとプロセスの管理

UX戦略の主な方法、ツール、および成果物/ UX戦略の伝達

新しいUXMattersコラムでは、UX戦略、その本質、およびその実装方法について説明しています。 答えは私のものです。 ちなみに、9月8日から11日までアトランタでUX戦略に関する最初の会議が開催されます。 また、オンラインマガジンのこの号には、このトピックに関する有用な資料がいくつかありました。

• 製品作成のさまざまなモデルとそれらのUX戦略 。
• 大企業がUXで問題を抱えている理由と、それらを正しく解決する方法 。
• UX戦略の興味深いモデル 。

あなたが言ったことをやめる

デザイナーとデザイナーを呼び出すStephen P. Andersonによるプレゼンテーションは、顧客とマネージャーからのすべての要件にとって重要であり、多くの場合、タスクをソリューションに置き換えます。 著者は、プロジェクトの失敗につながる誤解と誤った仮定の網羅的なリストを提供します。



コラボレーション体験

MailChimpのグレッグバーンスタインは、コミュニケーションを改善し、プロジェクト情報の交換を促進するワークスペースの組織の例について語っています。 彼は、アドビやピクサーのような大手企業で成功したプラクティスをリストしています。

方法論、手順、標準

Webサイトの構造を正しく取得する

Nathaniel Davisは、顧客や他の関係者との会話では、「情報アーキテクチャ」ではなく「サイト構造」という用語を使用する方が適切であると書いています。 適用された問題を議論するために、これはポイントを保持し、同時に顧客に専門用語をロードしないために十分です。

事例

マイクロソフトの再想像

MicrosoftのAlbert ShumとWolf OllinsのTodd Simmonsによる製品の変更方法とMicrosoftのような会社のイメージに関する共同プレゼンテーション。 彼らは、過去4年間に正確に何が起こったのか、そしてその仕事の基礎となった原則を伝えます。





medium.comの作成

BloggerとTwitterの作成者が最近開始したMediumサービスに関する興味深いケーススタディ。 これは、代理店と製品会社の協力、および一般的に曖昧なコンセプトの新製品の作成に対する正しいアプローチです。



デザイン評議会-公共財のためのデザイン

公共サービスの設計への投資がいかに有用であるかに関する、英国、フィンランド、デンマークの政府に関する大規模な研究。 このドキュメントには、作業方法の説明と一連のケースも含まれています。 PDFへの直接リンク 。



再設計。 VKミュージック

Konstantin KichinskyによるWindows 8の音楽アプリケーションの再設計の事例。 この記事は、チューニングプロセスの段階的な説明だけでなく、プラットフォームのプレーヤーパターンの適切な選択についても興味深いものです。 2番目 、 3番目 、 4番目の部分 。

トレンド

タブレットとスマートフォンのユーザーエクスペリエンスベンチマーク

錠剤の使用方法に関するPfeiffer Consultingの最も興味深いレポート、特に急速に成長している7インチ。最新の出版物では10インチタブレットの使用について説明していますが、7インチに関する資料はほとんどありません。



バルブは、将来のゲーム設計のために汗のレベルと視線を制御します

Valveは、バイオフィードバックベースのゲームプレイテストを開始しました。 ビデオでは、専任の心理学者がシステムの基本原理を説明しています。





ファーストルック：Google Glass UIの実際の仕組み

技術レベルとユーザーレベルでのGoogle Glassインターフェースの詳細なプレゼンテーション。 その他の資料：

• 公式トレーニングビデオ 。
• インターフェイスガイドライン 。
• インターフェースや人間工学を含む、使用のすべてのニュアンスの詳細な概要 。
• Luke Wroblewskiからのレビュー 。
• すべての組み込みアプリケーションおよびサードパーティアプリケーションの詳細な概要 。

カスタマーエクスペリエンス管理とは何ですか？ パインとギルモアはそれを間違えましたか？

UXと「使いやすさ」という用語は、それに慣れた人が使用し始めたときに少し評価が下がり、同じことがサービスの設計でも起こっています。 Beyond PhilosophyのSteven Waldenは、カスタマーエクスペリエンス管理で考慮すべきこととすべきでないことについて書いています。 トピックに関する別の記事 。



最初にモバイルを再考する

フレッドウィルソンは、ビジネスの観点から、スマートフォン向けの製品の配布と開発には多くの困難があり、成功例はほとんどないため、「モバイルファースト」のイデオロギーは注意して扱う必要があると言います。 彼はVibhu Norbyの記事を参照しています 。これは、モバイル製品のみの発売における彼自身の経験を説明しています。



ユーザーエクスペリエンスアワード2013

User Experience Awards 2013の受賞者のリストとプレゼンテーション。相互作用アルゴリズムを備えた状況依存システム（プロアクティブシステム）を実行します。



アプリケーション設計におけるデバイスの動き

Luke Wroblewskiが、最新のラップトップで空間方位センサーを使用する方法について説明します。 スマートフォンでは、これは一般的なことですが、コンピューターでは比較的最近登場し、それらと連携する良い例はほとんどありません。





Firefox OSシミュレーター

Mozillaは、モバイルFirefox OSのエミュレーターを公開しています。 これはFirefoxのアドオンで、今後のオペレーティングシステムのインターフェース全体を探索できます。



スチームパンクインタラクションデザイン

インターフェイスデザインの観点からのスチームパンクな動きの興味深い分析。 この記事では、このような製品の設計原理と、従来のUXでそれらをどのように適用できるかについて説明します。



ドナルド・ノーマンの著書「未来のもののためのデザイン」

Strelka Instituteは、ドナルドノーマンによるDesign of the Things of the Futureの新しい本を出版しています。 それからの抜粋は入手可能です。 ちなみに、 完全に再設計された「馴染みのあるもののデザイン」がまもなく登場します。

専門能力開発

ソフトスキルを磨く

Mia Northropは、インターフェースのスペシャリストのスキルをリストし、さらに彼をより包括的にする基本的なタスクを実行します。 そして、そのようなスキルのさまざまなセットが評価されるさまざまな分野の例を挙げています。



未来学者プロジェクト

未来学者はUXの未来、その限界と問題について話します。 形式は珍しい-主要な国内の専門家からのトピックに関する簡潔な2分間の考え。



UXBastards

膝の上の独立したポッドキャスト。 実験的相互作用の設計、ユーザーインターフェイスの設計、インターネット製品およびインターネットサービスの作成と開発の分野における現在の問題に関するインタビューと個人的な意見。



新鮮なリンクも同じFacebookグループで追跡できます。