ホーム » UX Design » UX-design #Day28(Amazon Alexa) #3

目次

UX-design #Day28(Amazon Alexa) #3

目次

Amazon Alexa 半モーダをトレースしてみた!

28日目です。今日もAmazon Alexaの画面をトレースしていきます!このアプリを学習しつつスクショを撮っていまして、〜さんのEcho showをタップしたらこのモーダルがしたからでてきたのでトレースしてみようと思いました。では、早速気づいたことを書いていきます!

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

  • 私は半モーダルが好きです!!という告白ではなく、半モーダルって片手で持っていても指が届く範囲に要素があるので便利だなと思うんです。この半モーダルはバックグラウンドに色があるパターンですね。バックグラウンドを黒くするかしないかの判断ですが、バックグラウンドにあるものとモーダル上にあるものが関連していれば背景色がない方が良くて、関連していない場合は背景色をつけてモーダルに注目させると良いと思います。
  • このアプリのアイコンが好きなんですよね。Alexa appはAmaxon appとはまたカラーのトーンが違ってすごくいいと思います。alexa appの方は淡い色がカラートーンになっていて、これもアプリの特徴だと思います。
  • アイコンだけだとやはり、どう言ったボタンなのかわからないですね。一番難しいのはオフって書いてあるアイコンです。他のアイコンとラベルをみると機能がラベル名になっているのですが、これだけは状態を表していると思います。機能はおそらく「おやすみモード」と想像できますが、状態ではなく機能名に統一した方が良いのかなと思いました。
  • 音量調節の部分はこれは一般的なので操作しやすいですね。指で操作する丸い部分があってもいいとも思いますが、おそらくなくても良いのではないかなと思います。どちらにしろ、使いやすさは変わらないと思います。

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

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

コメントを送る

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