フードデザインダイジェスト2019年3月

ダイジェストでは、2009年以来、ツール、パターン、ケース、トレンド、歴史的なストーリーだけでなく、インターフェイスデザインに関する最新の記事も収集しています。 大量のサブスクリプションを慎重にフィルタリングして、専門的なスキルをアップグレードし、作業タスクをよりよく解決できるようにします。 前の号： 2010年4月-2019年2月

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

UIコピー-コマンド名とキーボードショートカットのUXガイドライン

Nielsen / Norman GroupのAnna Kaleyが、インタラクティブな要素の正しい名前とキーボードショートカット（デスクトップおよびWebアプリケーション）の選択についての優れたリマインダー。

チェックリストデザイン-UXのベストプラクティスに最適なUI要素

典型的なインターフェイスパターンを設計するためのチェックリストのコレクション。 それらを使用するときに忘れてはならないもの。

eコマースの割引とプロモーションの伝達

Nielsen / Norman GroupのKim Flahertyへのメモ。オンラインストアで割引やプロモーションを適切に表示する方法について。 彼女は言及が適切であるページとスクリプトの束を作りました。

ヒューマンエラー-優れたデザインの重要な要素

Emanuel Serbanoiuからのユーザーエラーを処理するための優れたリマインダー。 彼は彼らの心理的原因を分析し、典型的な状況のレシピを提供します。

より明確なエラーメッセージを書く

明確で包括的なフォームのエラーメッセージに関するエイミーリークのチェックリスト。

GDPRはUXにとって何を意味しますか？

Claire BarrettのGDPRの制限と要件を適切に統合するためのパターン。 インターネットを別の官僚的な窓口に変えず、これらの行動の利点と重要性をユーザーに伝える方法。

コンテキストメニュー-タスクに関連するツールを提供する

Nielsen / Norman GroupのAnna Kaleyが、インターフェイスでコンテキストメニューを使用する機能について説明します。

Baymard Institute Research

• 商品ではなく、オンラインストアの作業に関する検索クエリを考慮する方法 。
• オンラインストアの正しいユーザーポップアップメニューインターフェイス 。

設計システムとガイドライン

ストーリーブック5

React、Vue、Angular、React Native、およびEmberのコンポーネントの最も人気のあるStorybookライブガイドラインの1つの第5バージョンがリリースされました。 彼はついにまともに見え始め、ストーリーブックに基づいて自分自身を構築しました。

独自の設計システムを開発します。 バーズグループの経験

BARSグループの設計チームは、設計システムの作成について話します。

材料設計

• Playストアのアプリアイコンの新しいルール 。 それらは、20％の丸みと影が付いた正方形になります（自動的に重なります）。

ユーザーの理解

ティーンエイジャーのUX-ティーン向けデザイン

Nielsen / Norman GroupのAlita JoyceとJakob Nielsenは、10代のユーザー調査と、彼らがインターフェースでどのように機能するかについて話します。 最後のパターンと他の年齢（子供、学生、大人）との比較に関する有用な参照。

ブリッジされていない知識のギャップがUXを傷つける

Nielsen / Norman GroupのKim FlahertyとKate Moranは、インターフェースが扱うべき分野に関するユーザーの知識のギャップについて書いています。 そして、彼が決定しなければ、人々は異なるソースからの情報を解析することを余儀なくされます。

ユーザーニーズステートメント

Nielsen / Norman GroupのSarah Gibbonsは、カスタムニーズの記述形式を解析します。 彼女は、名詞（特定の決定）ではなく動詞（目標と最終状態）を使用することを勧めます。

新しいインターフェース設計ツール

ブラウザでスケッチする

ベンチマーク投資ファンドから2000万ドルを受け取りました。 他の皆とは異なり、この会社は創業者のお金で発展してきました。 しかし、合計8290万ドルのFigmaがターンでそれらをバイパスする方法が明らかになります。







連中は、コラボレーション、ブラウザからのレイアウトの転送、チームレート、クラウド内のスペースを備えたブラウザバージョンなど、今年の計画をからかいました。 確かに、ペースはまだ火事ではありません-ブラウザの最初のバージョンは年末までに約束されています。 この間、Figmaは地球を何度も回ります。

Adobe XD

3月の更新 。 Adobe Illustratorの開発の使用を簡素化し、インターフェースを改善し、Jiraとの統合を改善しました。

figma

figmaのThomas Lowryは、要素ライブラリの作成に関するメモを書きました。 マキシム・ロビネットはこの楽器をロティと結婚させた 。

人口

レイアウトおよびプロトタイプ用の準実データの膨大なコレクション。 人々の名前、動物の名前、住所、色、美術館、アーティスト-合計120のリスト。

ジョー・シュモー

レイアウト用のユーザーアバターイラストのコレクション。

優しい顔

レイアウト用の例示的なユーザーアバターのジェネレーター。

マーベル

カスタムプロトタイプテスト機能を追加しました。 セッションの記録と募集の両方に役立ちます。 また、カスタムプロトタイプテスト用のMazeプラグインの2番目のバージョンもリリースされています。

アクセシブルなブランドカラー

このサービスは、選択された色が、さまざまなコンテキスト（背景、さまざまなサイズのフォントなど）の障害を持つユーザーにどのように機能するかを示します。

アブストラクト

彼らは3000万ドルの投資を受けました （合計55ドルが投資されました）。 スタンドアロンツールではない比較的単純なサービスに適しています。

ブロック

レスポンシブサイトに焦点を当てた別の設計ツール。 通常のティルダやスクエアスペースのように、ページを上下に移動できる「ベルト」のアイデアに基づいています。

俳句アニメーター

ツールはフロントエンドアニメーションに焦点を合わせ、それに応じて名前を変更しました。

超新星

真剣に更新された技術スタッフ 。

ユーザー調査と分析

UXCam App Analytics-完璧なアプリ体験を提供

ユーザー分析サービス。 サイトまたはアプリケーションを使用した特定のセッションの研究に焦点を当てています。

オープンカードソートについて知っておくべき8つのこと

カードのソート結果を適切に準備、実施、処理するためのSam YuanのヒントをShopify

繰り返してください-好みのテストはA / Bテストではありません

Userfocusの黄金の言葉David Travis：ユーザーに好きなデザインオプションを尋ねるのをやめます。 これにより、データに基づいた意思決定の錯覚を引き起こす誤った結果が生成されます。

ウサビラ

このツールはSurveyMonkeyが購入しました 。

調査グリッドは回答に影響しますか？

ジェフサウロは、1ページまたは別のページにアンケートで質問を投稿すると、ユーザーの応答に影響するのではないかと考えています。 一般的に、それほど多くはありませんが、1ページのユーザーは見積もりを少し悪化させます。

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

新しいスクリプト

• キネティックタイポグラフィの単純な効果 。
• プロモーションサイトの効果的な画像歪み 。
• ジェスチャーを使用してブラウザーでページを管理します 。 指示
• プロモーションサイトの共有3Dオブジェクト 。

指標とROI

UX測定の目的は何ですか？

ジェフ・サウロが、UX測定が行われた理由、それらが機能する原則、および彼らの助けを借りて得られる答えに関する有益なメモ。 適切なメトリックを選択する方法と、インターフェースの変更を改善にリンクする方法。

NPSでの中立応答のラベル付けの効果

ジェフ・サウロは、NPSスケールで中立評価を明示的に示すことが評価の分布にどのように影響するかを調べました。 アクティブなユーザーまたは最近の購入者には違いはありませんが、長期間使用していない人にはオフセットがあります。

設計管理とDesignOps

デザインインタビュー-何でも聞いて

DropboxのKurt Varnerによる強力なインタビューガイド。 問題、フォーマット、ポートフォリオ、テスト、ドロップアウト、およびプロセスの他の側面に関する多くの賢明なアドバイス。

AUX3-アジャイルでUXリサーチトラックを作成する

Carol J. Smith、Thyra Rauch、およびHannah Moyersは、ユーザーの調査を標準的なアジャイルプロセスに統合するためのモデルについて詳しく説明しています。 これらは3種類の作業（学習、問題解決、実行）であり、それぞれに実際のタスクの例を示します。

リード、管理しない、パート1

ジム・ニーターズは、リーダーとマネージャーの違いについて書いています。 創造的な専門家から恐れや優れたリーダーの仕事の他の側面を取り除くことが重要なのはなぜですか。

Forge a Guild-UXチームをスーパーヒーローステータスに昇格させる

VeracodeのJennifer BullardとCarol Bergantinoは、スケーラブルなアジャイルに主に取り組む会社でUXギルドを作成することについて語っています（デザイナーは一元化されたチームですが、機能別に製品グループがあります）。 十分なデザイナーがいないため、製品グループがより独立し、良好な結果が得られるように、デザイナー以外のトレーニングに重点を置いています。

Hawrafから独自のデザインスタジオを開始するためのガイド

Design Studio Hawrafは、近年、彼女のオープンなアプローチを大々的に受けています。 彼らは会社を閉鎖することを決めたが、 すべての作業文書を公開した 。 設計プロセス、クライアントとの連携など。

より良い設計フィードバックを提供するフレームワーク-分析、議論、提案

デザイン批評のプロセスに対するブディ・タンリムによる興味深いアプローチ。 彼は会議を3つの部分（分析、議論、提案）に分割し、それらの間の時間の正しい比率を提供します。

メンターとメンティーの間の対話

練習後のメンターとメンティーの間の対話の例。 両当事者の期待について興味深い。

チームの相互作用

ブレーンストーミングワークショップの開催-デザイナーズガイド

ブレインストームを実施するための一般的なヘルパーメソッドについてのエレクスのスラバシェストパロフの説明メモ-6つのDe Bonoの考え方、ディズニーの創造的戦略、BBDOの詐欺師。

事例

実際の製造業における設計アプローチの特徴

SiburのLev Solomadinが、大規模で複雑な制作会社のインターフェイスデザイナーの仕事の特徴について語っています。 現実世界へのクールな没入感。

直感的な設計

Vicki Tanが、Headspace瞑想アプリでの新しいユーザー会議プロセスの再設計について説明します。 主要な指標を見つけて、それを実験した方法。

トレンド

市場統計

中国でのスマートフォンの売上減少 -20％

世界のウェアラブル端末の売り上げは 31.4％

Playstation VR 4.2Mヘルメットを販売

技術、インターフェース、デザインの視覚的傾向

John Maedaは、Tech Reportの最新の年次デザインをリリースしました。 今年は、初期のように洞察力を分析するのではなく、専門家コミュニティの注目すべきニュースをまとめたものであり、通常は新しいリリースに期待するものです。 まあ、彼の現在の会社Automattic（WordPressの作成者）のネイティブイニシアチブ。







私は年次トレンドレビューを本当に信じていません（もちろん、私は（ もっと ） 出てくるものをレビューします ）-業界はよりゆっくりと変化しています。 トレンドの多くは数年にわたって発展し、上昇する形で生きています。そのため、年々そのようなレポートを見てさまよいます（仮想現実や拡張現実など）。 「アニメーション」、「大きなタイポグラフィ」、「背景ビデオ」などの一部は、ベニー・ヒルのギャグの精神の中ですでに決まり文句になっており、孫たちはおそらくそれらについて読むことを余儀なくされるでしょう。 そのため、私はデザインのトレンドを技術、インターフェース、ビジュアルの3つのタイプに分けています。

IBM AR / VRデザイン言語

仮想および拡張現実インターフェースに関するIBMガイドライン。

ビジョンを超えて-感覚デザインとしてのサウンドデザイン

マイクロソフトのサウンドおよびタッチデザインの責任者であるマシューベネットは、インターフェイスおよびデジタル製品全般におけるサウンドの役割についての彼のビジョンについて語っています。 ホットトピックの興味深い広範な外観。

アルゴリズム設計

AIが街全体をゼロから思い起こさせるのを見る

アルゴリズム設計を使用して非常に現実的な都市が生成される、Nvidiaの運転シミュレーター。

ブロマ

Creative.aiチームによる最初の商用アルゴリズム設計ツール。 ポスター、広告、その他の簡単な形式を作成できます。

ガンブリーダー

参加者がアルゴリズム設計を使用して相互に無期限にリミックスする興味深いコミュニティ。

Human-AIインタラクションに関するマイクロソフトのガイドライン （PDF）

マイクロソフトの研究者グループが、人工知能技術を使用した製品設計のガイドラインを収集しました。 仕事で使用するのに非常に便利な18のヒューリスティックが判明しました。 発表 。 創造的なプロセスでそれらを使用する方法 。

Nvidia AIは数秒でスケッチを写実的な風景に変えます

悪質な魔法の別の例-Nvidiaの実験的ソリューションは、スケッチを自然の風景の写真に変えます。

AIは新しいデザイン素材です

アルゴリズム設計の役割と、ロボットに取って代わる仕事の種類と、人々がより良くする場所についてのジョシュクラークによる説明。

AIは芸術界の最悪の本能を引き出しています

アルゴリズム設計の作品の倫理的および立法上の問題の説明的分析。 著者は、最初に質問された写真と同様に、アルゴリズムの結果に対する権利を持つ滑りやすい状況との類似性を描きます。

Google StadiaはAIを使用してゲームのアートをリアルタイムで変更できます

Google Stadiaゲームプラットフォームは、リアルタイムでスタイルオーバーレイを提供します。

音声インターフェース

Voiceflow-音声インターフェイスが簡単になりました

このサービスでは、AlexaとGoogle Assistantのスキルを視覚的な形式で設計し、公開することができます。

英国ではインフレ測定にスマートスピーカーが使用されています

英国では、消費者バスケットにスマートスピーカーが追加されており、インフレと購買力の追跡に役立ちます。 関連性の興味深い指標。

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

UX研究者向けポートフォリオ-推奨事項トップ10

Nielsen / Norman GroupのLexie Martinは、カスタムポートフォリオの調査についてアドバイスしています。 視覚的に視覚的な結果はありませんが、研究プロジェクトとその結果については十分に説明できます。

擬似デザインのタイトル

役に立たない誇大広告の精神でデザイン投稿の愚かなタイトルのコレクション。

業界の人々と企業

エリサデザイン

フィンランドの電気通信事業者Elisaの設計チームのブログ。

Facebook 、 VKontakte 、 Telegram、またはメールで ダイジェストを購読してください 。毎週新しいリンクが表示されます。 グループ内のリンク、特にGennady Dragun、Pavel Skripkin、Dmitry Podluzhny、Anton Artemov、Denis Efremov、Alexei Kopylov、Taras Brizitsky、Evgeny Sokolov、Anton Oleinikのリンクを共有してくれたすべての人に感謝します。