バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD

(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです

[higuchill]

まず記事がループしてるUIを直そうかw

[akahigeg]

ループしてる。

[Nyoho]

State: .blank, .loading, .partial, .error, .ideal

[nazoking]

よい。デザインする人（画面仕様を決める人）に読ませたい

[headless_pasta]

今日初めて知ったけどここに書いてあるUIスタックのルール良いな。すべてのUIデザイナーさんに理解しておいてほしい。

[tic-tak-tic-taka]

めちゃくちゃ勉強になる

[ir_takt]

「コンテンツが無い時のUI」「コンテンツが部分的に追加された状態のUI」「ロード中のUI」「エラー時のUI」

[Falky]

PC表示では縦長の画像は縮小して表示してほしい

[ryo_ryoo_ryooo]

こうやって考え方をまとめてもらうと助かる

[codeout]

“こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『Designing Products People Love』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナ

[yasu-log]

バッドUIを改善する方法 ― UIの「5つの状態」を考える

[isdh]

良い記事

[ledsun]

思ったより長いぞ

[anconium]

読み返したい神記事２

[tyshgc]

ヒューマンエラーはユーザフローやメンタルモデルを、機械的なエラーはデータフローやドメインモデルをデザイナも把握しておけばこの辺は鮮明になりやすいかも。