新鮮な材料のレビュー、2011年6月

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

方法と実践

Mobile Prototyping Essentials（レイチェルヒンマンによるプレゼンテーション）
モバイルインターフェイスの設計に関するレイチェルヒンマンによる優れた概要プレゼンテーション。 このトピックはすでに複数回取り上げられていますが、これは最もよく提示され構造化された資料の1つです。

レイチェル・ヒンマンの プレゼンテーションをもっと見る

有意義で重要なユーザーエクスペリエンスメトリックの取得
Kim Oslobは、ユーザーのテスト中に収集できる一連のフロントエンドメトリックを提供します。 これらは、UXの現在の状態を完全に把握するのに役立つ10個のインジケーターです。

メトリックを使用したWebデザインでの感情的関与の最適化
インターフェースがユーザーを引き付け、ユーザーとの感情的なつながりを確立する方法を計画するための異常なアプローチ。 著者は、いくつかの既存のサイトを解析して、どのトリックを使用しているのかを示します。

情報アーキテクチャのユーザー調査方法の比較
ジムロスは、情報アーキテクチャの研究方法を比較します。 彼は、それぞれのプラスとマイナスを説明し、状況の適用に最適です。

ユーザーにページを下にスクロールさせる方法
「ユーザーはスクロールを使用しない」という神話と矛盾する別の有用な記事。 統計では、長いページは短いページよりも売れることが多いことが示されていますが、このためにはいくつかの重要なルールに従うことが重要です。

モバイルGUI-モバイルインターフェイス開発リソース
モバイルインターフェイスの設計に役立つリソースのコレクション。 このサイトでは、テンプレート、ステンシル、記事、パターンのギャラリー、その他の資料を収集しています。

Paper iPhoneによるペーパープロトタイピング（モバイルWeb用の「垂直チューブ」バージョン）
モバイルサイトの紙のプロトタイプを作成およびテストするためのチュートリアル。 これは、現実に近い方法でソリューションをテストするためのシンプルで迅速な方法です。

ファセットを調整する
Jaimie Sirovichが、ファセットナビゲーションを改善する方法について語っています。 これは一連の記事の最初の部分です。

防御的Webデザイン入門
Ian Lurieは、ユーザーのエラーを理解していることを前提とする「防御設計」の原則について説明しています。 問題のある状況を克服するための支援が含まれます。

フォーカスグループで最もよくある5つの間違いを修正する方法
Jay Eskenaziは、フォーカスグループを使用したユーザー調査の5つの主要な問題について説明しています。 それらは、得られるデータの品質に深刻な影響を与え、経験豊富な研究者でさえもしばしば無視されます。

モバイル日記研究でコンテキストを明らかにする
Mike Sparandara、Lonny Chu、およびBlake Engelが、モバイル日記を使用したカスタム調査方法について説明します。 現代人は常に移動しているため、回答者の行動に関するデータを収集する際には、これを考慮することが重要です。

ユーザーインタビューで「オブザーバー効果」を打ち負かす
John Sorflatenは、ユーザーの研究結果への「オブザーバー効果」を回避する方法を探しています。 彼は、「干渉を減らす」ことができる特別なアンケートを提供しています。

ウィーダッド
「なぜそんなに空きスペースがあるのか​​」「すべてを最初の画面に持って行こう」など、クライアントのよくある反対に答えるように設計された有用な統計と記事のコレクション。 これらのコレクションのベストではありませんが、それでも有用です。

モバイルコンテキストの再検討
Luke Wroblewskiは、モバイルインターフェイスでのコンテキストの重要性は非常に過大評価されていると指摘しています。 それを過度に重視することで、約束された使用シナリオのセットが制限されますが、最新の携帯電話はさまざまなタスクに使用されます。

特許を取得した10の物理的ジェスチャー
この記事では、有名ではない企業が所有するジェスチャーを使用してインターフェースを管理するための10の奇妙な特許について語っています。 この記事はプロセスや設計手法に直接関係するものではありませんが、多くの業界専門家にとって興味深いものです。

子供向けアプリケーションでのタイポグラフィの効果的な使用
Catalina Naranjo-Bockは、子供向けアプリの作成経験について語っています。 著者は、3〜10歳の子供にタイポグラフィを使用することの原則を示しています。

WebアプリのUIデザインに関する10の重要な考慮事項
Marc Gayleは、10個のインターフェイスピンについて説明し、最初のWebアプリケーションの作成中に作成したことを発見しました。 それらの多くは明白に思えるかもしれませんが、プロジェクトで作業しているときにそれらについて忘れることは非常に簡単です。

6つのことユーザーエクスペリエンスデザイナーがWebサイトを批判することを忘れる
パトリック・ニーマンによる、外国のインターフェースを批判することの限界について語る記事。 彼は、設​​計者がより成功した効果的な決定を下すのを妨げる可能性のある多くの理由を挙げています。

The Stories We Construct（Stephen Andersonによるプレゼンテーション）
スティーブン・アンダーソンによる別の素晴らしいプレゼンテーション、今回はストーリーテリングに捧げられました。

スティーブンアンダーソンの プレゼンテーションをもっと見る

ユーザビリティテストの信頼性と信頼性
マイクヒューズは、信頼性の高い正確な結果を確保するのに役立つ明確なユーザー調査の原則を概説しています。 彼は明快さの3つの特徴を与えます-内部と外部の有効性、および信頼性。

サイトの検索分析-顧客との会話
Lou Rosenfeldの今後の書籍の章の1つである「サイトの検索分析：顧客との会話」は、今年公開されます。 その中で、彼は検索を改善するためのいくつかの実用的なヒントを与えます。

ツール

UXプロトタイピングツールの選択方法
Design for Useの従業員は、チームのタスクに基づいて設計ツールを選択する方法を説明しています。 この記事では、最も人気のあるパラメーターセットツールのいくつかを比較します。

InVisionプロトタイプビルダー
インタラクティブなプロトタイプをすばやく作成するための興味深いオンライン製品。 操作の原理は簡単です。リンクによってリンクされたワイヤーフレームまたはデザインモックアップのセットを読み込みます。 製品には、 https：//projects.invisionapp.com/index.cfmのデモバージョンがあります 。

mokk.me-モバイルWebアプリモック
ラピッドプロトタイピング用の別のオンラインツール。これにより、実際のモバイルアプリケーションに近いものを収集できます。 製品はまだベータ版です。

アプリスケッチャー-できるだけ早くWebワイヤフレームとプロトタイプ
ウォークスルーですが、それでも便利な設計ツールです。 興味深いJavaScriptインタラクションを使用して、動的でインタラクティブなプロトタイプを作成できます。

Edistorm-オンラインブレーンストーミングツール
ブレーンストーミングの実施を支援し、自己粘着性のマルチカラーステッカーの形でプロセスを提示するWebサービス。 同時に、各参加者は、任意のアイデアを「いいね！」とマークすることができ、それに基づいて最適なアイデアが選択されます。

ピッチ-ファティマカバによるグラフィックデザインのゲーム
冗談のようにプロジェクトに取り組むプロセスを反映した、デザイナーやデザイナーに関する素晴らしいゲーム。 これまでの記事では一般的な原則のみを示していましたが、著者はボックス版をリリースする予定です。

iPadユーザビリティテスト-機器@ CXPartners
CXPartnersのWalt Buchanが、iPadアプリケーションのユーザビリティテストに使用する機器とプログラムについて語っています。 設計はそれほど複雑ではなく、ほとんどすべての条件で組み立てることができます。

片面鏡の神話
Demetrius MadrigalとBryan McClainは、ユーザビリティ研究所での1面ミラーの長所と短所について話します。 この記事では、このようなミラーの外観の簡単な歴史も紹介しています。

GridCalc-グリッド電卓とジェネレーター
ページグリッドを計算し、選択したパラメーターに基づいてさまざまなオプションを生成できるオンライン計算機。 このサービスは主にデザイナーを対象としていますが、デザイナーにとっても便利です。

無料のウェブサイトROI計算（Googleスプレッドシート）
サイトおよびWebサービス用のROI計算機。プロジェクトの開発への投資の有効性を計算できます。 通常のスプレッドシートとして機能し、 Googleドキュメントへの直接リンクから利用できます。

WriteMaps Site Map Application-サイトマップをオンラインで作成、編集、共有します
サイトマップを構築するためのWebサービス。 とりわけ、ドキュメントを共有する便利な機会を提供します。

プロトタイプ作成のパワーポイント
オートデスクのフロントエンドチームは、PowerPointを設計ツールとして使用した経験について語っています。 ワイヤーフレーム、ページ間の遷移図、クリック可能なプロトタイプの作成など、複数のタスクに同時に最適です。 記事の2番目の部分はhttp://dux.typepad.com/dux/2011/06/powerpoint-for-prototyping-part-2-of-2.htmlです。

パターン

Nokia N9 UXガイドライン
Nokiaは、MeeGoモバイルOSの新しいバージョンのインターフェイスガイドラインを公開しています。 プラットフォームの運命は霧に覆われていますが、ガイドラインを記述するための提案された形式は非常に成功しています。

Android UIのデザインパターン
パターンとアンチパターン、記事、その他の便利なAndroidアプリのデザイン資料のコレクション。 このコレクションには、スマートフォンとタブレットの両方のバージョンのインターフェースが記載されています。

マルチスクリーンパターン（Studio Preciousによるプレゼンテーション）
ドイツの会社Studio Preciousによるプレゼンテーションで、さまざまな形式と解像度の画面にインターフェイスを適合させるためのさまざまなアプローチを説明しています。 著者は、一貫性、同期、画面共有、デバイス間の移行、補完性、同時性という6つの基本パターンを提案しています。

貴重なプレゼンテーションをもっと見る

製品の効果的な「近日公開」ページの構築
「すべてについて」シリーズのもう1つの便利なSmashing Magazineの記事は、今回はプロジェクトを開始する前のスタブページについてです。 著者は、その作成に関する一般的な原則と、トピックに関するいくつかの有用なリンクについて説明します。

エラーページの最適化-間違いから機会を作成する
Daniel Waisbergは、エラーページを改善するための推奨事項を提供します。 まず、ヒントは404ページとサーバー側の問題に関連しています。

優れたWebフォームデザインのための有用なアイデアとガイドライン
Shawn Borskyからフォームを構築するための現代的なアプローチの興味深いコレクション。 これらの例は、レイアウト、検証、対話性、送信の呼び出し、その他の機能など、フォームを使用する際の重要なポイントの実装を示すいくつかのグループに分けられています。

プロセス

メンターシップの事例
スコットボールドウィンは、初心者の専門家を訓練するためのメンタリングの重要性の問題を提起します。 これは、職業を開発し、経験豊富な専門家から知識を移転するための素晴らしい方法です。

UXデザイナーのための批判的思考（Stephen Andersonによるプレゼンテーション）
Stephen AndersonとRuss Ungerによるプレゼンテーションで、設計ソリューションを見つける3つの方法-Z字型、V字型、T字型について説明しています。 現代の現実に最適な彼は、Zスキームを考慮します。それは、最初の解決の過程で問題を検討することを伴います。

スティーブンアンダーソンの プレゼンテーションをもっと見る

20の感動的なWeb開発プロセス図のショーケース
設計、設計、開発プロセスの図のコレクション。 例の多くがブロックの通常のシーケンスから逸脱し、異常で新鮮なアプローチを提供することは素晴らしいことです。 別の同様のコレクションはhttp://line25.com/articles/showcase-of-impressive-design-process-explanationsです。

グローバルに分散したUXチームの管理
招待されたUXMattersの専門家が、複数の国に分散したフロントエンドチームを構築する機能と複雑さについて議論します。 彼らは、正しい世界観、プロセス、作業ツール、およびグローバルチームのその他の機能について話します。

サービスの設計とユーザーエクスペリエンス：同じか異なるか？ （オリバー・キングによるビデオ）
Engine Oliver Kingは、ユーザーエクスペリエンスとサービスデザインの違いと類似点について語っています。 最近、このトピックは何度も議論されてきましたが、このプレゼンテーションは最高のものの1つです。


サービスの設計とユーザーエクスペリエンス：同じか異なるか？ Vimeoの エンジンサービスデザインから。

サービス設計とUX設計
機能の非常に詳細で構造化された分析と、ユーザーエクスペリエンスとサービス設計の違い。 前のビデオと同様に、この記事はすでに少しボロボロのトピックに関する最高の記事の1つです。

...デザインのコミュニケーション戦略について
James Kalbachによる優れた記事で、設計戦略を構築する機能について説明しています。 仕事の始めにそれを作成してチームに伝え、将来共通のビジョンを維持する方法は？

UXプラクティスの練習を開発する
Jared Spoolは、プランナーとデザイナーにとって常にスキルを磨くことの重要性について書いています。 彼は他の職業の経験から例を挙げて、反射レベルの記憶が簡単な問題を解決し、複雑な問題に対処することを容易にすることを示しています。

Webサイトナビゲーションの計画と実装
Kayla KnightによるWebナビゲーションの構築と最適化のプロセスの説明。 この記事では、プロセス、ツール、テクニック、重要な原則について説明します。

私は心のフレームワーク
メルEのカスタマーエクスペリエンスフレームワークの興味深い分類。よく構成された資料、イラスト付き。

事例

子供向けのユーザビリティテスト-ピアジェからの教訓
Sabina Idlerは、さまざまな年齢層の子供たちとのユーザビリティテストについて語っています。 年齢ごとに独自の認識があるため、一連の研究方法ではこれを考慮する必要があります。

製品ページ設計の代替アプローチ
CXPartnersによる珍しい実験で、オンラインストアの代替製品ページが提案されました。 著者は、特徴の表を持つ通常のカードから離れて、感情的な要素に焦点を当てることを提案します。

下地を敷く
新しいことは何も言っていませんが、仕事の初めにサイトの目標と目的を記述し、立ち上げ後にそれらを追跡して追跡する方法についてのポールボアグによる興味深い記事です。

アイトラッキング-読者は新聞よりもiPadの記事に目を通す可能性が高い
iPadと新聞紙の読書機能の興味深い比較。 実験中に、フランスの会社ミラテックは、両方のニュース読書形式の視線追跡テストを実施し、新聞がいくつかの点で勝つことを発見しました。

テイルズオブデザイナーイニシエーション-UXデザインブートキャンプ
Lauren ShuppとDavis Neableは、設計チームの構築における彼らの経験について説明しています。 このプロセスは2週間の実践的なトレーニングの形で行われ、会社にとって有用であることが判明しました。

理論

カラーコードを破る
Michael Zuschlagによる優れた記事で、カラーコーディングの原理と、それを使用して複雑なデータを表示する方法について詳しく説明しています。 良い例では、色を使用する機能をよりよく理解できます。

画像を覚えやすくするものは何ですか？
MITの神経科学者による最近の研究は、どの画像が最もよく記憶されていると結論付けています。 人々が参加した写真が最も効果的です-部屋とオブジェクトは、人に見合ったものです。 同時に、記憶に残る壮観な風景は長くは残りません。

ソーシャルデザイン戦略
Eric Fischerは、ソーシャルサービスの設計戦略について説明しています。 成功するサービスには、個性、ディスカッション、コミュニティという3つの重要な要素のバランスが取れています。 言い換えれば、私たち、他の人々、そして彼らとの議論です。

数値形式が判断と意思決定に与える影響
Colleen Rollerが、数値とその出力形式が意思決定に与える影響について説明します。 彼女は、現在のタスクに最も効果的な形式を選択するのに役立つ研究の結果を提供します。

顧客中心ビジネスの7つの基本事項
Corrina LiaoとBec Purserによる顧客指向ビジネスの構築方法に関する一連の記事。 7つの記事の最初の記事では、企業行動における予測可能性の重要性について説明しています。

物語

ビルバクストンのデバイスコレクション
Bill Buxtonが過去30年間収集してきた数百のインタラクティブデバイスの最もスマートなコレクション。 このサイトの最初のバージョンでは、各ガジェットについて簡単に説明しますが、将来的にはビデオクリップと付属の本で補完される予定です。

トレンド

iPod Touch-教室内のデバイス
アダプティブパスのシェリルカババは、ハーグインターナショナルスクールの研究プロジェクトについて語っています。 実験中、生徒はiPod Touchを使用して教育上の問題を解決しました。エンターテイメントガジェットの継続的な使用が教育プロセスに与える影響を理解することが重要でした。

マルチチャネルエクスペリエンスとして検索
Pete Bellは、検索インターフェイスの最新のデザインの機能について説明しています。 ユーザーは異なるコンテキストで一度に複数の検索モードを使用しますが、これらはすべて最終結果に影響します。

ゲーミフィケーションを超えて-プレイヤージャーニーの設計（Amy Kimによるプレゼンテーション）
エイミーキムのゲームインターフェースにおけるゲームメカニクスのトピックに関する最高のプレゼンテーションの1つ。 彼女はゲームプレイの基本を説明し、2つのWebサービスを解析して、それらで使用されるメカニズムを示します。

エイミー・キムのプレゼンテーションをもっと見る

トレンド：ハンドヘルドプロジェクター
この記事は、情報を入力および出力する方法としてコンパクトプロジェクターを使用するデバイスの最近の例を示しています。 これは成長傾向であり、その説明には多くの興味深いビデオと科学論文へのリンクがあります。

レスポンシブWebデザインですか、それとも別のモバイルサイトですか？ えー それは依存します
最新のトレンド-「適応設計」に関する興味深い議論は、UXの専門家の間で行われます。 マルチプラットフォームWebサービスを作成するときにこのアプローチを使用する価値はありますか、それともデバイスごとに個別のバージョンが最適ですか？

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