ユーザーの注目を減らすための手順 eコマースアプリのデザインから学んだ9つの成功のヒント

【はじめに】 買い手であっても売り手であっても、最も重要な点は、製品設計によってまず行動を起こせるかどうかです。

テンセントテクノロジーユエトンが3月17日にまとめた

電子商取引の Web サイトをモバイル デバイスに移植した後もトラフィックの増加が見られない場合は、モバイル製品の設計に問題があるかどうかを検討する必要があります。

つい最近、バルト海の新興企業Vintedが2,700万ドルの資金を調達した。 Vinted は、女の子が古着を売買したり交換したりできるオンライン マーケットプレイスとして始まりました。約 1 年前、Vinted はモバイル スペースに存在していませんでしたが、現在ではサイトのトラフィックの 50% 以上がモバイル アプリから来ています。

モバイル製品デザイン会社 Lemon Labs も Vinted のアプリ再設計を支援しました。再設計後、アプリの使用率は 170% 増加しました。 CEO の Tomas Dirvonskas 氏がこのプロジェクトから学んだデザインに関する 9 つの教訓を紹介します。あるいは、これらの経験は、より優れたモバイル e コマース アプリの設計に役立つかもしれません。

1. ディスプレイに優先情報を明記する

メンバープロフィールを再設計する際には、各要素の重要性を評価しました。 Vinted アプリは主に衣服とファッションに関するものであるため、メンバーの服装が重要な要素となり、それが前面中央に表示される必要があります。一方、その他の情報は簡素化したり、削除したり、上部に統合したり、リストの外側に配置したりすることができます。この方法により、ユーザー エクスペリエンスが向上し、ユーザーはメイン コンテンツに集中できるようになります。ユーザーがコンテンツに注目するほど、取引の可能性が高まります。

2. 行動喚起ボタンをディスプレイ上に配置する必要がある

ユーザーとのコミュニケーションを容易にするために、CTA ボタンをディスプレイ上の目立つ位置に表示する必要があります。もっと大きくて赤くマークされていたらもっとよかったです。実際、このボタンには、ユーザー エクスペリエンスを損なうような弾力性、音楽、その他の機能は必要ありません。このアプリ機能を設計する際、私たちは「売上を伸ばす」というシンプルだが重要なコンセプトに従いました。そのため、ユーザーの注意をコンテンツに向けるために、行動喚起ボタンを衣服の画像のすぐ下に配置し、「購入」ボタンも配置します。ユーザーが画面をスクロールしても、ボタンは画面の上部に表示され、ユーザーに見える状態のままになります。

3. ユーザーがコンテンツをフォローするための手順を最小限に抑える

カタログを再設計するときは、この原則に従う必要があります。ユーザーはスマート カテゴリをあまり気にしておらず、コンテンツを確認して選択肢を絞り込みたいだけです。 Vinted の衣料品カタログには 6 つのレベルがありますが、ユーザーが目的の商品を見つけるのに必要なのは 2 回のクリックだけです。

4. ユーザーの会話体験を向上させる

電子メール形式のコミュニケーションがモバイル デバイス上で素人っぽく感じられるのと同様に、チャットはより自然なプロセスであるべきであり、それによってユーザーはよりよいコミュニケーションをとることができるようになります。電子商取引アプリケーションの場合、販売プロセス中に役立つヒントを追加すると、ユーザー エクスペリエンスが向上する可能性があります。 Vinted を例にとると、ユーザーには低い入札をすることをお勧めします。これらはすべて会話中にユーザーが実行でき、取引時間を短縮することもできます。

5. 登録プロセスを簡素化する

登録情報フォームが長すぎると、ユーザーは継続的にスクロールする必要があり、疲れてしまいます。そのため、登録時にユーザーに入力してもらう情報は、できるだけ少なくすることができます。ユーザーにアプリケーションを利用してもらう前に、まずはユーザーに登録してもらうことが最も重要なステップです。

6. 最初にコンテンツをアップロードし、それを説明する

アプリのコンテンツが増えるほど、トランザクションも増えることがわかりました。ユーザーがコンテンツを投稿することを促すために、アクションを 2 つのステップに分割し、メンバーが最初に写真を投稿してコンテンツをアップロードし、次に関連する説明情報を入力できるようにしました。

7. アプリケーションページの上部で、左側のナビゲーション機能と右側のアクション機能を設定します。

戻るボタンは通常、左側のスペースを多く占めますが、あまり機能しません。アプリの最初のバージョンでは、Vinted メニュー ボタンが左上隅全体を占めていたため、CTA を別の場所 (通常はコンテンツの間または画面の下部) に移動する必要がありましたが、これはモバイル アプリでは常に不自然で、使いにくかったです。最終的な解決策は、メニューを左に移動することです。

8. ハート型の魔法

現在、ユーザーがアプリ内のものを「いいね！」できるようにしている場合は、星のアイコンではなくハートのアイコンを使用することを検討してください。たとえば、メンバーがお気に入りの服にハートアイコンを付けると、驚くべき結果が得られました。アプリの使用量が 10 倍に増加したのです。私たちは Airbnb からもこのことを学びました。Airbnb では、お気に入りコンテンツ リストの星アイコンをハートアイコンに置き換えるだけで、利用率が 30% 増加しました。実際、アイコンの形状は小さなことのように思えるかもしれませんが、試してみる価値はあります。

9. 優れたファイルソフトウェア設計が不可欠

Vinted アプリには 90 を超えるさまざまな表示ページがあり、メンバーも増えているため、この傾向によりコミュニケーションが困難になり、誤解が生じる可能性もあります。ドキュメント ソフトウェアにも優れたデザインが必要です。当社では、登録やさまざまな表示間のすべての可能な状態と遷移を含む、関連するすべての表示を示す大きなフローチャートのようなグラフィックである App Flow ドキュメントを使用しています。これらのドキュメントは、特定の点に焦点を当てているため、設計提案の議論と実装において非常に価値があることが証明されています。

全体として、再設計は上記のインスピレーションに従って行われたため、新しい Vinted デザインのアプリの使用も大幅に増加しました。

元のタイトル: ユーザーの注目コンテンツを減らす手順 電子商取引アプリケーション設計から学んだ成功の 9 つの秘訣

キーワード: 電子商取引、秘密、中学校、アプリケーション、デザイン