フードデザインダイジェスト、2016年1月

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

フードデザンダインジェスト、2016年1月


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


ハンバーガーメニューの作成者であるノルムコックスとの会話
Xeroxの最初の商用GUIのハンバーガーアイコンの元作者であるNorm Coxとの豪華なインタビュー。 近年のコミュニティで最もばかげた議論の1つのトピックに対する理想的な回答-これは、特定の製品の特定の画面に配置されている場合とされていない場合があるパターンの1つにすぎません。 彼は面接官の質問をすべてこれに巧妙に減らします。 問題を説明する付属記事

ハンバーガーメニューの作成者であるノルムココックスとの会話

設計ソリューション。 Mail.Ru Groupでの実験により検証 (Ksenia Sterninaによるプレゼンテーション)
Ksenia Sterninaは、長年にわたるMail.Ru Group製品のユーザー調査の結果を分析し、それらからの情報を要約しようとしています。 結果は、実際の有用性とパフォーマンスに関する結論を伴うパターンのライブラリでなければなりません。 これはシリーズの最初のプレゼンテーションです。 トピックの続き:



完全性の幻想:それは何であり、それを避ける方法
NN / gのKim Flahertyから、次の画面でコンテンツが継続することをユーザーに示す方法に関する素晴らしいアドバイス。 これは、長いページと水平スクロールの典型的な例です。

設計原則


郵送

Litmus:電子メールレポート2016

カーテンメニュー-デスクトップドロップダウンメニューのモバイル代替
Joe Rabbittが、PlayStation Webサイト用に提案した興味深い適応ナビゲーションパターンについて話しています。 ビッグウェブではこれが標準メニューであり、モバイルでは「カーテン」であり、2つのナビゲーションレベルを一度に視覚的に探索できます。

視覚的に効果的な行動を促すフレーズを作成する方法
ページ上の重要な要素を強調表示する方法に関するシンプルでわかりやすい写真。 多くの人は単純なルールを常に忘れています。メインアクションボタンを大きく目立たせるだけでは不十分で、色のコントラストも必要です。

視覚的に効果的な行動を促進すフレーズを作成する方法

Baymard Institute Research


ディープリンクがモバイルアプリで果たすべき重要な役割
Bobby Emamianのアプリケーション内でリンクを設定する方法の簡単な概要。 この機能は比較的最近登場しており、製品をより便利にすることができます。

暗いパターン


プラットフォームと企業のガイドライン


Microsoft Webフレームワーク
Microsoftは、Webサービスの視覚言語であるWeb Frameworkを公開しました。 言語自体、 特にアニメーションが非常によく提示され、説明されています。 しかし、コンポーネントの説明は、よりプリミティブで純粋な静的であり、ソリューションのセットはそれほど小さくありません。 その開発をフォローすることは興味深いでしょう。

Microsoft Webフレームワーク

Facebookデザインリソース:デバイス
Facebookデザインリソース:デバイス
将来の電話テンプレート、スマートウォッチ、その他のデバイスの膨大なコレクション。

Apple iOS 9


ユーザーの理解


ミャンマーのFacebookを愛する農家
ミャンマーの農民がFacebookをどのように使用しているかについての民族誌的研究に関する興味深い話。 経済学と文化がデジタル製品の消費にどのように影響するかというテーマで興味深い。

顧客満足度の測定方法
Jeff Sauroは、ユーザーの満足度を測定する方法について詳しく説明しています。 彼は、製品の使用に対する態度、ブランドと製品全体に対する満足度、および個々の特性の4つの特性を特定しています。

子供向けのデザイン。


大画面電話


ユーザーの習慣


アクセシビリティ


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


アニメーションの単一言語
意味のあるモーション:インターフフェイス設計におけるセマンティーイメーション


デザイナー向けのツールが開発されている場所
Perfect Designアプリリの構想


より良いウェイファインディングのための視覚ラウドネスの使用
VigetのTom Osborneのデザインガイドラインで視覚的階層を構築するための優れたアプローチです。これにより、重要性と可視性のパターンのグラデーションを作成できます。

プロトタイプの詳細レベル


スケッチ


コンゴウインコ


マーベル


参照:9つのソーシャルネットワークの画像サイズ
Tildaチームのソーシャルネットワーク上のグラフィック要素のサイズに関する詳細なチートシート。 Facebook、Vkontakte、Twitter、Instagram、YouTube、Pinterest、Linkedin、Google +、およびクラスメート。

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



Tobiiは、第6世代の視線追跡カメラを備えたラップトップのプロトタイプを示しています
TobiiはCESで、コンピューターに組み込まれたアイコントロールモジュールであるIS4の第6世代を紹介しました。 ビデオ作品 (およびもう1つ )。 Desktop Neoの最近のコンセプトは、その機能を実装するだけです。





ユーザー調査方法の分類


ユーザビリティ研究のための適切な参加者数を決定する方法
Ritch MacefieldとJanet M. Sixは、ユーザビリティテストに十分な回答者がいるという質問を更新します。 幅広い回答者の重要性について誰かが話していますが、Jakob Nielsenは多くの状況で5人で十分だと言います。 この記事では、さまざまな状況とさまざまなタスクについて説明し、それらに対する回答者の数に関する推奨事項も示します。

ユーザビリティ研究のための適切な参加者数を決定する方法

デスク調査-何、なぜ、どのように
デビッドトラビスは、ユーザーとの学習の準備に必要なデスク学習方法について語っています。 UXスペシャリストは、社内または他の業界の代表者が以前の調査から情報を収集します。

ブラウザーでの視覚的なプログラミングとデザイン


Creolabs-生まれ変わったネイティブアプリの設計と開発
設計者向けの新しいツールCreolabsは、設計と開発を結合しようとしています。 出力は、実際のデータを使用してアニメーション化されたネイティブiOSアプリケーションです。 確かに、問題は最終的なコードの品質です。



ライブガイドラインとコンポーネントシステム


Progressive Web Appsの使用を開始する
Addy Osmaniが、モバイルサイトに基づいてプログレッシブ擬似アプリケーションを作成するための比較的新しいアプローチについて説明します。 これは、簡単にインストール可能なシェルで、ネイティブアプリケーションとしてさまざまな方法で表示および動作します。

新しいスクリプト


デザイナーのためのスウィフト


大音量のリンク
インターフェイスにサウンドを追加するためのラウドリンクJavaScriptライブラリ。 このプラクティス自体は、ユーザーをイライラさせないために、非常に慎重な態度を必要とします。 しかし、いくつかの有名なUXデザイナーは、傾向を説明するときに2016年にサウンドデザインをより綿密に研究することに関心を示しているため、このトピックが急増する可能性が高くなります。 ブランチでは、使い慣れたインターフェイスでサウンドを操作するための資料を収集します。

Webタイポグラフィ


ブラウザブレンドモード


CSSアニメーション


色を扱う


レスポンシブデザインイメージ


CSSグリッド


フレックスボックス


レディーマグ


指標とROI


成功の目標到達プロセスとその結果
ヴラディスラフ・ゴロヴァッハは、最新のインターフェースで成功したオペレーションの目標到達プロセスについて書いています。 今では80%に達しています。 確かに、成功はタスクからタスクへと低下し、次の各ステップの20%が取り除かれた場合、65%が残ります。 設計評価に適したメトリック。

UX戦略と管理


リアビューリー-現代のUX組織
Leah Buleyの最近の最高のパフォーマンスの1つ。彼女は、会社でUXを構築するための現代的なアプローチについて語っています。 最近、彼女はフォレスターに移り、そこではデザイン市場の分析に従事しています。それ自体が職業にとって重要なステップです。 このスピーチの中で、レアはさまざまなレベルと規模の企業の調査について語り、そのおかげでUXチームの成功基準について結論を出しました。 これらはすべて、 499ドルのレポートとして入手できます。 スピーチはほぼ1年前ですが、これは会社でデザインを前進させたい人にとって最も貴重な洞察の1つです。 とても、とても、とてもクールです。



適応設計による主要な変化
マヤ・バーンスタインとマーティ・リンスキーによる、企業の変化を紹介する最も賢い記事。 デザイン思考は未来を考え出すための優れた方法論と考えられていますが、すべてが悲しくなりがちです。 しかし、適応リーダーシップ、管理に対する最新のアプローチと組み合わせて、計画を実行できます。 MayaとMartyは、デザイン思考と適応リーダーシップの交差点で、大胆なアイデアと変更の実装を可能にする「レスポンシブデザイン」方法論を提供します。 ただし、この名前は、一連のデバイスや画面を操作するためのレスポンシブでアダプティブな手法で占められているため、あまり成功していません。

適応設計による主要な変化

デザイン文化の構築


Jamie LevyのUX戦略からの抜粋


エンタープライズソフトウェアインターフェイス


製品管理と分析


SlackのStatsbot
Googleアナリティクスと連携するSlackの分析ボット。 Mixpanelの完全サポートは近日中に提供される予定です。

1日目の保持が重要な理由
Luke Wroblewskiは、インストールの翌日にリピーターを置くことの重要性について書いています。 図は、この期間の後、ユーザーを返す可能性が急速に低下していることを示しており、ユーザーを引き付けるのが難しいことを考えると、これは特に苦痛です。

モバイルWebに対するアプリケーション


方法論、手順、標準


IBMデザイン思考
IBMは、設計思考のバージョンに関するトレーニングマニュアルを公開しました。 純粋な形では、方法論はかなり有用な断片的ですが、ここでは実際の企業のための優れた作業ツールがそれからコンパイルされます。 IBMは過去数年間このことについて話していましたが、今では良い明確なガイドがあります。 お知らせ

IBMデザイン思考

デザイン批判


事例


未承諾の再設計


ケースの再設計


アドビのポートフォリオ
ポートフォリオ作成ツールであるAdobe Portfolioがリリースされました。 Andrew Couldwellが製品の開発について語っています

物語


ベル電話ボタンの探索


トレンド


2016年の予測
近未来:2017年の13の設計予測


設計法
サラバースタインは、新鮮なデザイン特許を収集します。 物理デバイス、インターフェイス、工業デザイン。

設計法

スモールイズビューティフル-デスクトップUXにモバイル向けの機能がまだある理由
スコットジェンソンは、モバイルおよびタブレットのインターフェースの問題を非常によく説明しており、それらが消費者のデバイスをはるかに超えることを妨げています。 これらは、クリップボードやテキストの選択をうまく操作するなど、当たり前だと思う最も基本的なものです。 これが主に私がMS Surfaceに座っている理由です。これは、iPad Proが非常に遠い2つの世界の間の良い妥協点です。

インターフェイスとしての会話-モバイルデザインの未来(WSJ&ダウジョーンズモバイルウィークプレゼンテーション)
Nicolae Rusanによるインスタントメッセンジャー、ボット、パーソナルアシスタント、およびそれに関連するすべてのトレンドと現状に関するボリュームのある興味深いプレゼンテーション。 現在のプレーヤー、開発方向、パターン、インターフェースへの影響など。 テキストアイライナー 。 トピックの続き:




未来の最も重要なデザインの仕事
有名なスタジオや食品会社のデザイナーは、未来のデザインの職業について空想しています。 何か理にかなっているように聞こえますが、説明されていることの多くは、同じ生物学の十分な専門スキルを持たないデザイナーではなく、他の業界の人々によって行われます。

UIなし


バーチャルリアリティ


カーインターフェース


モノのインターネット


一般的および専門的な開発のため


Alan Cooper-インターフェイスについて アラン・クーパー、ロバート・レイマン、デビッド・クローニン、クリストファー・ノッセルの著書「インターフェース。 インタラクションデザインの基礎」 (第4版)
ピーターは、アランクーパーとチームのインターフェースデザイナー向けの主要な本の1つの4つのエディションの翻訳を公開しています。 前の翻訳の科学コンサルタントだったアレクセイ・コピロフは、今回は関与していませんでした。 ちなみに、第3版の翻訳者であるミハイル・ジスリスには、翻訳の所有権と著作権があります。



ヤンデックスデザインスクール
Yandex Design Schoolは、昨年のプログラムに基づいて講義のビデオコースを形成しました。 最初の録音はYouTubeチャンネル利用でき 、残りは徐々に表示されます。 Lola Kristallinskaya学校とTaras Sharov校のクリエイターは、 昨年の募集の結果について話しました



エルゴノミスト速報の記事
年の初めに、Alexey Anokhinはユーザーインターフェイスに関するエルゴノミストニュースレターのテーマ別の問題を準備しています。 彼はあなたの資料を喜んで公開します。 ニュースレターが科学雑誌ではないことを考えると、資料の形式、表示の厳密さ、科学的新規性に要件は課されません。 ようこそ(ただしこれに限定されません):
  1. 自分の成功した決定の説明(できればこの決定が良い理由の説明付き);
  2. 技術、ツール、ソリューションのレビュー(レビューはパーソナライズされる場合があります);
  3. 過去とその進化のインターフェースに関する歴史的エッセイ。
  4. ユーザーインターフェイスのトピックに特化したイベント(会議、セミナー、展示会)に関する情報とレポート。
  5. ユーザーインターフェイスを開発している会社に関する情報(場合によっては広告でも)(1ページ以内)。
  6. ユーザーインターフェイスの開発者としての個人に関する個人情報(情報の形式については、エルゴノミストニュースレターの34ページの「個人情報」セクションを参照してください)。
  7. 失敗したユーザーインターフェイスの例の分析(例は非個人化することが望ましい)。
  8. プロフェッショナル広告。


それは何を与えますか? 第一に、300人以上のニュースレターの購読者(プロのエルゴノミストとユーザビリティ主義者)の間での情報の普及。 第二に、多かれ少なかれ厳密ですが、同時に、結果の一般的なプレゼンテーションと理解の練習。

これは私たちの規律に何を与えますか? 第一に、あなたが個人的に、そして他の多くの人と反応した場合、私たちは情報と成果の有益な交換を得るでしょう。 第二に、それは「伝統的な」エルゴノミストとコンピューターユーザビリティ主義者の和解を促進します。これらは、私を信じて、今、非常に必要です。

素材は、アレクセイ・アノヒン(anokhin@obninsk.ru)宛てに送信できます。件名は、PIによるエルゴノミストの問題です。 当然、すべてが無料です。

ドリブルの問題
トビアス・ファン・シュナイダーは、みんなにドリブルについて最終的に吐き出すように勧めています。 これは主にスキルを向上させるためのツールですが、誰かがその中に他の何かを見ているという事実は、知覚の個人的な問題です。

すべてのサイトがこれほど同一なのはなぜですか?


インターフェイスデューティ


100日間で100のレイアウト


プロダクトデザイナー


デザインの引用


400人のデザイナーに関するジョーク


O'Reilly 2016 Design Salary Survey Report
2015年秋に実施された調査に基づいてO'Reillyが作成した、現時点で最も詳細な設計給与調査。調査方法と結果を説明するビデオ



研修生と協力する


業界の人々と企業


アドビのデザイン


会議議事録


今後のWebデザイン会議(2016年1月— 6月)
2016年前半のデザインおよびWeb開発会議のリスト。2016年の会議の別のリストForge Conference 2015 Forge Conferenceは、2015年10月9日にアメリカのフィラデルフィアで開催されました。UXMattersは、いくつかのパフォーマンスの概要を準備しました。

Upcoming Web Design Conferences (January—June 2016)




新鮮なリンクは、同じFacebookグループで追跡することも、月に1回メールで受け取ることもできます。 特にGennady Dragun、Pavel Skripkin、Dmitry Podluzhny、Anton Artemov、Denis Efremov、Alexei Kopylov、Taras Brizitsky、Evgeny Sokolovのリンクを公開しているすべての人に感謝します。 レビューのおかげで、それらのおかげでより多くの資料が表示されます。

ニュースレターを購読する手紙は月に一度届きます。

Source: https://habr.com/ru/post/J276469/


All Articles