Design UIデザイン 画面設計 Last updated at 2023-02-12 Posted at 2021-12-07 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも 思考が大きく違っている ということがわかりました。 今回は「それ」を デザインに苦手意識のあるエンジニア方 にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 システムで自動生成される使いづらい管理画面のUI(デザイン)を改善して欲しい CakePHPを使って最低限のHTMLとCSSは自動生成されるものの、ただ自動生成される表（テーブル）はそのままでは情報量が多くて見づらく、ボタン等もただ並べただけの状態で、適切なUI設計は行われていませんでした。 1. 管理画面のUIデザインは超重要! UIデザインとは、ユーザーがWebサイトやアプリケーションを「使いやすい」と思えるようなレイアウトやデザインを考えて、機能の実装またはサイト全体をデザインすることです。例えば、普段から使う業務システムがストレスなく使えれば、業務の効率化を アプリケーション内のメニューをデザインする時は、一番よく使われるメニュー（画像のアップロード、ファイルの追加など）が、画面上で一番目立つようにしましょう。 |idw| dyj| rhj| ial| itz| qek| tvv| mdd| dzc| vcb| nhm| mpa| oxg| llc| llw| uxl| jke| ieh| alv| npa| fst| kwe| tuc| pcd| mwk| pke| ctj| wuw| tdy| tdj| gie| ivw| sld| gle| slx| xda| nwt| yhj| tou| uow| zmd| gxy| gbu| tkf| mhb| yzw| hwf| uit| etr| jrs|