👩‍🎤 🚊 🧀 製品設計ダイジェスト、2020年6月 👗 🐂 🤷🏼

ダイジェストは、2009年以降、インターフェイスデザインに関する最近の記事、ツール、パターン、ケース、トレンド、歴史的なストーリーを収集しています。サブスクリプションの大規模なストリームを慎重にフィルタリングして、専門的なスキルをアップグレードし、作業上の問題をより適切に解決できるようにします。前号：2010年4月-2020年5月。

製品設計ダイジェスト、2020年6月

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

プッシュ通知2020の設計と解剖学

Lee Munroeのさまざまなプラットフォーム、ブラウザー、およびプログラムからのプッシュ通知の構造の分析。ボーナスはFigmaのテンプレートです。

バイヤーの旅を通して変化を伝える-COVID-19ケーススタディ

Nielsen / NormanGroupのKimFlahertyが、コロナウイルスの状況についてオンラインストアに通知する方法の概要を説明しました。配達時間の延長およびその他の制限。

選択コントロール-UIコンポーネントシリーズ

Taras Bakushevichから選択するためのフォーム要素（チェックボックス、ラジオウィンドウ、トグルスイッチ、チップ）の状態の詳細な分析。

モバイルアプリのオンボーディング-コンポーネントとテクニックの分析

Nielsen / NormanGroupのAlitaJoyceが、モバイルアプリケーションで新しいユーザーに会うためのパターンについて説明しています。しかし、彼女は可能な限りそれらを避けるようにアドバイスします。

「クイックビュー」を実装する場合に避けるべき3つの落とし穴

BaymardのRebeccaHugoは、製品カードのクイックビューポップアップレイヤーの問題について説明しています。このレイヤーは、ユーザーがページ全体に移動するのを防ぐように設計されています。しかし、彼には多くの問題があります。

画面上で読むためにPDFを避ける

Nielsen / NormanGroupのJakobNielsenとAnnaKaleyが、PDFをWebサイトに送信するためのヒントを提供します。彼らは、そのような文書からサイト上の情報を読むことを避け、印刷または転送の場合にのみそれらを残すようにアドバイスします。

アーロンウォルター-感情のためのデザイン

この本の第2版が出版されました。プライバシー、インクルージョン、セキュリティに関する章を追加しました。

電子メールの件名の絵文字-利点または障害？

Nielsen / NormanGroupのKimFlahertyが、郵送の手紙のタイトルにある絵文字がどのようにユーザーを引き付けるかについてのUX研究について話します。このようなことは、A / Bテストによって最もよく検証されますが、メモは役に立ちます。

GiovanniPintoriによるインスピレーションを得たデザインの決定-宣伝はアートフォームになります

Andy Clarkeは、ウェブ上で興味深い雑誌のレイアウトを使って一連の実験を続けています。第10号では、ジョバンニ・ピントリの作品を分析します。

AlfaDigitalでアクセシビリティテストを実施した方法

Maria Simonovaが、Alfa-BankのiOS向けモバイルアプリでのアクセシビリティサポートについて説明します。

「LLビーン」をクラス最高にする5つの「クレジットカードフォーム」の実装

BaymardInstituteのRebeccaHugoは、オンラインストアのクレジットカード支払いフォームの良い例と悪い例を分析しています。

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

デザインシステムの健全性、そして最終的にはその成功を理解する方法

Deliverooデザインシステムの立ち上げに関するChristosKastritisによる最もクールな記事。作業を開始するためのストラスセッション、一連の健康指標、さまざまなセクションのROIの計算（テンプレート）。

金曜日のテレビチャンネル

金曜日のテレビチャンネルは、夜の空気の暗いテーマを作りました。23:00以降、明るく大音量のプロモーションビデオは、おとぎ話や詩のある静かで落ち着いたアイデンティティに置き換えられます。

Rostelecomキー

Redmadrobotの設計者は、RostelecomKeyアプリケーションの暗いテーマの作成について話します。確かに、コードには設計部分のみが含まれ、設計システムは含まれていません。

WWDC 2020

Appleは、今年の他のすべてと同様にオンラインで開催された年次会議で、プラットフォームの新しいバージョンを披露しました。従来、インターフェイス設計者に関係する更新を強調していました。

iOS 14

ホーム画面ウィジェット。今では、Androidと同じように、散らかるのは簡単です。長年の法律では、ユーザーの95％がインターフェイスをカスタマイズしない（デバイスメーカーが事前に設定した設定を変更することはめったにない）とされています。Figmaのガイドラインとテンプレート（別のもの）。

Siriは画面をカバーしていませんが、下部に企業の抽象的な記号が表示され、上部に結果が表示されたプレートが表示されます。

通話も画面には表示されませんが、上部にバーとして表示されます。QRコードまたはNFCによる
インストールなしのサイトおよびアプリケーションのミニバージョン。アプリケーションをインストールするのが面倒な、コーヒーショップのロイヤルティプログラムのポイントのクレジットなどの簡単なアクションの支援を想定しています。確かに、これは独自のQRコード形式でのみ機能します。つまり、通常のカバレッジを受け取る可能性は低いです。ガイドライン。

アプリケーションによって収集されたデータに関する視覚的な情報

（おおよそ製品の栄養価として）。

電話からの車のオープニングは、主要な自動車メーカーによって徐々にサポートされます。

ピクチャーインピクチャーモードでは、ビデオを小さいサイズに最小化し、アプリケーション間を移動できます。
デフォルトのブラウザとメールを変更することが可能になります。これにより、サードパーティクライアントのリーチがわずかに増加します。

スマートホーム画面には、デバイスの現在のステータスがわかりやすく表示されます。
2020年のAppleの最高のiOSアプリ。

デザインに関するビデオプレゼンテーション：

iPadOS 14

デスクトップアプリケーションにさらに近い永続的なサイドナビゲーションバー。

スポットライトスタイルのユニバーサル検索。

手書きと形の認識。

watchOS 7

画面上の複数のアプリケーションからの情報を組み合わせることができます。健康追跡およびスポーツ支援機能の開発。現在の議題から：あなたがどれだけ効果的に手を洗うかを見てください。

macOS Big Sur

インターフェイスを更新して、視覚的にiOSに少し近づけます。

そして、skeomorphismに一歩戻ります-ゴミの影と詳細を備えたアプリケーションアイコン。

そして、skeomorphismに一歩戻ります-ゴミの影と詳細を備えたアプリアイコンになりました。
おっと、間違ったスクリーンショット：FigmaとSketch

の最初のメッセージアイコンレイアウトはすでに表示されています。その他の「画期的な」デザイン要素（たとえば、2001年の最もファッショナブルな通知アイコン）：またはWindows XPのこの愛らしいバッテリー：そしてスライダーがボリュームを獲得しました。

デザイントレンドの振り子は、昨日の前日に口の中で泡で話していた原則に対する自尊心をこぼしても、容赦ないものです。新形態でさえそれほど悪くないその厄介な瞬間。

ベータ版はすでに配信されており、最終版は通常どおり9月にリリースされます。これは、カーペットの下で蹴られたAndroid11よりも少し面白くて便利です。

Android 11

今年、従来のGoogle I / Oは最初にオンラインになり、その後抗議のために完全に延期されました。したがって、Android11のベータ版は比較的静かに登場しています。大きなブレークスルーはありませんが、さまざまな最適化があります。通知のリストでは、人との会話やその他すべてのアプリケーションが分離されていました。さらに、1日の通知の履歴があります。クイック設定で同じパネルにメディアプレーヤーが表示されているため、1行多くかかります。電話機の電源オフボタンを長押しすると、さらに多くの設定が表示されます。新しいスマートホームコントロールパネルを使用すると、すべてを1つの画面で確認できます。スクリーンショットへのアクセスの改善と簡素化-他の多くのものと同様に、iOSのようになりました。

マルチタスクモードでは、スクリーンショットも撮ることができます。

音声アクセスによる音声制御は驚異的に機能します。画面上の項目に名前を付けるだけです。

サードパーティのアプリケーションでは、電話へのアクセスがさらに制限されています。多くのことは、それを使用する場合にのみ許可されます。

EngadgetとTheVergeからのレビュー。

Googleは、この静かな立ち上げのためにいくつかのビデオを投稿しました。

最終版は秋に登場します。あなたはすでにベータを置くことができます。

ハイコントラストモードのクイックヒント

Sarah Higleyが、Webサイトの設計を大幅に簡素化するWindowsハイコントラストモードの操作方法に関するヒントを提供します。

Salesforceが設計の生産性とコラボレーションをどのように加速するか

Salesforce Lightning設計チームは、すべてのコンポーネントを備えたSketchプラグインをリリースしました。

ストーリーブックの構成

Storybook 6.0では、複数のブランチを1つのライブガイドラインにまとめることができます。社内のさまざまなチームがさまざまなフレームワークを作成する状況の場合。

ユーザーを理解する

3つのペルソナタイプ-軽量、定性的、統計的

Nielsen / NormanGroupのPageLaubheimerが、エキスパートパス、定性的調査、定量的調査の3種類のキャラクターを作成する方法について説明しています。それぞれの長所、短所、落とし穴。

情報アーキテクチャ、概念設計、コンテンツ戦略

ジャーニーマッピングへのアプローチ-始める前に行う2つの重要な決定

Nielsen / NormanGroupのKateKaplanは、CJMを作成するための2つのパスについて説明しています。エキスパートバージョンと、研究ベースの現在および将来の状態です。最も賢い方法は、最初に現在の状態のエキスパートバージョンを作成し、次にそれをユーザーと検証して、将来のビジョンを作成することです。

カスタマージャーニーマップ：デリモービル

HardClientのStanislavKhrustalevは、Delimobilカーシェアリング用にCJMを組み立てました。

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

フィグマ：記事

DeliverooのAnne-SophieDelafosseが、レイアウトローカリゼーションプラグインについて説明しています。それはあなたがインターフェースが崩壊するかどうかをチェックすることを可能にします。
紙吹雪ジェネレーターの例を使用して、VarunVachharからプラグインを作成する手順。

テンプレート

Googleアプリのアドオン。

Adobe xd

6月の更新。色とフォントのトークン、フレックスボックス動作のアイテムのスタック、プロトタイプブロック内のスクロール、ロシア語のサポート。

UXPin

ある持ち株会社のキセノンパートナーズが楽器を購入しました。彼らはさまざまなクラウドサービスを購入します。

スケッチ67

作業の加速とインターフェースの最適化。

カラーコピーペースト

このサービスでは、電話のカメラで色を定義し、それをFigmaまたはSketchに挿入できます。

シームレスパターンメーカー

ピクトグラムの背景に繰り返されるテクスチャジェネレータ。

プロトタイプ5

イベント、アニメーションレシピ、ライブラリ（iOSおよびマテリアルデザインを含む）のタイムライン。

シェイプディバイダーアプリ

プロモーションサイトのブロック間のカーリーディバイダーのジェネレーター。

ブロブ

このサービスは、プロモーションサイトの抽象的な丸みを帯びた形状をすばやく生成するのに役立ちます。

CreateStudio

ビデオクリップに焦点を当てた新しいアニメーションおよびモーションデザインツール。たくさんのテンプレートと既製のリソース。

ポーズアニメーター

実験的なツールは、Webサイトからの動きのキャプチャに基づいてイラストをアニメーション化します。

ShadeSketch

実験ツールを使用すると、アニメーション画像を含むペイントされた画像にシャドウを自動的に適用できます。

ユーザーの調査とテスト

ユーザーと市場の調査を製品チームに適切に統合する方法

JoomのAnnaCohnは、ユーザー研究者を製品会社に統合する3つの問題のある方法について説明しています。それらは、設計者と管理者によってのみ、またはUXラボ内でのみ実行され、どこかにまったく存在しません。

センスメイキングと構造：Airtableが私の習慣をどのように変えたか

Rachel Milesは、Airtableを使用してユーザー調査からの検索結果を保存する方法を共有しています。これは、サービス自体からの古い指示に基づいています。

UXリサーチツールと方法

Ethnioサービスからのリモートユーザー調査用のツールのディレクトリ。

UXリサーチの評価尺度-LikertまたはSemanticDifferential？

Nielsen / NormanGroupのMariaRosalaが、Likertスケールとセマンティックディファレンシャルの違いについて説明しています。これらは、2つの人気のある段階的なユーザー調査の質問タイプです。

5ポイントスケールと7ポイントスケールの間で変換する方法

ジェフサウロとジムルイスは、調査スケール値をさまざまな次元に変換する方法を示しています：5と7の回答の選択肢。

設計コンセプトの有効性をテストする方法

PaulBoagによる設計コンセプトのテスト方法の概要。

ユーザーインタビューの質問を改善する12の方法

調査中のユーザーへのインタビュー中の有能な質問に関するELEKSのSlavaShestopalovaからのアドバイス。

ユーザーインタビューとフォローアップの質問のためのチートシート

StéphanieWalterによる構造化ユーザーインタビューチェックリスト。

事例「VkusVilla」-「王冠危機」時代の食品小売

UXSSRは、VkusvilleストアのUX調査を実施しました。彼らは、検疫期間中の消費者行動の変化を研究しました。

ベンチマーク研究のためのサンプルサイズの推奨事項

JeffSauroとJimLewisは、UXの比較研究のためにサンプルサイズを計算しました。

ブラウザでのビジュアルプログラミングとデザイン

Three.jsを使用した動的タイポグラフィ

JavaScriptのブラウザでの動的タイポグラフィ。

新しいスクリプト

指標とROI

主要な対。UXでの遅延対策

JeffSauroとJimLewisが、先行メトリックと遅延メトリックの関係について説明します。製品の結果とそのインターフェースを早い段階で予測する方法。

デザイン管理とDesignOps

DesignOpsの成熟度-ほとんどの組織で低い

Nielsen / NormanGroupのKateKaplanは、557人のフロントエンドの専門家を調査し、それらをDesignOps成熟度モデルに分解しました。人間の相互作用、作業結果、およびビジネスへの影響という3つの領域で、どのような方法と実践を使用していますか。

ユーザー中心のイントラネットの再設計-11ステップで成功するためのセットアップ

Nielsen / NormanGroupのKaraPerniceが、イントラネットの再設計戦略について説明しています。チームを編成し、目標を設定し、新しいバージョンを設計して体系的に立ち上げる方法。

クリス・アボアとラス・ウンガー-リフトオフ！あなたのチーム、あなたの組織、そしてあなたを高めるための実用的なデザインリーダーシップ

予約受付中です。チーム管理の基本的な設計管理プラクティスに専念しており、7月20日にリリースされます。

Spotifyの新しい設計原則の紹介

Spotifyデザインチームは、再設計されたデザイン原則について話します。それらの作成に関する詳細はほとんどありません。

DesignOps-IBMの視点

IBMは、会社の設計マネージャーに、彼らが最も時間を費やしている責任の領域について調査しました。

チームの相互作用

効果的なUXデモのための7つのヒント

ShopifyのJoséTorreは、フィードバックを収集するために同僚にデザインを紹介するためのヒントを提供します。

製品管理と分析

腸から計画へ-思慮深い実行フレームワーク

SpotifyのAnninaKoskinenが、製品開発の決定ツリーについて話します。このアプローチは、一般的なビジネス目標から成長の機会および特定の仮説にまで及びます。これにより、問題と解決策の空間を一貫して繰り返すことができます。Figmaのテンプレート。

場合

RedmadrobotとOtkritieが1年間にビジネス向けのモバイルバンクを立ち上げた方法

Redmadrobotの設計チームは、OtkritieBankの起業家向けのモバイルアプリケーションの開発について話します。

デジタル製品のブランディング

アイコンの形成

ZendeskのNickLevesqueが、ブランドをサポートするアイコンのシステムの作成について語っています。その結果、ロゴやその他のデザイン要素で繰り返される基本的な形状からの優れたコンストラクターが得られます。

トレンド

2020ロゴトレンドレポート

LogoLoungeからのロゴトレンドの概要。

2020年を定義する4つのデザイントレンド

アドビストックからのトレンド。コレクションに表示されるボトムアップグラフィック。


ロシアでのスマートフォンの4月の売上減少	ロシアでのスマートフォンの売上高の6月の成長

音声インターフェース

音声インターフェースのデザインパターン

JesúsMartínは、ナラティブ、言語、オーディオなどの音声インターフェイスパターンに対する独自のアプローチを提供しています。

業界の人々と企業

象徴的なデザイン会社Astroが6億ドルのグローバルコンサルティング会社に参加

英国のコンサルティング会社PAConsultingは、有名な産業設計代理店AstroStudiosを買収しました。

ソシエテジェネラルデザイン

ソシエテジェネラルデザインチームのブログ。

会議資料

24時間のUX

24時間続いたオンラインデザイン会議-この間ずっと、特定のタイムゾーンのスピーカーが話しました。資料はありませんが、フォーマットは非常に面白いです。

Facebook, , , vc.ru ― . , , , , , , , , , . .

製品設計ダイジェスト、2020年6月