インターフェイスダイジェスト、2013年9月

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

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

iOS7の写真の前後
iOS7のリリースまでに更新された、よく知られているアプリケーションとそうではないアプリケーションのスクリーンショットの比較のコレクション。 バージョンの前と後を表示しています。 また、この件について：

• 別のコレクション 。
• iOS6と比較したiOS7の詳細なレビュー 。
• The Verge 、 Engadget、およびThe Next Webのレビューと比較。
• UX ArchiveでのiOS6とiOS7の比較 。
• 前後のアプリケーションアイコンの比較 。
• Jony Iveへのインタビュー 。

カードがウェブの未来である理由
ポール・アダムスは、知覚と仕事に特に便利であるため、モバイルで人気のあるカード形式の情報の提示のタイプを賞賛しています。 Androidはどこでも使用しますが、残念ながらAppleはiOS7のカードから遠ざかりつつあります。

ムードボードの作成方法-40の専門家のヒント
Paul Wyattからマッドボードを作成するための40のヒント。 この記事では、作成のタスク、例、およびツールについて説明します。

インサイダーのモバイルファーストデザインの見解-これらの間違いをしないでください
Luke Wroblewskiは、Polarでの経験に基づいてモバイルアプリを作成するための便利なインターフェイステクニックについて説明します。 彼は、データの読み込みを高速化し、サポートスクリプトをメインスクリプトに統合することについて話しています。

ボードゲームから学ぶ
ボードゲームの設計の原則をアプリケーションの設計に適用します。 Jim Rossによる有用な記事で、非デジタルインターフェイスの学習パターンを解析しています。

効果的なカルーセルの設計
NN / gのKara Perniceが、画像付きのカルーセルの効果的な設計に関するヒントを提供します。

組み込みモバイルブラウザの使用
iOSおよびAndroidでの組み込みブラウザーの普及に関する興味深い事実。 それらは、機能の点で標準のブラウザに大きく遅れをとっていますが、ビューの総数ではかなりの割合を占めています。 Luke Wroblewskiは、モバイルサイトの最適化についても忘れないことをお勧めします。

新規ユーザー向けのオンボーディングテクニックと例
Krzysztof Kozakは、モバイルおよびWebアプリケーションでのユーザーの初期適応を促進する設計のいくつかの例を説明します-チュートリアル、初めてのヘルパー、画面上部のヒント。 テクニックは長い間知られていますが、良い例です。

Marcin Treder-プロダクトマネージャー向けユーザーエクスペリエンスガイドブック
プロダクトマネージャー向けのUXの基礎に関するMarcin TrederとUXPinからの新しい電子書籍。 そして彼の本のもう一つ、スタートアップ向けのUXについて 。

iOS 7 UIPickerの蓋を持ち上げる
Sean WoodhouseはiOS7で更新されたドラムコントロールを解析し、悲しい結論に至りました-それは非常に不十分に設計されており、多くのインターフェイスの問題があります。 そして、インターフェースとiOS7バグの 一貫性の問題についての詳細。

認識を高速化するためのUIアイコンの最適化
アイコンの効果的な設計に関するAlla Kholmatova氏：「アイコン（実際のオブジェクトに似ている）サインは、シンボリック（抽象的な概念を反映）よりも速く簡単に知覚されます。 アウトラインアイコンと塗りつぶされたアイコンは、等しく効率的に認識されます。 テキスト署名により読みやすくなります。 確かに、両方の研究がどの程度代表的であるかは明確ではありません。

ユーザーの理解

インターネットアクティビティバイアスが原因でユーザーのゴツゴツした動作が発生する
Jakob Nielsenの非常に重要な資料で、Web分析データのみに基づいて、製品の変更とユーザーアクティビティの因果関係を確立する危険性について話しています。 彼はYahoo!からの2つの研究を引用しています。 eBayでは、マーケティング活動が誤って他のイベントと交差しました。

携帯端末でのメール
MailChimpは、モバイルデバイスでの電子メールの使用に関する研究を行っています。 ジェンダウンズは、 彼らがそれをどう過ごしたかについて話します 。

iPhoneおよびiPadの使用者、対象、および時期
さまざまな行動グループによるiPhoneおよびiPadの使用に関するFlurryの研究。 Androidスマートフォンとタブレットの使用に関する同様の研究 。

設計者向けのマッドリブ-ユーザー生成シナリオに基づいたアイデア
Jared S. BauerとJulie A. Kientzは、コンテキストに応じてシステムの動作を説明するときに、ユーザーが共同で行う設計方法について話します。

ユーザーストーリーをジョブストーリーに置き換える
ユーザーシナリオを説明する興味深いアプローチ。 アラン・クレメントは、キャラクターではなく、イベントのトリガーに焦点を当てることを提案します。

軽量なペルソナを作成する5つのアプローチ
本格的な研究を行う方法がない場合に、キャラクター/ユーザープロファイルのライトバージョンを作成する5つのアプローチ。 不完全な情報に基づいても、ターゲットオーディエンスについて仮説を立てることは、何もしないよりはましです。

トップタスク分析の実施方法
Jeff Sauroは、最も優先度の高い製品のユースケースを分析および選択する方法について説明しています。 実際、これはKJメソッドのようなものです。ユーザーは、製品が解決する5つの最も価値のあるタスクを選択し、その後で最も人気のあるタスクを決定します。

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

インタラクションコスト-定義
ジェイコブ・ニールセンは、有用で、古く、忘れられたユーザビリティ指標、「エンゲージメントコスト」について説明しています。 これは、簡素化されたGOMSのような非常に便利な方法であり、より便利で理解しやすいソリューションの選択を主張できます。

モバイルUXデザインのツール-Adobe InDesign
Steven Hooberが、Adobe InDesignでモバイルインターフェイスの仕様をどのように準備するかについて語っています。 これは通常、ツールの概要とデザイナーにとっての主要な機能です。 また、インターフェイスを設計およびプロトタイプ化するためのAdobe InDesignの機能の概要 。

スケッチミラー
急速に勢いを増しているSketchデザインおよびデザインツールのために、Mirrorモバイルアプリケーションがリリースされており、デバイス上に描画されたレイアウトを表示できます。 これはiOS用のバージョンですが、Android用のアプリケーションを準備しています。 Sketchへのより便利な追加：

• パターンとステンシルのコレクション 。
• インタラクティブなプロトタイプを作成し、アニメーションを表示するためのツールであるFramer.jsにレイアウトをエクスポートするためのプラグイン 。

驚くほど-数分でゴージャスなモバイル向けサイト
驚くべきサービスにより、モバイルまたはタブレットアプリケーション用のテンプレートプロモーションサイトをすばやく構築できます。 自分で何かをする時間やリソースがない場合の良い選択肢です。

Adobe Photoshop CCジェネレーター
Adobeの公式Generator for Photoshop CCプラグインがリリースされました。モバイルアプリケーションの設計をスライスするプロセスを容易にします。

代役-ひどくないプロトタイピング
Photoshop用のスタンドインプラグインを使用すると、PSDレイアウトに基づいたモバイルアプリケーションのインタラクティブなプロトタイプを簡単に作成できます。 マーベルもそのようなツールです。Dropboxと同期し、デバイスに直接表示します。

バジリークバイクラウドキャッスル
Cloud CastleのPhotoshopでインターフェイスを設計するための素敵なスケッチテンプレート。 ベクトルオブジェクト。

ROCI-投資収益率
Baymard Instituteのクリスチャンホルストは、クリック投資に対する興味深いリターンを提供しています。 つまり、サイト上のリンクをクリックするたびに、少なくともユーザーの期待に応える必要があります。そうしないと、ユーザーへの信頼が失われます。

minimorning-Axureウィジェットライブラリでより良いUXを作成する
Axure用のステンシルライブラリ。

Frontify-Webデザイナーとフロントエンド開発者向けのコラボレーション
インターフェイスのスタイルと動作をオンラインで指定するための別のサービス。 デザイナーと開発者の作業の調整を支援します。

セマンティックUI-UIはWebの語彙です
インターフェイスをコードで直接プロトタイピングするためのBootstrapの類似物。

AppSeed-スケッチを迅速に機能するプロトタイプに変換
モバイルインターフェースを設計およびプロトタイピングするためのKickstarterツールプロジェクト。 スケッチしたスケッチをリンクすることに加えて、彼はそれらを個別にレイヤーに解析し、Photoshopまたは電話で直接編集できるようにします。

Indigo Studio-インタラクションデザインツール
インターフェイスデザイン用の多機能製品であるIndigo Studioの2番目のバージョンがリリースされました。 さまざまなプラットフォームの標準セットとインタラクティブプロトタイプの作成に加えて、アニメーションの説明、スケッチの操作、ストーリーボードの作成を行うことができます。 最初のバージョンおよびビデオレビューと比較した変更の概要 。



Google Webデザイナー
Googleのデザイナー向けの新しいツール。 広告として位置付けられていますが、アニメーションを含むプロトタイプを作成できる可能性があります。 確かに、すべてが未加工のままです。

ユーザー調査とテスト

モバイルテストツールボックス
Amber DeRosaは、モデレートされた専用のモバイルユーザビリティテスト用のツールのレビューをまとめました。 これは、このトピックに関する一連の記事の最初の部分です。 その継続 。

1ページのユーザビリティテスト計画
1ページに収まるDavid Travisのユーザビリティテスト計画。 これは、管理者や開発者をプロセスに巻き込むのに最適な方法です。このようなレビュー形式は、フロントエンド以外の専門家にとって簡単です。

離れて本、ちょうど十分な研究
A Book Apartシリーズの9番目の本であるJust Enough Researchがリリースされました。これは、エリカホールによるデザイン研究の紹介です。 インタビューリマインダー付きの本からの抜粋。

ユーザー調査を実施するための5段階のプロセス
David Sherwinは、カエルデザインの経験と実践に基づいた、短く包括的なユーザーリサーチガイドを紹介しました。

指標とROI

政府のウェブサイトのユーザビリティROIの測定
公開サイトを改善するための一連のジェフサウロのヒント。 彼は、最初に取り組むべきことと、変更の成功を評価するために使用するメトリックについて話します。

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

ユーザーは変更を嫌いません。 彼らはあなたを憎む
Christina Wodtkeは、製品の変更に対するユーザーの態度について次のように述べています。「ユーザーは変更を嫌いません。 彼らは目に見える改善につながらない変更を嫌いますが、同時に再学習を強制します。 同じトピックに関するFrank Guoの記事 。

UXの状態に関する3つの設計チームリーダー
デザインマネージャーのGroupon、eBay、Lumensionは、自社のUXへのアプローチについて語っています。 特に、Adaptive Pathの共同設立者であるGrouponのグローバルデザイン担当副社長、Peter Merholzの立場に興味があります。 彼はもはやUXについて語るのではなく、グローバルデザインについて語っています-製品とマーケティングのデザイナーが1つの中央ユニットで協力するとき。

凝集設計チームの構築
ジャレッドスプールは、まとまりのあるデザインチームを作成する心を共有しています。 彼らは学際的なものでなければなりません-デザイナーだけに限らず、関連する専門分野の代表者も含まれます。 主にポジションとポジションではなく、チームメンバーのスキルに焦点を当てます。 成功したチームは最初に問題を調査しますが、作成はすぐに解決策を求めません。 そして、最後の秘密は効果的な内部コミュニケーションです。

SoftFacadeでのアプリケーション設計プロセス
Alexander Khmelevskyは、SoftFacadeで構築されたアプリケーションの設計および設計プロセスについて語っています。



アジャイルスクラムチームと連携するためのUXプロフェッショナルガイド
Aviva Rosensteinは、アジャイル開発プロセスでどのように機能するかについて、数十人のインターフェイススペシャリストにインタビューしました。 その結果、うまく機能するメカニズムと問題の優れた概要と、そのようなチームにデザイナーを実装するためのヒントが得られました。

アプリを作るのにいくらかかりますか？
モバイルアプリケーションの設計と開発のプロセス全体のコストのオンライン計算機。 プラットフォームの要件、機能、デザインに対する価格の依存性を動的に示します。 これはすべて、アウトソーサーOoomfのプールで考慮されていますが、いずれにしてもアプローチは興味深いものです。

ダンブラウン-Designing Together：クリエイティブプロフェッショナル向けのコラボレーションおよびコンフリクト管理ハンドブック（Voices That Matter）
ダンブラウンのインフェルノはこの夏に登場しましたが、誇大宣伝のため、彼の完全な同名の本、エイトシェイプからのダンブラウンのリリースはほとんど気づかれていませんでした。 Designing Together-デザイナーのチームワークの整理に関する本：仕事の対立を解決する方法、困難な状況の兆候は何か、さまざまな性格のデザイナーと協力することの秘密。 彼女についてのインタビュー 。

事例

インターフェイスの統合：eコマースプロジェクトの経験Mail.Ru
Mail.Ruのeコマースチームの同僚は、過去1年半にわたって実施した製品統合プロセスについて冷静に説明しました。 その間、彼らはウェブとモバイルでサービスを作成するための統一されたアプローチを提案しました。

より小さく、より良く、より速く、より強く
英国政府のこれらの印象的なデザインガイドラインがどのように作成されたかについてのChrus YiuとSarah Finkの豪華なケース。 彼らは2006年にプロジェクトに参加しましたが、最初は難しいものでしたが、やがてデジタル戦略の正確性を役人や公務員に納得させることができました。

マリッサ・メイヤーについての真実：無許可の伝記
Marissa Mayerの非公式の伝記には非常に興味深い記事があります。これは、メールとYahooのホームページを再設計するプロセスについて語っています。 確かに、ロゴの再設計を伴うストーリーの後、 プロのコミュニティに対する批判が彼女に降りかかった。

Facebookがあなたの助けを借りて密かにiPhoneアプリを再設計した方法
FacebookはiOS7用のアプリケーションの更新で、サイドバーを拒否しましたが、ボトムパネルのクラシックなiPhoneナビゲーションを支持しましたが、サイドバーは人気を博しました。 Vergeの記事には、なぜ彼らがそれをやったのか、そして実験的ソリューションのテストプロセスをネイティブアプリケーションの視聴者の割合に合わせて調整する方法についての興味深い話があります。 サイドバーの放棄の大規模な波が今行くのだろうか-現代のiPhoneのより高いスクリーンは、ボトムパネルを再び使用することを可能にします。 同時に、指でボタンに簡単にアクセスでき、左から右にスワイプすると、サイドバーをすばやく開いて他の操作に使用できます。

iOS7向けの設計-危険とプラス
iOS7用の優れたPolarアプリの再設計ケース。 Luke Wroblewskiは、公式ガイドラインを適用する際に、自分の頭で考える必要がある理由を明確に示しています。盲目的な使用は、特定のタスクに対して効果のないソリューションにつながる可能性があります。 そして、トピックに関するいくつかの資料：

• エリスハンバーガーは、iOS7のアプリケーションの過去の一連の再設計と 、更新されたインターフェイスを最大限に使用するのではなく、ほとんどがカバーを変更する理由について説明しています。
• 更新されたアプリケーションが新しいiOS7機能を利用する方法の概要。
• 基本的な頻繁なシナリオをオペレーティングシステムレベルで組み込み、現在のようにではなく、個別の分離アプリケーションに浸透させるべきであるというJeff Raskinの考えを実際に繰り返しているWiredの記事 。
• デザイナー向けのリソース 。

MMORPG Skyforgeのインターフェイスデザイン
ゲーム部門の同僚は、ゲームインターフェイスの分類について説明し、新しいSkyforgeゲームに適したモデルの選択について話します。

イノベーションを促進するためのユーザー調査の微調整
ユーザー調査の非常に興味深いケーススタディは、複雑なビジネスツールであり、そのプロセス自体が従業員のワークフローを変更するため、ユーザーの調査プロセスに多くの制限と困難が課せられます。

Fantasy Interactive-USA Todayケーススタディ@バルセロナオフフェスト
Fantasy InteractiveによるUSA Todayニュースポータルの再設計ストーリー。 去年の男たちはモスクワへの物語を持って来て、満員の家があった。 この事件に関する彼ら自身のビデオ 。

物語

アップルデザインの口述史
デバイスとOS Appleの作成の歴史に関する優れた出版物Fast Co.Design。 記事には、90年代の初めから会社の設計を決定した人々の名前がたくさんあります。 カエルデザインの創設者であり、Appleによる工業デザインの「白雪姫」視覚言語の著者であるHartmut Esslingerの本からの抜粋も興味深いものです。

電話ボタンのレイアウトにベルがほぼ使用した17のデザイン
60年前の押しボタン式電話のユーザビリティテストの歴史。 Bell Labsが最適なボタンレイアウトを選択した方法。

トレンド

インターフェイスデザイナー：まさに企業に必要な人
Pavel Olarは、ロシアの求人市場の調査を「インターフェイスデザイナー」のポジションで実施しました。 彼らは主に、グラフィックデザインのスキルを持つデザイナー、またはデザインの基本を所有するグラフィックデザイナーを探しています。 この職業に挑戦したい人のために：「絵を描く方法を知っているなら、デザインに関する本や記事を読み始めてください。 理論をマスターします-Photoshopの基本を学びます。

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

新しいタイプのWebユーザーエクスペリエンスを実現する
Scott Jensonは、W3Cブログで、モバイルアプリがネイティブアプリの波によって押しつぶされるのを防ぐためにモバイルウェブがどのようなものであるかについて熟考しています。 彼は、システムソリューションが必要な3つのシナリオを検討します-ネイティブアプリケーションの安価な置き換え、実世界のオブジェクトのバンドル、およびいくつかのデバイスの相互作用。

媒体としてのコンテンツ
Matt Gemmellによると、タブレットの出現により、誰もがコンテンツサービスやアプリケーションのラッパーをプレイし始め、ユーザーが主にコンテンツを求めていることを忘れています。 彼は、メディアはコンテンツそのものであり、それが提示されるデバイスではないと言う。

UX Magazineによる国際経験賞デザイン賞
UX MagazineがベストUXアワードを開始します。 2ダースのノミネートと非常に代表的な審査員が予定されています。

科学者は二人の間の最初のニューラルリンクをテストしました
今日の未来-実験室での実験は、直接的なニューラルインターフェイス「Man-Man」を示しています。 ゲーマーやサロゲートなどの映画で明確に表現されている、他人の身体を直接制御するというアイデアが現実のものとなります。 映像

専門能力開発

相互作用の哲学
実務家の基本理論は、インタラクティブ製品の設計プロセスで哲学的理論をどのように使用するかです。 さまざまな観点からの相互作用（プロセス）と相互作用（プロパティ）という用語の意味の詳細な分析。 現象学、常識、認知プロセス全般、特に知覚プロセスの観点から。 また、このトピックに関する文献や科学論文への参照にも注意を払う必要があります。

あなたの上司があなたのために働いています
Fred Beecherが、UXコンサルタントからUXマネージャーに移行した最初の経験について話します。 チームを支援する方法に関する多くの有用なこと。

設計思想家のドン・ノーマンが彼のステルススタートアップ、Apple vs. Android vs. マイクロソフト、およびエクスペリエンスデザイン
今年はドナルドノーマンの「身近なもののデザイン」の本の25周年を迎え、その拡張版と拡張版は11月5日に公開されます。 ドンとの最近のインタビューで、この間にデザインが変更されたもの、現在の傾向に関する彼の意見を見つけることができます。 ちなみに、新しいエディションでは 、 Amazonは書籍の紙版を割引しています。

会議議事録

UX戦略2013
9月9〜11日にアトランタで開催されたUX Strategy 2013カンファレンスのプレゼンテーション。 参加者によるイベント のいくつかのワークショップと議論 の概要 。

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