アプリUI研究#010 「LIPS」

コスメの口コミアプリ「LIPS

前からダウンロードしていたのですが、今回シンボルマークとロゴタイプがリデザインされ、UIも変わっていたので使ってみました。LIPSは「若い女性の購買の意思決定が人ベースに変わってきている」ことに着目しているよう。この部分はUIに反映されています。

また今回のリデザインで、ロゴは以前のものと比較して大人の女性らしさが伝わるデザインになっているなぁと思いました。ロゴの他にも、UIに関しては角丸を使っていたり、ピンクベージュなどの落ち着いた色を使うことによってより広い層にアプローチしていくのだろうと感じました。

ホーム画面

まずホーム画面の上部には検索機能がある。「欲しい商品があるが、迷っているので、口コミを見てから買うか否か決めたい」ユーザーのために一番上に置いているのかな、と思う。

その下にはタイムライン、あなたにおすすめ、新着、雑談、ユーザーランキング、まとめ、プレゼント、人気  のタブがあり横にスクロールすることによって見ることができる。

画面一番下のタブバーは、アイコンのみが配置されている。どれもシンプルだが、「何の機能なのか」すぐに理解できる。

(アカウントのアイコンをタブバーに置かず、一番上の検索機能の横に置いている理由は何なのだろう..?どなたかご意見をください><)

検索機能

Diorのコスメを探していたとして、頭文字のdを入れると検索結果候補のブランド名(文字)だけでなく、コスメの写真と情報を表示してくれるのでユーザーが商品を選びやすいUIになっている。またキーボードの上に「探している商品が見つからない場合」というボタンがある。

ただ「お探しの商品はありません」と表示して終わりではないところが個人的にすごく好きだなぁと思った。ユーザーがLIPSを作っていく感じがするし、親切なUIだと感じた。


口コミアプリLIPSならではのUIは、検索結果で商品のみを表示するのではなく、口コミ投稿一覧、ユーザー一覧も同時にチェックできるところ。

おすすめ順、新しい順、古い順に並べ替えが可能。

口コミ

口コミ投稿の右上にアイコンが表示されていて、動画で紹介している場合はビデオマーク、数枚写真を投稿している場合は四角が重なったマーク、一枚の場合は何も表示されない。この部分は右下のハート(いいね?)より小さめ。  

反対にハートマークは大きめにして目立たせている。(いいなと思った口コミは、クリップすることでいつでもチェックすることが可能。)

口コミをみる→(このコスメ欲しい!)購入品情報に飛ぶ→この商品を含む投稿をチェックまたは購入サイトで詳しく見る の流れになっている。

同じ商品を含む口コミ一覧がすぐ下に表示されて、少し下にスクロールすると表示順を設定するボタンがすっと下から出現する。このマイクロインタラクションよってボタンに視線が行くので、より検索しやすいUIになっている。

このインタラクションは、ランキング機能のサブカテゴリ設定など色々な所に使われている。

まとめ

全体的に洗練されていて、口コミアプリならではのUIになっていた。自分と好みが似ている人を見つけると、その人がオススメしているコスメに興味が湧く。口コミをみて質問したり、同じ商品をオススメする他のユーザーの口コミを見てさらに欲しくなる。

細部までこだわっているので、使う側はストレスを感じない。

またInstagramのように、コスメの写真にイラストを入れたり文字を入れたりして多くの人に見てもらえるよう工夫しているユーザーがたくさんいる。見ていて楽しく、口コミも丁寧に書いている人が多いので参考になる。私はリップとチークを購入。届いたら実際に口コミを書いてまた考察したいな。

私はあんまりメイクに関心がなかったのですが、こんなにも多くの女性がコスメを試してオススメしているのを見ると、自分も使ってみたい!と思う気持ちになった。

良いアプリに出会うと生活が豊かになりますね。


この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

嬉しい!🤗
38

Hiroko

都内在住、フリーランスのUIデザイナーです。1時間を目安にアプリを触りその考察について書いています✍️

#デザイン 記事まとめ

デザイン系の記事を収集してまとめるマガジン。ハッシュタグ #デザイン のついた記事などをチェックしています。広告プロモーションがメインのものは、基本的にはNGの方向で運用します。
3つ のマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。