良いUI・悪いUI
良いUI
ぱっと見でなにをすべきか分かる*¹
どこに何があるか分かる
なにが起こるか予想可能*²
なにが起きたかフィードバックされる*³
操作が邪魔されない、もとに戻しやすい( = 総じて“軽い”)*³
ステータスに左右されない
悪いUI
ロードが遅いように感じる*⁴
- - -
出典
*1 : 突然意識が飛んでもいいUIにする
やっぱり手に馴染むソフトウェアは雑に使えるものだな
操作するときに「これでいいよな…?」とドキドキしないやつ
操作をミスってもすぐにやり直せて、てきとうに使ってもやりたいことに辿りつけるようなやつ
@catnose99
*2 : https://x.com/catnose99/status/2029781645725946136
自分が使いやすいと思うUIはこのあたりができてるやつだな
・操作がブロックされない
・操作に対してすぐにフィードバックがある
・すぐに元の状態に戻れる
見た目がきれいでもこのへんができてないと「なんか使いづらい」という感じになる
@catnose99
*3 : https://x.com/catnose99/status/1991337374404735380
https://storage.googleapis.com/zenn-user-upload/deployed-images/cbb07e43b372675c5e152656.gif?sha=fb9c71a4e54f57bde4582222ccf46b0254197572
*4 : https://zenn.dev/akfm/articles/popcorn-ui-anti-pattern
#調べ物と作り物