ホーム » UX Design » UX-design #Day13(メルカリ) #2

目次

UX-design #Day13(メルカリ) #2

目次

メルカリアプリ ホーム画面をトレースしてみた!

13日目です。今日も日本のアプリ、mercari(メルカリ)の画面をトレースしてみました。ホーム画面なので、もうメルカリの顔ですね!色々と学ぶところがあったので、気づきを共有したいと思います。

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

  • 昨日気になっていたナビゲーションについてですが、アイコンがFillになっているので、ホーム画面にいることがわかります。これは良いですね。
  • アフォーダンスでいうと、ヘッダーのこのチェックのアイコンについて何ができるのか想像ができないです。なんでしょう?「やることリスト」でした!そうですね、取引に関する対応は忘れてはいけないものなのでお知らせと区別しているということですね。しかし、初めて使う人にとってはこれはなんなのか触ってみないと想像ができないかもしれないです。
  • ヘッダーの下にあるタブですが、これはおすすめから見ることができるんですね。パーソナライズされたおすすめだと思うので、いいと思います。
  • 中身ですが、過去のいいね履歴が最初にあってその次におそらくこれは私が使っていないからか、みんなが気になっている商品が表示されているようです。switch2の発売日のちょっと後なので。この上から下へ表示される商品の順番もユーザーがみたい順だと思います。
  • ユーザーは買い物をしに来ているので、一番気になるのは商品の状態、どんなものなのかといったところですね。なので、商品の画像情報が大きく見えるのはとてもいいですし、すぐ下に金額が表示されているのもとてもいいです。基本的にこの商品の状態と金額があるのが普段の買い物と同じ感覚で、いいですね!
  • 一つ気になったのが、表示設定。おそらく使ったことがない。想像ではカードじゃなくて、リスト表示になるのか?あるいは並び替えができるのか?「このおすすめを非表示にする」というボタンが表示されました!やはりこのswitchはレコメンドされたものだったのですね。この表示設定は正直わからなかった。わざと機能がわからないようにマイクロコピーを曖昧にしているのかもしれないですね。実際は「広告を非表示にする」と同じ機能だということがわかりました。メルカリ側からしたら、たしかにここは何か買わせたいところなので不明瞭に「表示設定」としていると想像しました!

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

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

コメントを送る

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