見出し画像

Frontend Weekly for Designer Vol.6

いつまでたっても”覚えられない”UIがなぜ覚えられないのか?

記事内でも例に挙がっている、Twitterのコメントアイコンをクリックするとコメントを読めるように思えてしまう。など、想定している挙動とUIの挙動が異なることはある。
直感的なUIであることはユーザが持つメンタルモデルとの差異を少なくするのとほぼ同義。
この記事では直感的なUIを作るために知っておきたいことについてまとめている。

フィードUIは乱用状態ではないか?

FacebookやLinkedIn、TwitterやYouTube。WebもアプリもフィードUIはもっともよく見るUIとなった。
フィードUIはどんな課題を解決しようとして生まれたのか、そしてそれは解決できているのか?
ShopifyでフィードUIを採用した際の葛藤とフィードUI以外の解決について紹介。

背景色に明るい鮮明な色を使ってはいけない理由

ユーザーの目への負担などを考慮した色の決め方についていくつかのケースを紹介。この記事では触れられていないが、Webアクセシビリティにおける適切なコントラスト比などのことと併せて考えてみたい。

GE’s Predix Design System(日本語訳)

GE Digitalのデザインシステム Predix の設計プロセスについての解説、の日本語訳記事。

DesignOps Handbook

inVisionによるDesign Opsの手引き。

顧客体験をデータで改善する U-NEXTの取り組み

THE GUILDの安藤氏による、U-NEXTリニューアルプロジェクトの取り組みについて。

MATERIAL DESIGN 2.0 KIT

非公式のMaterial Design 2.0のUI Kit。Sketchデータで配布。

* * *

Frontend Weekly for Designer Edition by Frontend Weekly
Cover Photo by Kelly Sikkema on Unsplash

明日の元気の素になります。