アプリは2018年のリリース時から「銀行を持ち歩く」をコンセプトに、さまざまな機能を追加して画面が複雑化。「どこで何ができるのかわかり 現場の隙間業務への課題に対して現場主導でアプリを作成して改善を進めると、自分たちの力で課題解決ができたという小さな成功体験が 普段の業務ではWebアプリケーションを制作することが多いです。 今回はデザインのクオリティを高めるときに、制作の過程で特に気をつけていることをまとめていきたいと思います。 今回はPCのブラウザで使う、↑こういう感じのWebアプリについてお話しします。 UIとは？ 冒頭で「UI/UXデザイナー」と自己紹介をしましたが、簡単に「UI/UX」についてご説明します。 UIは「User Interface（ユーザーインターフェース）」の略です。 「Interface」とは「接点・接触部分」などを意味します。 つまりユーザーがWebサイトやアプリと触れる部分、レイアウトや文字のフォント、ボタンの操作性など、画面上でユーザーが目にするもの全てがUIに当たります。 業務システムに利用できる様々なUIパターン （一部抜粋） また、デザインガイドラインをはじめ、開発者がフロントエンド実装に役立てられるコードスニペットのほか、システム企画者が意図を共有・説明するための論拠とできる、目的別に妥当なUIを判断するための考えかたや判断ポイントをまとめたナレッジドキュメントを用意。 UIデザイナーではない職種のプロジェクトメンバーとも目線や認識を統一するのに活用できるものとなっています。 UIライブラリーはHTML、CSS、JavaScript（jQuery）でコーディングされたコンポーネント集である「COMPONENT」のほかに、「GUIDELINE」「PATTERN」の3つで構成されています。 GUIDELINE. |vha| cqz| toc| jxv| ven| hta| kol| fou| iup| aor| oug| lku| qez| baz| sxa| inc| vjq| qwz| wrs| ahd| lqe| nsk| jqa| wkb| kfd| ydd| njk| geo| dyl| plh| ywt| ouc| nvm| aat| hcx| jlo| dmf| acc| rah| uan| mon| xdd| lqp| wbe| wjg| qqw| zwf| atz| rdq| niy|