こんにちは！
「UIUXデザインを学ぶ」シリーズ
その３です。
進捗はいかほど…？
その２からだいぶ隙間が空いてしまいました…
現在やっている取り組みとしては以下２つになります！
・WEB解析士の試験勉強で知識積み上げ
・Figmaを使って既存UIの改善
WEB解析士の試験勉強で知識積み上げ
今後のキャリア形成のために、
今までが専ら制作業務が多かったので
より思考して戦えるように
デザイン＋マーケティングの２つをより深みを持たせて
いきたいと考えています。
UIUXデザインとは仮説検証の繰り返しを行う中で
少しずつ最適解を見つけ、よりよりプロダクトに育てていく
そんな泥臭い仕事だと個人的に考えています。
そのためWEB解析士はやはり切っても切り離せない部分だと思い
勉強するに至りました。
勉強する中で、
・改善要件に最適な分析手法
・WEB解析〜広告が体系的に学べる
・今までの業務での振り返り、再確認ができる
このように３つの部分でプラスになったのではと思います。
Googleアナリティクスも2023年には
UA→GA4に移行しますので、youtubeでの指南動画は
今後需要を高めていくコンテンツになっていくでしょう。
こちらのyoutubeチャンネルは非常に実用的で参考になります！
Figmaを使って既存UIの改善
Figmaの操作に慣れるためにこんなものを作ってたんです。
実装者がよりやりやすい形にできるようなデザインシステムを
少し意識してやってみました。
これでも良いのですが、どうもインプットに時間がかかりそうな…
WEBデザインの括りになってしまっている気がしたので
もう少し思考を巡らせる取り組みを考えてみました。
そこでやっているのが既存UIの改善です。
会社でもよくお世話になっていた
freeeのログイン画面
このUIについて２案ほど作成してみました。
左が元々のデザインです。
改善点としては、
・フォームエリアを広げることで操作性をUP
・「他のアカウントでログイン」の箇所をわかりやすくできないか
この2点で提案したのが上記２案です。
しかし、やはり元のプロダクトデザインが優秀だと感じます。
「他のアカウントでログイン」については
案1はアイコンのみにして簡素化。
案2は「〜をお持ちの方」とUXコピーの改善。
それぞれの意図としてはこうなのですが、
案１は直感的になっていないため、
かえってUXを悪化させる可能性が考えられるのと、
案２は「お持ちの方」と、漢字のせいか冗長に見えてしまうんです。
やはりこの部分は
「〜でログイン」の方がカタカナだからなのか、
理解が早いような気はします。
私が考えている元デザインの問題点としては
「他のアカウントでログイン」という見出しで始まって
各ボタンのUXコピーも「〜でログイン」と、
見出しと内容が被るコピーになっているので
この部分でさらに直感的に理解できるUXが実現できると
いいなと思いました。
とはいえ、今回の提案では
単純にアイコンのみにして簡素化しても、
ボタン押した後のアクション・機能が
どうなるかがわかりづらくなり、
機能の直感的な理解において
逆効果になる可能性があるんだな。と、
１つ学びを得たUI改善の取り組みでした。