ユーザーインターフェイス（ＵＩ）へのこだわり

お疲れさまです。NEXT事業部のK.Tです。
普段の業務では教育向けアプリ群である「アシストクラスシリーズ」の開発しています。開発はiOS,Androidの両方のプラットフォームで行なっており、各プラットフォームごとのUIデザインの思想の違いなど学ぶべき点が多くありました。
今回はアプリ開発におけるUIデザインについて、業務を通して学んだ自分なりの考えを紹介していきます。

UIデザインの考え方

UIデザインは作り手のセンスのみでできている訳ではありません。
UIデザインは知識で成り立ち、知識を有効に活用する力がセンスと呼ばれるものだと考えています。

UIは「ユーザーが目的を達成するために迷わないようにすること」を一番の目的として設計します。
見た目のカッコ良さ等は二の次です。
ユーザーが迷わないUIを作るためには、ユーザーがわかりやすいと感じる原因またははその逆を知り、UIに当てはめていく必要があります。

ですが、「わかりやすさ」はとても抽象的でパッと一言で表せるものではありません。
開発者が各々のわかりやすさの考え方でアプリを開発してしまうと、世の中のアプリの操作感はバラバラになってしまいます。なのでAppleとGoogleはそれぞれのプラットフォームでのデザインにおける基本原則をドキュメント化しています。
・Human Interface Guidelines by Apple
・Material Design by Google

アプリ開発をする際にはガイドラインを読み込み、AppleやGoogleが提唱する「わかりやすさ」を実現することが、良いアプリを作成する第一歩だと思います。

一から考えずに普段使っているアプリを真似る

UIの見た目を一から考案することはほどんどありません。基本的には既存のデザインを真似ます。
その方がユーザーにとってわかりやすいものができるからです。

ユーザーがアプリの操作方法を理解し使いこなすまでの労力や時間を学習コストとよく表現します。
学習コストが少ないアプリはユーザーがすぐに使いこなすことができるので良いアプリだと言えます。

では、どのようなアプリが学習コストの低いアプリと言えるのでしょうか？
シンプルなデザインであることや、テキストでの補完が充実しているなど色々な要因がありますが、
一番は普段使っているアプリとよく似た操作感であることだと思います。

ユーザーは普段アプリを操作しながらアプリに存在するデザインのルールを学習しています。
例えば、
「歯車のマークをタップすれば設定が開く」
「画面端に見切れているならスクロールすれば見える」
などが挙げられます。これらは大抵のアプリに共通しており、アプリによって他にもたくさんのルールがあります。
そのため、様々なアプリに存在するデザインのルールに沿ってUIデザインを行えば、
ユーザーは今までの経験を活用し、少ない学習コストでアプリを利用することができます。

ですが、何でもかんでも真似て作れば良い訳ではありません。
UIはユーザーの目的を達成するために存在します。
つまり、どんなUIパーツにも達成させたい目的があるはずです。
その目的とは異なる用途でUIを利用するとユーザーを混乱させてしまいます。

よくある事例がアプリ内で利用するアイコンの選定です。
アイコンには作者が想定したアイコンの利用用途がありますが、
それを無視してしまうとアプリごとにアイコンの意味が異なってしまいます。

アイコンに限らずUIを真似る際にはそのUIが何を目的として配置されているかを考え、
自分の作成するUIに目的が合致しているかを判断することが重要です。

さいごに

アプリ開発におけるUIデザインはセンスではなく知識です。
その知識はガイドラインとしてAppleやGoolgeが公開してくれています。
これからアプリ開発を始めてみようという方は言語の勉強だけでなく
一度ガイドラインを読んでみることをおすすめします。

また、普段よく使っているアプリのUIをもう一度見直して
「なぜこのボタンはここに配置されているのか」
「なぜ自分は操作説明を読むことなく、新しいアプリを操作できているか」
などを考えてみると今まで意識していなかったデザインのルールが見え、
UIデザインについて少し理解が深まるかと思います。

< 新しい投稿 ｜ 前の投稿 >