ホーム » UX Design » UX-design Day40(WISE) #1

目次

UX-design Day40(WISE) #1

目次

WISE の送金方法の画面をトレースしてみた!

40日目です。今日は世界的な送金アプリといえばこれ、WISEというアプリをトレースしました。知人からWISEっていうアプリのUXがとてもいいんだという話を聞き、それはトレースする価値があると思いました。知人は画面のキャプチャ動画を共有してくれたのですが、アニメーションから細かいUIまでとってもクールで、何もいえないという感じです。おそらくこの1週間は褒めちぎることになると思います。では、早速気づいたことを書いていきます!

【UI/UXの観点から気づいたこと】

  • まず、黒背景っていうのは没入感ありますね。Spotifyと同様に明らかに他と違うという印象があります。他のものと異なるほど印象に残る効果ですね。
  • プライマリーカラーが緑なのですが、ここではあまり使われておらず、バックボタンのアイコンのみです。ここには絶対に押してもらいたいボタンというのは存在しないというのがわかります。重要なところ以外はボタンを無理に出さない、というのがクールですね。
  • それでいうと、このcancel transferは赤ですが、あまり目立たない印象です。必要であれば、このキャンセルをすることもできるという印象ですね。画面の中で注目を引かせるというレベルの使い分けができていて勉強になります。
  • トレースをしていて思ったのが、コンポーネントが全くぶれな買ったです。それこそ、あるべきコンポーネントの形だと思います。この画面では支払い方法の選択肢があります。アイコンがあり、支払い方法の見出し、2行以内にまとめた支払い方法の説明、右やじるしアイコン、この主に4要素を含んだコンポーネントが全ての同じものが使われていると思いました。全ての支払い方法の選択リストのところで同じものを使い回すことができて、感動しました。このようにちゃんとコンポーネントが1つのチャンクとして存在しているように見えるので、ここでは4つの選択肢があることがわかり、より大きいチャンクだと1、1、2、という3つの区分に分けることができます。これもこの画面で情報処理がしやすい要因かなと思いました。
  • 支払い方法が可能な選択肢と可能ではない選択肢どちらも表示してあり、何が使えるのかというのを色の濃さでちゃんとわかるように¥しているのがUXとして良いなと思いました。こういう基本的な部分から自分もできる必要があると感じました。
 
 

私がトレースしたものについて気づいたことやアドバイスがあれば、コメントいただけると嬉しいです!

またみなさんがこのアプリの画面で気づいがUI/UXについて共有いただけると嬉しいです!!

コメントを送る

世界をUXデザインでより良くする
UXコピーでより良くする
明日も一緒に