ホーム » UX Design » UX-design #Day15(メルカリ) #4

目次

UX-design #Day15(メルカリ) #4

目次

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

15日目です。今日も日本のアプリ、mercari(メルカリ)の画面をトレースしてみました。メルカリは出品でお世話になりました。この出品機能は個人的に使いやすくてすばらしい機能だなと思っています。といったところで、この画面にあるメルカリ独自のアイコンに苦戦して時間がかかりました。それとアイコンの忠実度が高くなかったのでchallenge難しかったといったところです。今日も気づきを共有したいと思います。

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

  • まずヘッダーには見出しだけで他にオブジェクトがないですね。検索や必要のないものは配置しないのはシンプルになってとてもいいなと思いました。
  • この画面で一番とってほしいアクションは出品すること。なのでプライマリーボタンがこの上の方の位置で、色もprimary colorで適切なUIだなと思いました。以外とこのボタンの配置って重要ですね。このボタンの上にキャンペーンみたいなバナーがあるので、この位置になったのだろうと想像しました。
  • メルカリには、アイコンでもちょっとカラフルなアイコンがあってかわいいなと思います。こういう色がついたアイコンがあると親しみやすさが増すと思いますし、ワクワクします。このアイコンちゃんと影を意識していて、個人的にイラストの練習になりました笑 アイコンに色がついていると単調な色のアイコンよりも目を引きますね。
  • 検索窓のなかのテキストがホーム画面とはちがいますね。ここでは価格を調べられるということで。ちょっと使ってみましたが、何を入力すればいいのか一瞬戸惑いました。価格を調べたいから商品名ね!って少し遅れて気づきました。もう少しこのフィールド内のテキストのコピーはいいコピーがありそうだなと思います。「商品名から価格を調べる」とかですかね。商品名を検索することがわかる方が良いなと思いました。
  • 出品した商品の下のいいね、コメント、閲覧、掲載した時期など、このアイコンは何を示しているのかすぐにわかります。他のアプリでも良く見かけるアイコンなので認知不可が少なくて良いと思います。それと、出品した商品について一目でわかるのがとても良いです。こういう感じでわかりやすいリストを作れるようになりたいと思いました。

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

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

コメントを送る

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