NetEase の元 PM ディレクター: モバイルインターネット製品のログイン、登録、新規ユーザーガイダンス、レイアウトの設計経験

概要: NetEase ウェブサイト製品部門の元ディレクターである Guo Ziwei 氏は、Chanyouji と Travel Recommendation という 2 つの構造化された観光製品を立ち上げました。ログイン、登録、新規ユーザーの誘導、レイアウトなどの方法を含む、モバイルインターネット製品の開発における自身の経験の一部をまとめました。アイデアを考えるのは簡単ですが、製品を作るのは難しいです。 NetEase ウェブサイト製品部門の元ディレクターである Guo Ziwei (@纯银V) は、Chanyouji と Travel Recommendation という 2 つの構造化された観光製品を立ち上げました。ログイン、登録、新規ユーザーの誘導、レイアウトなどの方法を含む、モバイルインターネット製品の開発における自身の経験の一部をまとめました。原文は次のとおりです。当初私は、製品が完成したら、その過程での紆余曲折や経験をすべて書き留めるつもりだと言いました。結果を実装する方が根付くよりも簡単であり、まだ要約を作成する時期ではありません。最近、リサーチをしたくてうずうずしているので、実際に使ってみた些細な製品体験をいくつか書き留めておきます。 個別に登録しますか? Chanyouji を最初に設計したとき、独立した登録の余地はなく、Sina/Tencent/Douban アカウントでのログインのみをサポートしていました。この件はWeibo上で議論され、当時は賛成派と反対派が1対1程度だった。いくつかの異論があります: 1. 中国の巨大企業はみな悪党だ！信用してはいけない！アクセス権をブロックされたら、あなたは死ぬことになる！回答: Weibo が私をブロックしても、QQ は残ります。QQ が私をブロックしても、Weibo は残ります。常に最悪の事態を考えて生きてください。PM2.5を吸い込みすぎるとガンの原因になります。こんな生活はなんて心配なのでしょう。さらに、ソーシャルアカウントでログインした後、独自のメールパスワードを設定することもできます。実際にブロックされた場合でも、ユーザーはパスワードを失うことはありません。 2. 中国企業はみんな悪党です！信用できません！自分で登録させてもらえないなら、一緒にプレイしません!!! 答え: 遊びたくないなら遊ばなければいい。さようなら、私はあなたを見送りません。ソーシャルアカウントでログインすると、どのようなプライバシーが漏洩する可能性がありますか？本当に大きなリスクがある場合、SinaとTencentは依然としてインターフェイスを公開しますか？衝撃的な事故がない限り、ソーシャルアカウントでログインするのが一般的な傾向です。古い守備陣が三つ編みを切らなくても、中華民国がやって来ます。インターネットについて 3. ソーシャルアカウントでログインした後、再度情報を入力する必要があります!!プロダクトマネージャーはクソ食らえ!! まったく意味がありません!!! A: この質問には後で回答します。 Chanyouji が受け取った 1,000 件を超えるフィードバックの中で、独立した登録がないことについて不満を述べたのは 3 件だけだったと記憶しています。しかし、昨年人気を博した「Changba」や「Papapa」などのアプリには、独立した登録機能がありません。多くの人は、ユーザーにソーシャルアカウントでのログインを強制するのは、プロダクトマネージャーが利己的で邪悪であり、シェア数を増やしたいからだと考えています。これは確かに理由の 1 つですが、私は製品をよりシンプルにし、プロセスをよりスムーズにすることにもっと重点を置いています。シンプルさとスムーズさこそがプロダクトマネージャーが追求するものではないでしょうか? さらに、これにより製品のスパム対策機能も強化されます。 一般的に、出会いや浮気など、個人情報を開示したくない製品、または垂直コミュニティなど特に目立つユーザーの役割を持つ製品でない限り、他の製品は独立した登録機能を保持する必要がありません。ツール指向の Chanyouji は、製品の簡素化によるメリットを享受しながら、明らかなデメリットを感じることなくそれを実践しました。もちろん、「その結果、沈黙していたユーザーの 40% が失われた」と主張するのであれば、私はそれに答えることはできません。これは単なる製品設計における個人的な選択であり、重要ではなく、議論する価値もありません。 情報を入力する時期 ソーシャルアカウントでログインすると、個人 ID が作成されている可能性が高くなります。安全のため、ユーザーはメールアドレスとパスワードの入力も求められます。結局のところ、競争相手として巨大企業がいつあなたをハッキングするかは誰にもわかりません。よくある質問をいくつかご紹介します。 1. アカウントのパスワードを入力し、ソーシャルアカウントでログインした後、メールのパスワードを入力する必要があります。突然、千頭の馬が私の頭の中を駆け巡りました。 2. メールのパスワードを入力した後、確認用のメールを受信するためにメールボックスに移動する必要があります...お父さんに兄はいますか? 3. せっかく「次のステップ」にたどり着いたのに、ソーシャルアカウントの情報が読み取られているのに、ニックネームやプロフィール写真を変更するように誘導されるなんて…目の前にプロダクトマネージャーがいたら、迷わず刺し殺すでしょう。はい！胸にナイフが刺さっています！特に嫌なのは、ユーザーがコメントを書いて「いいね！」をクリックしたいだけなのに、こんなにひどいことをさせてしまうことです。私はこれについて長い間不満を言ってきましたので、ユーザーの行動を 3 つの部分に分けました。1 つ目は、ログインを必要としないブラウジングです。 2つ目は、ログインするだけで完了する、いいね/コメント/コレクションなどの軽い動作です。このとき、ユーザーIDと個人ホームページが同時に作成されます。 3つ目は、情報入力後に必ず行う旅行メモの作成などの厳しい行為です。 Chanyouji アプリのデザインはもう少し極端です。旅行メモを書くためにログインする必要すらなく、データはローカルに保存されます。旅行メモが手動で Web サイトに同期される場合にのみ、ログインして情報を入力し、新しいユーザーが製品に慣れるための障害をできるだけ排除します。簡単に言えば、ユーザーは非常に重要だと考える操作を実行する場合、一連の登録コストを受け入れて怒って立ち去る可能性は低くなります。その前に、まずユーザーに製品の価値を理解してもらい、信頼してもらい、好きになってもらうように導く必要があります。しかし、軽い行動と重い行動、ソーシャルログインと完全なプロフィールを分離すると、新たな問題が生じます。たとえば、ユーザーが初めて QQ にログインして個人 ID を作成します。2 回目はそれを忘れて Weibo でログインしますが、これは 2 番目の ID を作成することに相当します。すると、QQ スペースへのバインドが失敗する理由が疑問に思うことになります。このタイプのフィードバックは約 10 件寄せられ、全体のフィードバックの 1% を占めました。これは登録手続きの簡素化の結果ともいえる。さらに、ほとんどの製品では、電子メールの確認やニックネームやアバターの変更は必要なく、ソーシャルプラットフォームの情報を直接使用し、最大で N 個のソーシャルアカウントから選択できると思います。 Sina Weibo、QQ Space、Renren、Douban のアバターに満足できず、新しいアバターを設定しなければならない場合はどうすればよいでしょうか? このようなフィードバックは 2、3 件しか受け取っておらず、無視しました。 オンボーディングの扱い方 かつて私は Weibo で全画面で表示される「初心者ガイド」について不満を述べたことがあります。それについて不満を述べるコメントは何百件もありましたが、プロンプトを読んだという人は一人もいませんでした。全員がすぐに「次へ」をクリックしました。フルスクリーンマスクのガイドは時代遅れです。いったい誰がこれをじっくり見る忍耐力があるのでしょうか? オンボーディングを必要とする製品は良い製品ではないと言う人もいますが、それはでたらめです。そう言うのは簡単です。魂のチキンスープは人々を殺している。 私のアプローチは次のとおりです。 1. ユーザーが自力で理解するのが難しいリンクでない場合は、ガイダンスを提供しないでください。 2. プロンプトが必要な対話的な状況でのみガイダンスを提供し、ガイダンスの内容は次の操作に密接に関連している必要があります。 3. ガイドコンテンツと実際のインターフェースの間には、実用主義と空虚な話の削減に基づいて、直感的にマッピングする必要があります。 WeChat 4.2のコンセプトガイドマップは良いですが、あなたにもできるでしょうか？盲目的に他人を真似しないでください。 4. コンテンツを 1 つのポイントに集中させる。私が最も嫌うのは、派手なアイコンでいっぱいの画面です。どこを見たらよいのかわかりません。なぜわざわざ見せびらかす必要があるのでしょうか? 5. 複数ページの指示を連続して表示しないでください。ユーザーが忍耐力を回復する時間を与えてください。ユーザビリティテストを実施したところ、ページ 2 への注目度が急激に低下し、ページ 3 には誰も注目せず、人々は非常にイライラしながらページをすぐに飛ばしてしまうことがわかりました。最後に、Clear から学んだスタイルである Clear フローティングレイヤーを採用しました。このスタイルでは、プロンプトテキストと長いボタンが組み合わされ、背景がグレーで覆われ、視覚的な焦点がクリーンなフローティングレイヤーに配置されています。このアプローチの設計および開発コストは低く、結果は良好です。それでも、多くのユーザーはすぐにそれをスキップしました。しかし、Chanyouji には、写真を長押しして注釈を編集したり、上にスワイプして旅程を閲覧したりするなど、注意深く観察しなければ習得できない非常に特殊なインタラクティブな方法がいくつかあります... 悪意のある笑みを浮かべて、「バウンスして死ぬ」設定にしました。指示に従わないと、このインターフェイスに入るたびにポップアップ表示され、何度もポップアップ表示されます。一度操作すると、二度と表示されなくなります。 ナビゲーションレイアウトを簡素化する方法 最初は、アプリの Path で普及したドロワーメニューを使用していましたが、すぐにそれが間違っていることに気付きました。ドロワーメニューは、単一ページ中心の情報アーキテクチャに適しています。つまり、アプリには中央ページが 1 つしかなく、ユーザーはそのページで 80% 以上の時間を費やします。そのため、ナビゲーションによる干渉を減らし、コンテンツセンターに表示スペースを多く残す必要があります。一方、ドロワーナビゲーションにより、ハブ外の他のページへのアクセスが大幅に減少することは間違いありません。一度愚かなことをした後、Chanyouji アプリ 1.1 は従来の下部タブレイアウトに戻りました。しかし、情報アーキテクチャを簡素化し、製品をよりシンプルで明確で理解しやすいものにするという、引き出しを引き出すという当初の意図は良かったと思います。そこで、下部のタブを「旅行メモの閲覧」/「旅行メモの検索」/「自分の旅行メモ」の 3 つに減らしました。通常、アプリの下部には 4 ～ 5 個のタブがあり、これは標準機能のようです。しかし、Chanyouji の「設定」機能はよく使われているでしょうか? 必ずしもそうではありません。「ニュース」ページは頻繁にアクセスされていますか? 必ずしもそうではありません。ほとんどの場合、記録されるのではなく閲覧される旅行商品の場合、「コンテンツの追加」ボタンを下部のバーの中央に配置する必要がありますか? 必ずしもそうではありません。シンプルにしておく方が良いのではないでしょうか？アプリ 1.1 がリリースされてからほぼ 2 か月が経過しましたが、ナビゲーションレイアウトを簡素化することは良いアイデアだと思います。タブだけではありません。上部のバーの機能アイコンは、可能な限り避けるべきです。アイコンをあちこちに詰め込むのは、自己満足的な間違いです。空白のスペースを見ると、まるですべてのユーザーが不器用で、アイコンを見るとすぐにそれをつつきたがっているかのように、無駄な気がしますが、実際はおそらくその逆です。 Chanyouji のユーザビリティテストとフィードバック分析の結果、ユーザーは結果を正確に予測できない限り、見慣れない機能アイコンをクリックすることに非常に消極的であることがわかりました。ユーザーの注目はコンテンツ領域と目を引くテキストボタンに引き付けられやすく、アイコンの存在は無視されてしまいます。 追記：上記4点は些細なことであり、重要ではありません。こうした細部への配慮は、製品の成否にはまったく影響しません。これは単にデザイナーの精神的な訓練とスタイルの表現にすぎません。本当に重要なのは、価値観、情報アーキテクチャ、独自のセールスポイント、バージョンのリズム、ジレンマの中での選択方法など、より無形のものです。旅行商品作りは長期戦であり、一夜にしてヒットする商品などありません。本当に重要なことは、根付いた後に書くことができます。今私が言えることは、デザインを始める前に、かなり具体的で一貫したイメージを頭の中に描き、自分が何を望み、どのような効果を達成したいのかを知っておく必要があるということだけです。他社の製品モジュールで目的を達成できる場合はそれを使用しても構いませんが、スタイルやアーキテクチャ、イメージなどが異なるため、コピーできるものがなくなり、ゼロから設計しなければならない場合がよくあります。これはしばしばイノベーションと呼ばれます。それは、製品のビジョン、デザインの強さ、アイデアの質とはほとんど関係ありません。問題をどのように見るかによって決まります。記事のコメントを読んでいると、「旅行ノートを探す」を「旅行ノートを読む」に統合すべきだという意見がありました。デザインのアイデアについていくつか詳細を追加したいと思います。論理的には、この提案は正しいです。旅行記を探すことは、旅行記を読むことと組み合わせる必要があります。しかし、実際には 2 つの問題があります。 1. 「旅行ノートを探す」ページと「旅行ノートを読む」ページはどちらも、トップタブを使用してコンテンツを分離しています。利点は、明確で美しいことです。欠点は、このスタイルのトップタブの左右にアイコンを挿入するのが難しいことです。そうしないと、明瞭さと美しさの利点が失われ、コンテンツが拡張できなくなります。タブをトップバーの 1 レベル下に配置しない限り、見苦しいままです。私はインターフェースの美観に非常に関心があります。 2. さらに重要なのは、私の理解によれば、「目的地別に旅行ノートを探す」の重みが非常に高く、これは「毎日更新される選択した旅行ノートを読む」と完全に同等であるということです。このような重要なページをトップバーのアイコンから入力すると、複雑すぎて隠れてしまいます。製品のロジックは正しいですが、ユーザーシナリオは間違っています。目立つ、すぐにアクセスできる位置に配置する必要があります。この効果が得られるのは、下部のタブだけです。もちろん、製品のロジックとユーザーシナリオは必ずしも矛盾するわけではありません。現在アプリで提供されるサービスは非常に限られているため、両方の長所を活かすことは現時点では不可能です。アプリがより多くのサービスを拡張するにつれて、この問題は簡単に解決されますが、サービスは簡単に得られるものではなく、蓄積するには時間がかかります。それはずっと後のことになるはずです。 APP Top Promotion（www.opp2.com）は、モバイルアプリケーションプロモーションの運用方法、経験とスキル、チャネルASO最適化ランキング、アプリマーケティングの乾物共有に焦点を当てた、中国トップのモバイルアプリケーションプロモーションプラットフォームです。公式WeChatパブリックアカウント：appganhuoのフォローを歓迎します。

この記事は（APP Top Promotion）によって編集および公開されています。この記事を転載する場合はTop Promotionの承認が必要であり、この記事へのリンクを添付してください。

<<: アプリが新規ユーザーを引き付けるための2つの重要なチャネル：ASOプロモーション+既存ユーザーの維持

>>: 砕いた冬虫夏草 1 グラムの価格はいくらですか? 冬虫夏草 1 グラムの一般的な価格はいくらですか?