![フードデザンダインジェスト、2017年6月](https://habrastorage.org/getpro/habr/post_images/d79/89f/80f/d7989f80fd899974ed7654f770b6066b.png)
パターンとベストプラクティス
すべての親指、リーチナビゲーションがiOSデザインのNavbarを置き換える必要がある理由
Brad Ellisは、モバイルのトップナビゲーションバーを放棄する方法を解析します。最新の携帯電話サイズでの作業は容易ではありません。
![すべての親指、リーチナビゲーションがiOSデザインのNavbarを置き換える必要がある理由](https://habrastorage.org/getpro/habr/post_images/24f/a85/030/24fa85030481926a4cf5d32e2b8a9e04.png)
ダッシュボード-チャートとグラフをわかりやすくする
Nielsen / Norman GroupのPage Laubheimerのダッシュボードに情報を表示する方法の認識の複雑さに関する優れた概要。
![ダッシュボード-チャートとグラフをわかりやすくする](https://habrastorage.org/getpro/habr/post_images/368/209/080/368209080795b9633cd9fd881940c7a4.png)
ヒーロー画像のベストプラクティス
Nikolai Babichは、サイトのヘッダーで大きな画像を使用するためのヒントを提供しています。
Baymard Institute Research
- これを行う送料と可能な方法を示す重要性を説明する最新のBaymard Instituteレポートからの抜粋。
ウィザード-定義と設計の推奨事項
Nielsen / Norman GroupのRaluca Bidiuは、ターンベースのヘルパーを使用するためのベストプラクティスについて説明しています。
銀行のiOSアプリケーションのユーザビリティ評価、2017
USABILITYLABのiOS向けロシアの銀行のモバイルアプリケーションのUSABILITYLABレーティング。 5人のリーダー:ティンコフ銀行、VTB 24銀行、ズベルバンク、アルファ銀行、プロムスビアズ銀行。
設計システムとガイドライン
iOS 11
IOS 11が発表されました。WWDCプレゼンテーション自体では、モバイルOSの更新に関する詳細はほとんどありませんでしたが、ベータ版では、Apple Musicアプリケーションのスタイリングがプラットフォームの視覚言語の基礎になることは明らかです。
- 大画面のヘッダーと、一般的に細いフォントを避けます。
- アウトラインアイコンではなく塗りつぶされたアイコン:最後に、AndroidアプリケーションとiOSアプリケーションを統合することが可能になります。 彼らは浸水し、数字をダイヤルするときに数字の周りを旋回しました(また、電卓で丸められました)。
- マテリアルデザインの精神でアニメーションをオーケストレーションします。たとえば、ナビゲーションを深くすると、大きな見出しが戻るボタンに変わり、ストア内のアプリケーション情報への切り替えは、Googleが行うことと非常によく似ています。
- ジューシーな画像が頻繁に使用されています。 更新されたAppStoreのレイアウトは、Google Playに似ています(ただし、アプリケーションの画面はひどく過負荷になっています)。
- すべてのポップアップレイヤーは、通知とメニューの原則に基づいて構築されています。たとえば、標準のメールクライアントで手紙を書くことです。
- 編集を含むスクリーンショットを使用した本格的な作業-製品に携わる人の生活が大幅に簡素化されます。
![iOS 11](https://habrastorage.org/getpro/habr/post_images/d92/275/5e2/d922755e2893382ea6557f1953951174.jpg)
Windows Phoneとその数千の同一アプリケーションの問題をコピーしたフェースレスiOS 7の後、プラットフォームが明るい顔をしているのは素晴らしいことです。
iPadは、コンピューターの置き換えに向かって進化を続けています(近くにある2つの開いているアプリケーション、MacOSのタスクバー、ファイルシステム、 ペンでの高度な作業 ( その他 )の間でドラッグアンドドロップしますが、近年の売上の落ち込みは、開発中であることを示唆しています)明るい未来を垣間見ることができるのは、 Affinity Photoのほぼ本格的なアナログの外観だけです。
他の興味深い点の中でも、QRコードを読むことを習得した標準カメラ(より普及させるはずです)、 機械学習機能の開発、 拡張現実での作業の可能性の遅ればせながらの外観、 運転中の「邪魔しない」モード 、無限にsettingsい設定のクイック設定 。 デザイナー向けの資料:
アップルウォッチ
- WatchOS 4が登場しました 。 比較的明示的なインターフェースの変更から-実行中のアプリケーションと最近のアプリケーションのリストが縦型テープに変わりました。
将来的には、設計原則は設計に関するものではなくなります
Jerome de Lafargueの大企業の設計原則のゴージャスな分析。 彼は最も人気のあるもの(多くの組織で同じ)を強調し、優れた原則は設計チームの価値の抽象的なマニフェストであるだけでなく、ビジネスとユーザーの価値に関連する明確な価値を与えるべきであると指摘しました。
![将来、設計原則は設計に関するものではなくなります](https://habrastorage.org/getpro/habr/post_images/509/37d/022/50937d022dea626420bf52c115bc3303.png)
トピックの続き:
- バズフィードの設計原則 。 ケイトリンオスバーは、彼らがどのように作られたかを語っています。
Microsoft Mixed Realityの設計ガイドライン
マイクロソフトは、複合現実インターフェイスの設計に関する設計ガイドラインを公開しました。 発表 。
Alla Kholmatova-設計システム
9月、Smashing MagazineはAlla Holmatovaの本Design Systemsをリリースしました。 事前注文して今すぐ前半を読むことができ、さらに第2章を無料で利用できます 。
![Alla Kholmatova-設計システム](https://habrastorage.org/getpro/habr/post_images/ad4/7ae/b4a/ad47aeb4a49a9edc12f0cc1c34d36262.jpg)
設計システムに関するその他のニュース:
- Cathy Loは、Facebookビジネスサービス用の視覚言語の作成について語っています 。
- Nathan Curtisは、設計システムでの作業の計画にOKR方法論を適用する方法を示し、いくつかの条件付きの例を示します。 確かに、年間計画は元のダイナミズムの考え方と矛盾しており、これには四半期の計画が含まれます。
- Max Stoiberは、Web、モバイルアプリケーション、テンプレートをSketchに統合する React ベースのコンポーネント設計システム用の単一環境の作成について説明しています 。
- デザインシステムに関するダンモールとの素晴らしいインタビュー 。 それらの実際の作業と実装の落とし穴に関する多くの賢明な考え。
- Audrey Hacqは、モジュラーデザインシステムの興味深いメタファーを提供します。 音楽と比較し 、リズムとムードも異なる基本的な音からコードとメロディを構築できます。
Slackで優れたユーザーエクスペリエンスを構築する
メッセンジャーのアプリケーションとボットを設計するためのスラックガイドライン。
ユーザーの理解
認知バイアスチートシート
バスター・ベンソン。4—、、 。サイコとともに増加漏斗変換 «サイケ» -ダライアス請負Dropboxの。—。.-«3»Google。。誰がモバイルゲームをプレイしますか?
![Cognitive bias cheat sheet](https://habrastorage.org/getpro/habr/post_images/0e0/2d3/8cf/0e02d38cf539f63804b69a372f2138f0.jpg)
Google Play SKIM Analytics , . 5 .
Jobs To Be Done
Jobs to Be Done .
, , -
Blind Spot — Illuminating the Hidden Value of Business
Rosenfeld Media Steve Diller, Nathan Shedroff Sean Sauber «Blind Spot: Illuminating the Hidden Value of Business». UXmatters , .
UX Writing — How to do it like Google with this powerful checklist
Google I/O 2017, . .
Provoking Difficult Design Conversations
Dan Brown , . , , .
Using UX design to reduce the risk of innovation failure
« » Nomensa — , .
Design principle: Organizing information
: , , , . .
Sound Kit for Prototypes
- Facebook. . Will Littlejohn.
![Facebook Sound Kit for Prototypes](https://habrastorage.org/getpro/habr/post_images/798/55b/d6a/79855bd6a681af45df8b0e6255cf23fa.png)
Adobe XD
![Adobe XD](https://habrastorage.org/getpro/habr/post_images/02e/4a2/8da/02e4a28daa8fc9edc1b9a952ecceed0a.gif)
InVision Craft
- Craft Getty Images - .
- Craft Library.
Sketch 45
( ) ().
![Sketch 45](https://habrastorage.org/getpro/habr/post_images/201/694/83d/20169483d6e5c18a2e19c665a9437242.png)
:
- Symbol Spacer, , Auto Layout. .
- Google Slides.
- Chromatic .
- UXperiment .
- Looper 2.0 - .
- Emin Inanc Unlu Sketch 44.
Framer
Gravit
- 3.1.
,
How to Turn UX Research Into Results
Cindy McCracken , -, . :
- Michael Morgan — , .
Lab Testing Beyond Usability — Challenges and Recommendations for Assessing User Experiences
, - , . Carine Lallemand Vincent Koenig .
7 Questions About User-Research Panels
Caroline Jarrett Naintara Land , . , .
Why the SUPR-Q is better than the SUS for websites
Jeff Sauro , SUPR-Q , SUS — , , .
Master React — Unleash Your Design Superpower
- React .
![Master React — Unleash Your Design Superpower](https://habrastorage.org/getpro/habr/post_images/693/330/90c/69333090c754b942fab9dd83b0762636.jpg)
A day without Javascript
Sonnie Sledge , JavaScript — .
Handling Long and Unexpected Content in CSS
Ahman Shaheed , , .
- CSS.
-
Flexbox CSS Grid
- Morten Rand-Hendriksen CSS Grid, .
- Benjamin De Cock , - Stripe CSS.
ROI
UX & NPS Benchmarks for Consumer Software (2017)
Jeff Sauro NPS 17 -. , SUS .
![UX & NPS Benchmarks for Consumer Software (2017)](https://habrastorage.org/getpro/habr/post_images/d34/56b/6e8/d3456b6e86edbd2fcb1dc2c62d9d9f06.jpg)
UX-
Humanizing the Enterprise
Pabini Gabriel-Petit , . Paul Herr «Primal Management».
Crafting an Effective Working Group
Jessica Harllee Etsy. .
![Crafting an Effective Working Group](https://habrastorage.org/getpro/habr/post_images/f2a/a2c/5e4/f2aa2c5e433d07c3eba583744f5b487a.jpg)
-:
- Andrew Coyle , - Flexport.
- Tom Waterton - IBM.
- Cap Watkins Buzzfeed. .
- Alecsandru Grigoriu , . , .
Wake
Kit Oliynyk — The Colors of Design Cultures
Capital One SXSW .
The Potential of Agile
Scott Sehlhorst agile . .
, ,
Game Thinking
Game Thinking . Amy Jo Kim.
![Game Thinking](https://habrastorage.org/getpro/habr/post_images/d3b/163/f70/d3b163f70ca6935b3d9a2adba6b372c0.jpg)
-
- -, Google Ventures.
Designing Facebook Spaces
Christophe Tauziet Facebook Spaces, . , .
![Designing Facebook Spaces](https://habrastorage.org/getpro/habr/post_images/2d5/263/c8b/2d5263c8ba94e9208ffaf054f14674e9.jpg)
Transforming Data to Insights
Anwesha Samanta Salesforce , .
Redesigning a Remote
Eli Rousso.
- Ableton Live Nenad Milosevic.
Web Design Museum
1996 2005 . 800 .
![Web Design Museum](https://habrastorage.org/getpro/habr/post_images/d3f/b41/c50/d3fb41c503d3f8da77e029501e0e9ec8.png)
Across the Computer Divide, The Nerds Face the Dummies
New York Times 1993 , , Microsoft .
KBCP Internet Trends 2017 Report Mary Meeker
Mary Meeker KPCB (). № 188 — .
![KBCP Internet Trends 2017 Report Mary Meeker](https://habrastorage.org/getpro/habr/post_images/a70/430/c31/a70430c31a309ff116b17f81da19171e.jpg)
The State Of Advanced Website Builders
Drew Thomas , -. , .
How Logos Became the Most Important Quarter-Inch in Business
Fortune — , .
![How Logos Became the Most Important Quarter-Inch in Business](https://habrastorage.org/getpro/habr/post_images/301/c10/56a/301c1056ab65bed5ed6bcb1c3b573d3b.jpg)
What On Earth Is A Brutalist Website? 5 Things Today’s Designers Can Learn From Brutalism
Andrew Wilshere , . , .
![What On Earth Is A Brutalist Website? 5 Things Today’s Designers Can Learn From Brutalism](https://habrastorage.org/getpro/habr/post_images/918/3b8/904/9183b8904fff4906cdaa4f5de435824d.png)
Algorithm designs seven million different jars of Nutella
Ogilvy & Mather Nutella. 7 , .
:
- « » — .
- pix2code, . , .
- .
- Adobe, -. .
- uKit AI uCoz The Grid Wix ADI.
- Quick Draw .
- Sketchplore .
Design in the Era of the Algorithm
Josh Clark , .
Designing experiences for Virtual Reality — Lessons from the physical world
Yisela Alvarez Trentini.
7 — , , .. ( « », « ») ( ), ( ), ( vc.ru , ), . UX Buzzwords . , .
![](https://habrastorage.org/getpro/habr/post_images/407/520/d71/407520d71744f869a0fa920f2bbe7e50.png)
15 000 — ( ).
A Turn of Phrase — The Politics of UX Language
Carol J. Smith , UX- . , - - «-» — , .
- Reddit, .
Book Review: Practical UX Design
Scott Faranello «Practical UX Design», Packt Publishing.
No No No
Julie Zhuo «» .
20 TED
Tilda TED, .
![20 TED](https://habrastorage.org/getpro/habr/post_images/ea2/ffa/811/ea2ffa8114cadedbccdfc39402d2e595.png)
Google Design
Google Design.
UXSTRAT 2017
2017 UXSTRAT 2017: 15-16 18-20 Boulder, . - . . :
- Andrea Picchi Sony Mobile, . UX-, , . UX- - .
- David Ruiz Orange Bank. UX-. , - .
- Barbara Koop Funda , .
- Dr. Friederike Schultz McKinsey - UX-. № 65 — - .
- Martin Kulessa BMW NOW UX-, . .
- Nico Weckerle Deutsche Telekom UX- . , .
Enterprise UX 2017
Enterprise UX 2017 7-9 -, . Natalie Hanson :
- Elizabeth Churchill Google «Exploring Cadence: You, Your Team, and Your Enterprise» — .
- Tricia Wang (Constellate Data), Robert Reimann (PatientsLikeMe) Craig Villamor (AppDynamics) .
- Gretchen Anderson (Pacific Gas & Electric), Peter Merholz (Snagajob) Kim Lenox (LinkedIn) -.
- , «» .
- Mark Interrante (HPE), Ross Smith (Microsoft) Ariel Kennan ( -) , - .
- Kaaren Hanson (ex-Intuit), Bob Schwartz (GE) Sam Yen (SAP) , .
- «Creating a Legacy: The Ultimate Experience» Mark Templeton Citrix , .
- .
LX Conference 2017
LX Conference 2017 24-25 -, . - UX- ( ). :
- Capital OneのRahshia Sawyerは、ビデオへのリンクを使用してスピーチの簡単な概要を説明しました。
- WeWorkチームのPolarisナレッジベース -ユーザー調査から得た洞察をアトミック形式で収集します。これらは偽物ですが、構造は本物です。Tomer Sharonがどのように、なぜ作成されたかに関するプレゼンテーションのプレゼンテーションと ビデオ。
ニュースレターを購読する!手紙は月に一度届きます。