UIデザイナー１年目のお悩み別ハンドブック #初心者向け

この記事は、シアトルコンサルティング株式会社 Advent Calendar 2021の21日目の記事です。

はじめに

こんにちは！
シアトルでUIデザイナーとして、ネイティブアプリの開発に携わっている藤原です！

本格的にUIデザイナーになって、１年が経ちました。

今回は、もともとWEBデザイナーだった私が、
この１年UIデザインに関わってきてインプットしたものや、
仕事で困ったときに参考にしたものを、逆引きでまとめてみました。

デザインを作成していて、うまくアイデアをまとめられず手が止まる、、といったことありますよね。
そんな時は意識的にインプットとアウトプットの量を増やすようにしています。

SignUpなどユーザーのアクションから、Buttonなどのパーツ単位まで、
UIデザインが１５０以上にカテゴリ分けされているサイト。

機能は決まっているけど、どんなデザインにすればいいか悩むときに使っています。

アクション別にいろんなアプリの導線がまとめられているサイト。
画面ごとのキャプチャがあり、いちいち携帯でアプリを見なくても、
導線を知ることができるので便利です。

オンボーディングとか、実際のアプリで何度も見ることができないものが、
こうしてまとめられていると使いやすいですね。

調べたものをただ眺めるだけでなく、良いなと思ったパーツを紙に描き出すようにしています。
それを元に簡易的なラフを描いてみると、UX観点の抜け漏れが見つかることもよくあります。

デザイナーは作ったものをディレクターやエンジニアに向けて説明することもありますが、
デザインの意図をうまく伝えるのって難しいですよね。
意図を説明するための根拠を、どこから引用するかが重要になってくると思います。

意図がうまく説明できないときは、デザインを論理的に理解できていないことが多いです。

「UXデザインの法則」は心理学に基づいた法則がまとめられており、
事例も多く載っているので、理解しやすい内容になっています。

実際のデザインの説明をする際にも、この事例を紹介しながら、
なぜこのデザインにしたのか？を説明しやすくなります。

どうしてもプロダクトチームだけでアプリを作り上げてしまいがちですが、
実際のユーザーの声を聞くと、１つの判断軸が生まれます。

「ユーザビリティテストでこんな結果が出たので、
こちらのデザインの方がユーザーにとって良い体験を作れる」といった説明もできます。

また、実際ユーザビリティテストをしてみると
想定外のところでユーザーが操作につまづいたり、
こちらが考えていたフローで操作をしてくれなかったりするので、検証の重要性を感じます。

GoogleがUXデザイン初学者向けに出している講座です。
カスタマージャーニーマップなどのフレームワークから、
Googleの考えるUXデザインまで、UXデザインのプロセスを学ぶことができます。

私は一人では続かないタイプなので、
知り合いのテックリードの方と一緒に朝活で勉強しています。

その場で講義の感想を共有できたり、
自分のプロジェクトの取り組みについて話ができるのでおすすめです！

大きなサービスのデザインになると、デザインシステムが導入され、
作ったパーツをコンポーネントでまとめておくことも必要になるかと思います。

プロジェクトによってはXDでデザインを作っているところも多いと思いますが、
Figmaを１から触ってみるのはすごくおすすめです。

コンポーネント管理がしやすいということで
各企業もXDからFigmaに乗り換えることが多く、今が学びのチャンスともいえます。

こちらの講座では、Figmaの使用方法からファイルの整理の仕方まで、
丁寧に教えてくれるので、実際にものを作りながら理解することができます。
セールだと２０００円ほどなので、お得に勉強できます。

最近、Figmaのコミュニティ上でデザインシステムを公開する企業が増えています。

これまでデザインシステムといえば、HIGやGoogle Materialデザインでしたが、
Figmaでは実際のデザインデータが見れるので、非常に勉強になります。

いかがだったでしょうか？
少しでもUIデザイナーとして行き詰まった時の参考になると嬉しいです。

私自身もまだまだ課題が多くあり、プロジェクトをうまく進めることは難しいなと感じているので、
「こんな風に工夫しているよ！」というノウハウもお待ちしています。
デザイナーみんなで成長できる環境を作っていけたらいいなと思います！