UIデザイン時にやってしまいがちな18の誤ち｜Mikio Kiura / ANKR DESIGN

WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では

[securecat]

WCAGを正しく熟知したデザイナーがデザインすれば事前にほぼほぼ潰しておけるやつだと思う。なぜWCAGを学ばないのか問題あるよな。

[a_ako]

基礎の基礎だよなぁ

[Zolpidem]

こんな当たり前のこともわかんないやつがUIデザインしてるサービスは使わないほうがいいんだが、予算のせいか、昨今はクソUIが溢れてるよな…

[lifeisadog]

UIデザインっていうかビジュアルデザインだよなほとんど

[table]

「0.原稿を公開する前に何度も読み返す」が抜けてまっせ。>日本語で紹介されていただくことにしました

[diveintounlimit]

普通のことを普通にやろうというお話

[mayumayu_nimolove]

ユーザビリティテスト行うと全く意図と違った操作されるの嫌だよね

[an_nin_boy]

なんとか要素を整理して見やすくした途端、余白に新たな情報を詰めるよう指示してくる社長を改心させるにはどうしたらいいですか？

[qq3]

基礎

[ducktoon]

“送信ボタンが無効になっている場合、彼らは次に何をすべきかわかりません” なるほど。あと最後のやつは何が正解なんだろう？ 画面幅を考慮しつつ視線がずれないようにエラーを示すはむずいぞ

[masakuma0812]

［小技］［まとめ］

[d4-1977]

あるある！ きちんと言葉にして意識するの大切

[nisisinjuku]

よんでみる。

[mzkh]

UIデザインで抑えるべきポイントが多く掲載されていて実践的なので、デザインする前にちゃんと読んで意識しておきたい。

[minamihiroharu]

全然オフトピなんだが、「18の誤ち」に、なんかこう、昭和の歌謡曲とかフォークっぽいニュアンスがｗ

[uuchan]

今回、依頼する側なので、チェック項目に入れておく。

[kamiokando]

ノンデザイナーズ・デザインブックと大体同じ内容だった。

[tick2tack]

UIデザインのこういった知見を別の分野に活かせないかな

[kijtra]

WCAGは具体例がなくて頭に入ってこない人もいるだろうから、こういう図解はいいかもね。あとは顧客から「ぜんぶ目立たせて」と言われた時に跳ね除ける技術が必要w

[seal2501]

クリッカブルエリアをデザイナーが指示するのは馴染まないので開発者も読めって理解

[Dragoonriders]

noteの目次、1.薄いコントラストの文字にバッチリ当てはまってそうで草

[mikio-k]

書いた / id:tableさん ご指摘ありがとうございます！

[sippo_des]

やってしまいがちなのね、、

[otihateten3510]

なるほど

[vyniled]

“これ”