使いやすいUIの秘密
0%
1
1 : 『6つの基本』を抑えられてますか？2
2 : 『3構造』UI構造の超基本3
3 : 『モード』の基本を習得しよう4
4 : 『アクション』の基本を習得しよう5
4 : 『ナビゲーション』の基本を習得しよう使いやすいUIの秘密
こんにちは！カイクンです🙋今回「使いやすいUIの秘密」シリーズをリリースしたのでそのご紹介をします。
このシリーズでは、使いやすいUIデザインの基本となる『6つの重要な概念』について、実例とハンズオン形式で実際にデザインしながら学ぶことができます。
UIはユーザーや目的によって最適な形が変わるため、一概に「こうすればOK」と言えません。しかし、UIデザインにはPCやスマートフォンを媒体にするため一定パターンやルールがあり、それらを押さえることが使いやすいUIを作る上で欠かせません。このシリーズではその避けることのできない基本概念の習得を目指すシリーズになっています。
”使いやすさ”をデジタル上のUIで実現するために避けては通れない基礎を早く掴むことで
価値をデザインするデザイナーをより早く生み出すために作成しました！
このシリーズはUI初心者から現場1−2年目の方を対象に作成しています。UIを作っている際に「アクションボタンはどの位置に置けばいいんだろう？」「ナビゲーションには何を配置すればいいんだろう？」など考えたことはありませんか。シリーズを通してこの疑問に対する考え方、UIの基礎をマスターすることをゴールにしています。
どこに何を配置するか？は目的によって決まりますが、それが定まっている際の考え方にはUIの基本が不可欠です。自然なUIを選択することで「ふつう」の使いやすいUIをデザインするための6つの基礎概念をこのシリーズでマスターしていきます。
このシリーズでは、以下の6つの基礎概念について学ぶことで使いやすいUIが当たり前に守っている概念の習得を目指します💡
▼ 6つの基礎概念
一見すると別々の概念に見えますが、実は使いやすいUIをデザインするために6つの概念はすべて密接に関係しています。この6つの基礎を理解することで、UIの本質を捉えることができるのです。
「使いやすさ」はユーザーが決めることですが、これらの概念を活用することで、正しい方向性でUIを設計できるようになります。例えば「どこにボタンを配置するか」「どんな情報を提示するべきか」といった基本的な問題に対処できるようになるでしょう。
（ちなみにナビゲーションについては、過去に別のシリーズを作っています。より学びたい人はそちらのシリーズも行うこととより深く理解できると思います）
このシリーズでは、実際のUIデザインの事例を参考にしながら、ハンズオンの課題に取り組んでいきます。動画を見ながら考え、自分で実践することで、理解がぐっと深まります。
シリーズで作成したUIはポートフォリオやブログなどにまとめるとスキルアップの過程を他の人にも可視化することができるでしょう。
この「使いやすいUIの秘密」シリーズはBONOの「未経験からUIデザイナーを目指すロードマップ」の情報設計力をより身につけやすくするために新設しました。
情報設計は、「ユーザーの目的はAで、なのでabcd…といったことを可能にする必要がある」などを整理しながらUIのアイデアを出すパートです。定められた方向性をUIで解決するために重要なスキルになります。
つまり、このシリーズの内容はUIデザインのスキルアップを加速するための基礎知識を扱っています。様々なUIを観察すれば、自然とその基礎概念に気づくことはできるでしょう。
デザイン初心者の方がこれらの概念を早期に理解することで、UIからの気づきがより多く得られるようになります。UIデザインの奥深い世界を、効率的に学んでいくことができるのです。
私たちの目標は、皆さんがこの基礎知識を活用して、デジタル分野でいち早く貢献できる人材へと成長することです。
UIデザインの第一歩を確実に踏み出し、スキルを着実に高めていけるよう、このシリーズでサポートしていきます🙋
UIのアイデアを生み出す力は、BONOが提供するUI/UXデザイナーロードマップでの情報設計力の土台となります。このシリーズを活用することで、間違ったUIを作ることなく、適切なUIを提案できるようになるでしょう。
まずは以下のコンテンツから、全体像を掴んでみてください💡
使いやすいUIをデザインするための『6つの基本』を知ろう
https://www.bo-no.design/contents/ui-layout-basic01
初心者の方は、UIを正しく見る目を養い、経験者の方は認識を改めて確かなものにすることができます。UIデザインの基礎を身につけ、使いやすいUIを作る一歩を踏み出す手助けをするために知識だけではなくすぐに自分で活用できる内容にしています。
初心者の方はUIを見る目がより鮮明になり、現場に入ったばかりの方はUIの認識を改めてしっかりと持つために役立てるのではないかなと考えています！もし要望などがあったら教えてください💡