エンジニアがやりがちなUIデザインの失敗15選とその回避法 - Qiita

はじめに 「動けばいい」で済ませがちなUI。でもそれ、ユーザーには伝わってないかもしれません。 エンジニアの皆さん、機能開発に集中するあまり、UIが後回しになっていませんか？ コードとして正しく動いていても、ユーザーが使いにくいと感じたら、それは失敗です。どれだけロジックがスマートでも、UIが原因で「なんか使いづらい」と思われてしまうと、全体の評価も下がってしまいます。 この記事では、エンジニアがついやりがちなUIデザインのミスとその回避法を紹介します。共感あり、学びありで、読後すぐに「ちょっとUI直してみようかな」と思える構成を目指しました！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 UIデザインにおける「やりが

[jsxll]

むしろエンジニアではない人の方がこういう要望出しがち

[favoriteonline]

だいぶ初歩的すぎる内容的だなぁと思ってみてたらあそこの会社か･･･ どうもここの会社はエンジニア＝フロントエンドやる人としか思ってないようだ

[NOV1975]

なぜこれを「エンジニアが」と言ってしまうのか。君の周りのエンジニアを名乗る人はそんなもんなのか？

[htbman]

間違えただけなのに「不正な値が入力されました」みたいな書き方されると腹立つからやめろ、とかいう話を期待した

[pastatch]

これをデザイナの仕事だと言い切っちゃえる環境は素晴らしいのかもしれないけどあんまり好きではないな。

[jintrick]

"機能開発に集中するあまり、UIが後回しになっていませんか" 　なんでGUIは素人でも作っていこうみたいな雰囲気なんだ。今どきまだこんな感じなのか世の中は。糞だった20年前と変わってないってか。専門特化してくれよ

[pmint]

ありきたりでイマイチなおっさんが書いてそうな解説だけど、分かってる人にはいいかも。解決法が配慮不足なので、これで学ぼうとするのは不可。ChatGPTかきちんと分かってる人の解説がいい。「スライドパネル」って何

[daira4000]

デザイナじゃなくてもこれくらいは把握してるもんでは / ソフトウェアエンジニアがやりがちかは知らん

[juejue]

エンジニアがやりがちってすまんが一度も見たことない。というかそもそもUIデザインはデザイナーの領域。

[diveintounlimit]

UIコンポーネントやフレームワーク使ってれば基本的にこういうことは起こらないと思ってるんだが、どういう現場なんだろう。

[sabotem]

ガイドラインとテンプレートを用意しておいて欲しい。それに沿わないものは実装前にデザイナに要確認として。依頼側はガイドラインに沿った依頼、実装側はテンプレートを使った実装。よく見たらアウトなのあるな…。

[otchy210]

デザインというか、このレベルはエンジニアリングの範疇では？これらが分からずウェブエンジニアを名乗るのはさすがにまずい。

[hachiking]

メールアドレスを入力しただけで、メールアドレスがそのサービスに存在するかわかるようなメッセージを出すとフィッシングに利用されやすくなると思うんだけど、例として不敵では？

[PrivateIntMain]

かけていい予算と人員と工数と緊急度の認識が合ってればそうはならんのでは。どこかに無理があると思ったほうがいい。

[leiqunni]

レ点で正解は押し付けじゃないのか？

[hatest]

やりがち？仕様を詰めないで、コーダーに丸投げしてるから嫌がらせで報復されてるんじゃないのか？コーダーは仕様で決めたらその通りにデザインしてくれるだろ。

[suka6411144]

デザイナーがやりがちな失敗: UIをコロコロ変える

[sin20xx]

"5. テキスト多すぎて読む気失せる"の説明は不十分。この手の順番が操作結果に影響する説明は必ず順番を意識させるように表示する事が重要。特に確定操作とその他の操作は目的が異なるので明示的にする事が必要です。

[keidge]

屁理屈のようなコメントに星が集まっているのが面白い。

[Goldenduck]

CSVをUTF8で出力するんじゃねえとかそういうことではなかったしUIでもない

[mermaidtan]

まあエンジニアでできる範囲って限られてるから専門家に見てもらうほうがいいよ。理系と文系みたいな違いがあるし。

[sakuro]

体感では、こういうデザインを寄越されたDevが赤ペン入れて差し戻すケースの方が多い

[masayoshinym]

CSSフレームワークが流行りだす前の記事かなって思って思わず投稿日見てしまった。

[JULY]

Web アプリは門外漢なんで分からないんだけど、ところどころ「これ、デザイン側じゃないの？」と思った。デザインの内容に関しては、スマホ対応は企業内システムでは必ずしも、とは思うけど、概ね同意できる。

[xlc]

この記事の例示が何を言いたいのか分かりにくいのだが……

[khtokage]

？？？　デザイナーがやるのではなくて？　評価の時点なら、プログラマがUI凝るとUIしか指摘しない人が大量に出てくるので、UIは別ですよというのが分かるようにしておいた方がいい印象ですね

[pyagatupa]

スタイルシートなど要らん

[hdampty7]

ノンエンジニアがやりがちな失敗⇒「このメールアドレスは存在しません」というメッセージを出すと登録されてるメアドが割り出せるので、ユーザ認証で細かいエラー表示はNG。

[sigwyg]

フロントエンドエンジニアなら、むしろ苦言を呈する側じゃないかと。Webを知らないデザイナーとか、手当たり次第にA/Bテストやりたい事業側が出してくる印象。解っててやるなら良いんですけど、忠告はする。

[mysql8]

それは仕様です

[eartht]

まぁどの会社でも起こってる問題というか、カンプにあるのすら無視してくるエンジニアもいつまでも居る。とはいえこの辺も、そろそろAIが介入してきそう

[toaruR]

キャンセルしますか [キャンセル] [実行]

[kohiro0]

“モーダル地獄” OUTLOOKのオプション画面・・・

[tamanecoplus]

エンジニアが覚えること大杉問題