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

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

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

13

Hiroki Tani

Frontend Weekly for Designer

国内・海外のフロントエンド関連情報を厳選し毎週お届けしている「Frontend Weekly」のデザイナー向け記事をセレクトした「For Designer Edition」をはじめます。 Design系の記事だけでなく、Webフロントエンド全般の記事を読みたい方はFron...
2つのマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。