11月の製品デザインダイジェスト:プロフェッショナルスタンダード、アルゴリズムデザイン、Adobe XD、および技術習熟度

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

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


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


楽観的なユーザーインターフェイスの真の嘘
デニス・ミシュノフの「楽観的インターフェース」という興味深いコンセプト。 彼は、ユーザーアクションがケースの97〜98%でシステムによって正常に処理されると述べています。 また、送信結果の事前チェックを拒否して、アクションの成功をすぐに示すことができます。 これはすべてのインターフェイスに適用できるわけではありませんが、エラーの価格が低い場合は、製品の使用経験が本当に向上します。

楽観的なユーザーインターフェイスの真の嘘

使用可能なダッシュボードの設計
ダッシュボードを設計するときに覚えておくべき重要なことについて、Rahul Gulatiを思い出させてくれます。

楽しいデザインの危険性
Dropbox John Saitoは、デライトトリックを使用するときは注意する必要があると書いています。 それらはすぐに退屈するので、ユーザーがめったに戻ってこない画面に配置する必要があります。

モバイルナビゲーション用のハンバーガーメニューの代替
Zoltan Kollinは、ハンバーガーメニューの代替を解析します。

Baymard Instituteレポート


郵送


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


設計システム


iOS 10


ユーザーの理解


障害者がアクセスできる州のサイト
Gossystem Designチームは、障害のあるユーザー向けのサイトアクセシビリティのチェックリストを作成しました。これは、各デザイナーとフロントエンドのデスクトップ上で確認する必要があります。 (州のプロジェクトだけでなく)すべてのプロジェクトに適しています;余分なものは何もありません。 非常に重要、重要かつ有用な情報のみが含まれています。

障害者がアクセスできる州のサイト

トピックの続き:


ユーザーのコンピュータースキルの分布-あなたが思うより悪い
Jakob Nielsenの強力な投稿は、コンピューターリテラシーユーザーの素晴らしさに関するものです。 彼はOECD諸国の人口に関する研究からのデータを参照しているが、それはユーザーに新しいことを学ばせることを強制したい人々にとって非常に残念な数字を示している-まともなレベルでテクノロジーに精通しているのは5%のみであり、26%はまったく理解していない。 これらの価値の中間にあるのは、テクノロジーに対する理解がやや不十分なグループです。

ユーザーのコンピュータースキルの分布:思ったより悪い

学習のべき法則-一貫性vs. ユーザーインターフェイスの革新
Nielsen / Norman GroupのシックなRaluca Bidiuの資料。おなじみのフロントエンドソリューションが、イノベーションのために作られたイノベーションよりも優れている理由について。 彼女は、学習の速度と生産性へのプラスの効果のバランスが見られるユーザーテストの結果について言及しています。 多くの場合、新しいソリューションは認識を低下させるだけで、作業速度の向上から利益を得る時間がありません。

学習のべき法則:一貫性vs.ユーザーインターフェイスの革新

異なる文化にわたるUXデザイン、パート1
Jenny Shenは、さまざまな国や文化のインターフェイスを設計した経験を共有しています。 オランダ、ドイツ、その他の国のユーザーの機能について説明しています。

カラー双眼鏡
Microsoftの実験的なColor Binocularsアプリを使用すると、色覚に問題のある人が通常の色を見ることができます。

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


本物へのランプダウン
Basecampのライアンシンガーは、例としてトレーニングビデオを使用して、製品のタスクから特定のソリューションまでステップごとに歩く方法を示しています。

問題ステートメントを作成する方法
Dan Brownは、製品が解決するユーザーの問題を説明するテンプレートを提供しています。

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


Adobe MAX 2016と創造性とデザインの未来
会議で、Adobe MAXはCreative Cloudの更新されたラインを示しました。 Adobe XDでは、レイヤーとシンボルが追加され 、さらにプロトタイプを議論する機能が追加されましたが、Windowsバージョンは登場しませんでした(ベータチャネル経由でリクエストできます)。 Photoshopにはレイアウト要素と機能の高度な検索機能があり、レイヤーをXDに転送できます(SVGのコピーを介して)。 翻訳

Adobe MAX 2016

この発表の重要な部分の1つは、Adobe Senseiプラットフォームであり、これにより、よりスマートな機能を実装できます。 開始時に、写真内のオブジェクトの認識、オーディエンスセグメンテーションなどが発表されます。 機械学習やその他の人工知能の実践を使用して、彼らはツールの全ラインを大幅に充実させることを計画しています 。 彼らはそのようなイニシアチブのために別個のAdobe I / Oサイトを立ち上げました。

Adobe XD




スケッチ41
Sketch 41が公開され、アプリケーションアイコンが更新され、全体的な外観がねじれました。 しかし、最もクールなことは、 文字を置き換えることができるようになったことです。たとえば、通常のボタンをホームボタンに簡単に置き換えることができます。 彼らはまた、新しいMacBookでタッチバーのサポートを準備しています。 翻訳

スケッチ41

その他のツールニュース:


ギャラリー
ギャラリーツールページが表示されました。これは、Wakeと同じ精神です。 招待をリクエストできます。

Adobe After Effects


インビジョン


InVision LABSによるクラフト


ポップ


Adobe Photoshop


原理


Web用のPlatformaフローチャート
Great Simple StudioによるSketch、Illustrator、およびFigmaのインターフェイスデザインテンプレート。 キットは有料(38ドル)ですが、プローブがあります。

アフィニティデザイナー


最新の公開ツール


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


アジャイル開発はShody UX研究にとって言い訳にはなりません
Atul HandaとKanupriya Vashishtは、カスタム研究を厳しいアジャイル開発フォーマットに統合するためのヒントを提供します。 彼らは、研究を3つのタイプ-戦略(製品開発の方向)、戦術(特定の機能の作業)、および検証(個々のパターンとソリューション)に分割することを提案しています。

アジャイル開発はShody UX研究にとって言い訳にはなりません

ファシリテーションスペクトル-ベビーシッターからセラピストまで
ジェフサウロは、さまざまなタイプの回答者とのユーザー調査でモデレーターとして行動する方法を説明します。

観測変数と潜在変数の違い
ジェフ・サウロは、ユーザー調査データの分析に使用される、観測可能な変数と隠された変数の違いについて語っています。

Zarget-Webite Design、UX Research、およびユーザビリティ分析のための分析ツール
Zarget、インターフェイス用の別のWeb分析ツール。 ヒートマップ、スクロールマップ、投票、A / Bテスト、コンバージョンファンネル。

A / Bテスト


ユーザー調査のためのプロジェクト管理-計画
Nielsen / Norman GroupのSusan Farrellが、ユーザー調査計画の例を提供しています。

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


CSSリファレンス
タイプセットの方法を学びたいデザイナーやその他の専門家のために、CSSプロパティを非常に明確で理解しやすい方法で噛むシックなCSSリファレンスサイト。

CSSリファレンス

印刷スタイルシートを完全に忘れました
Manuel Matuzovicの印刷可能なWebページを準備するための貴重なガイド。 紙上でのWeb出力のすべての側面の段階的な改善。

印刷スタイルシートを完全に忘れました

CSSフラグ
純粋なCSSの世界のフラグのコレクション。

SVGを使用する


新しいスクリプト


CSSアニメーション


FlexboxとCSSグリッド


UX戦略と管理


ポーランドの日で設計債務を返済する
OptimizelyのDave Rauは、製品の問題を修正するための「研磨日」形式について説明しています。 チームは、バグの修正に1日を費やし、見つかった問題のリストを評価して、最も重要な問題をクローズします。

ポーランドの日で設計債務を返済する

UXデザインが直面する最大の問題
設計チームからの現在の期待について、ベン・ニュートンといくつかの設計マネージャーとの説明的な議論。 特に興味深いのは、Jake Causbyがカスタマージャーニーマップを使用して興味深いアプローチを構築したオーストラリアの銀行Westpacに関する記事です。

Forrester:デザイン主導型企業がビジネスの優位性を獲得 (PDF)
最新のForresterは、デザインが成熟し、あらゆるレベルで機能する現代の企業の仕組みについて報告しています。

2016年のUXの状態
Leah Buleyは、社内でUXを構築するための最新のアプローチについて、デザインマネージャーに別の調査を実施し、調査結果を更新しました。

2016年のUXの状態

アブストラクト
抽象ツールを使用すると、チームワークとフロントエンドのドキュメント作成が簡単になります。 これは、バージョン管理機能を備えたGitベースのファイルストレージシステムであり、デザインの作業の進行状況をマークできます。

アブストラクト

デュコ
New Haircutのデザインスプリント用Ducoヘルパーアプリ。

デュコ

レベリングに関する設計チームのガイド
デザイナー基金は、デザイン管理に関する賢明な一連の記事に取り組んでいます。 1つ目は、デザイナーの成長システムとそのポジションに専念しています。 2番目は、設計チームを管理するための一般的なヒントを提供します。 3回目は管理と開発で共通言語を見つける方法についてします 。 4つ目はROIデザインについてです

デザイナーの指定


設計批評の組織


デザイン文化の構築


時間をマスターし、明快さを獲得し、制御するためのプロセスを定義する
フリーランサー向けにワークフローとプロジェクト計画を最適化するためのAlexander Charcharのヒント。

製品管理と分析


Laura Klein-より良い製品の構築 Laura Klein-より良い製品の構築
Rosenfeld Mediaは、Laura KleinのBuild Better Productsをリリースしました。 UXmattersは 、メトリックの操作専用の第11章を公開しています。



「ユーザーが滞在する理由」を尋ねることにより、製品のメトリクスを改善する
オレグ・ヤクベンコフは、ユーザーが去る理由ではなく、戻ってくる理由を調べることを勧めています。 彼は、長い間製品に来て、それを使い続け、ユーザーの行動を研究し、これらのシナリオのためにインターフェースを最適化するユーザーのグループを取ることを提案します。

「ユーザーが滞在する理由」を尋ねることにより、製品のメトリクスを改善する

トピックの続き:


方法論、手順、標準


コンピテンシーUI + UX-インターフェースエンジニアリングの専門職
2年前、Usethicsはプロフェッショナルな標準「グラフィックおよびユーザーインターフェイスデザインスペシャリスト」の作業開始し、2015年12月に承認および公開されました。 確かに、規格はあまりにも形式化された定式化とプレゼンテーションによって圧倒されたため、この作品の主なイデオロギー家の一人であるヴラディスラフ・ゴロヴァッハは、民間版を準備することを決めました。 彼はイニシアチブグループを集め、6か月間、現代のプロダクトデザイナーの専門的な能力とスキルを説明しました。その広がりは非常に大きいです。 今日、結果がついに公開されました。 このドキュメントは非常に大きく、将来のバージョンでは間違いなくナビゲートしやすくなりますが、今では国内の専門家にとって大きな助けになっています。

コンピテンシーUI + UX-インターフェースエンジニアリングの専門職

このタイタニックな仕事をしてくれたVladとチームに感謝します:Alexey Neznanov、Alexey Kopylov、Fedor Boretsky、Anton Kalashnikov、Daria Kulikova、Yaroslav Perevalov、Vladimir Sandin、Pavel Sushkov、Ekaterina Filatova、Ekaterina Chernyaeva、Anastasia Churakova ニュースはプロの標準ページ追跡できます

事例


すべてを再設計するための21世紀の流行
実際の問題と一般的なデザイン活動のジャンルの解決策としてのリデザインに関する素晴らしいニューヨークタイムズの記事。 いつ、それが適切であるか、そしてそれが単なる職業上のwhenみであり、単に必要がないので、普通の人々の反応を見つけられないときについての多くの考えと例。

すべてを再設計するための21世紀の流行

説得、感情、信頼のための設計
イゴール・グバイドゥリンによる、ラ・ショーパのオンラインストアで作業する際にPETの原則(説得、感情、信頼)をどのように使用したかについての説明ストーリー。 彼は、Human Factors InternationalのUser Experience Certified Analystプログラムに基づく認定の準備方法論に興味を持ちました。 その他の再設計事例:


政府向けのウェブサイトを作るのがなぜ難しいのですか?
New York Timesは、公共部門の優れたインターフェイスを作成する際の課題について長い間読んでいます。 彼らは、Code for Americaイニシアチブに取り組んでいるチームと、真の変化を実装するという課題について話します。

ソーシャルカスタマーサポートの設計
SalesforceのKathy Baxterは、ソーシャルサポートサービスの仕組みについて説明しています。

物語


声を出して考えることの起源と進化
ジェフ・サウロは、耳で考えるという回答者の研究方法の起源を掘り下げます。 19世紀の終わりの精神分析から現在のインターフェースの研究での使用まで、その発展が示されています。

声を出して考えることの起源と進化

拡張現実-過去、現在、未来
ガジェットと拡張現実技術の歴史、および現在の状態の概要。

その横断歩道ボタンを押すと気分が良くなるかもしれませんが...
信号機、エレベーター、サーモスタットにおけるプラセボ効果に関する別の記事。 少しの歴史と面白い事実。

トレンド


Yuri Vetrov-アルゴリズム設計
User Experience Russia 2016およびOdessaで示されたアルゴリズム設計に関する私のプレゼンテーション。 彼女は夏の記事記事から成長しましたが、さらに早い時期に、私が4年間収集したリンクの選択からも成長しました。

これには、インターフェースの構築、グラフィックとコンテンツの準備、製品のパーソナライズを簡素化するツールの例が含まれています。 2016年に、このようなツールの技術的基盤がより利用しやすくなりました-設計コミュニティは、アルゴリズム、ニューラルネットワーク、人工知能にも注目し始めました。 だから、デザイナーの現代の役割を再考する時です。 英語の記事が来ています-年末までに出版されることを望みます。



トピックの続き:


Cathy Pearl-音声ユーザーインターフェイスの設計 Cathy Pearl-音声ユーザーインターフェイスの設計
Cathy Pearlの著書、音声インターフェース設計専用のDesigning Voice User Interfacesは、12月にリリースされます。 O'Reillyは、設計プロセスの概要を含む第2章からの抜粋を公開しています。 トピックの続き:




未来を予測するカエルの5つのステップ
すぐに来年のトレンドの公開が開始され、今のところカエルのデザインはそのような予測を作成するプロセスを説明しています。 彼らは、彼の業界の未来を代表するために、クライアントと密接に協力しています。

カエルの未来を予測する5つのステップ

2017年以降のガートナーのトップ10戦略的予測
2017年のトレンドと最初のGartnerのトレンドの公開は間もなく開始されます。 今後5年間の10の予測。これには、アプリケーション市場の衰退や、Webを使用した作業の一部の仮想アシスタントとの音声通信への移行が含まれます。 このスレッドでは、2017年の傾向が収集されます。

メッセンジャーとボット


IxDAインタラクションアワード2017
IxDA Interaction Awards 2017候補者の最終候補者リストが公開されました。これらは、今年の6つのノミネートで最も優れたプロジェクトの74です。

カーインターフェース



Alexei Kopylov-モノのインターネットが、私たちに知られているインターフェイス設計手法を「殺す」方法
モノのインターネットのインターフェースの設計に関するAlexei Kopylovによるプレゼンテーション。



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


LEGOでデザイナーとして学んだ5つのこと
ジョナサンブリーがレゴでの経験について語ります。 それは、現代の製品設計に精神的に非常に似ている会社の重要な原則を説明しています。

マラソンから学んだ教訓、26時間のデザインセッション
若いHAWRAFスタジオであるGoogle Creative Labの卒業生による26時間のデザインマラソンの興味深いストーリー。 得られたソリューションの有用性はそれほど高くありませんが、これは初心者チームを結束させ、厳しい制限でスキルを獲得し、一般的に市場を明るくするためのシックな方法です(彼らは何が起こっているかを生放送しました)。

マラソンから学んだ教訓、26時間のデザインセッション

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


盗みの芸術:マスターデザイナーになる方法
マイケルアベセラは、ドリブルのリバウンドメカニクスがアイデアを改善する方法を示しています。 彼はレイアウトの進化のいくつかの例を挙げています。

無料のオンラインコース


業界の人々と企業


Xers
世界中のUX企業のディレクトリ。

Xers

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

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

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


All Articles