ツール型ウェブサイトのホームページデザイン検討 ホームページデザインタイプ分析

ツールウェブサイトとは何ですか?

まず、Wikipedia の 3 つの概念グループを理解しましょう。

ツール: 人々が仕事を完了するのに役立つ機器を指します。

アプリケーション: ユーザーが単一のタスクまたは関連するタスクのグループを完了するのを支援するために使用されるコンピューター ソフトウェア。

Web アプリケーション: Web および Web ブラウザ テクノロジを使用してネットワーク経由で 1 つ以上のタスクを実行するアプリケーションを指します。通常は Web ブラウザを使用する必要があります。

このことから、アプリケーションはコンピュータ分野におけるツールであり、ツール型 Web サイトは 1 つ以上の Web アプリケーションをホストする Web サイトとして定義できることがわかります。ユーザーが登録、支払いなどの一連のタスクを完了できるようにすることに重点を置いています。

ホームページユーザーのニーズ

ホームページ上のユーザーは、一般的に、よく知らない新規ユーザー、興味を持っている新規ユーザー、古いユーザーの 3 つのカテゴリに分けられます。

新しいユーザーの場合、必然的に次のような質問が出てきます。

ここで何ができるでしょうか?

このウェブサイトは私にとって重要な何を提供しているのでしょうか?

すでに興味を持っているユーザー向けに、他にもいくつか質問があります。

どうやって始めればいいのでしょうか?

登録する必要がありますか? 必要であれば、どのようにすればよいですか?

一般的に、ホームページは新しいユーザーの質問に答え、機能への入り口を見つけるのに役立つ必要があります。一方、古いユーザーの場合は、より明確で素早いログイン入り口が必要です。

ホームページの目標

『ソーシャル ウェブの設計』という本では、ユーザーの使用法を、無知 - 関心 - 最初の使用 - 定期的な使用 - 感情といういくつかのステップに分けています。ホームページは最初の 3 つのステップにとって非常に重要です。

ホームページには 2 つの目標があるようです:

1. ウェブサイトをよく知らないユーザーにウェブサイトの存在を知らせ、興味を喚起し、最終的にユーザーにウェブサイトの利用を促します。

2. 興味のあるユーザーができるだけ早く使い始められるようにします。

ホームページデザイン

実際の仕事では、さまざまな種類のツールの Web サイトに遭遇します。Web サイトのコンテンツに応じて、ホームページのプレゼンテーションは大きく異なります。

集中アプリケーション

これらの Web サイトは、本質的には、多くの機能を持ち、比較的シンプルで、大量のユーザー データを生成しない 1 つ以上の Web アプリ グループです。

1. コア構造

最もよく使用される機能をホームページに表示することが、ユーザーにとって最も早いエントリポイントとなります。ユーザーは、ロゴ、バナー、ウェブサイトの声明などを通じてウェブサイトの性質を理解し、必要な機能を見つけます。

2. 登録/ログインモジュール

ユーザーはユーザー名とパスワードを覚えて気を散らしたくない、または自分の作業に集中しすぎるため、原則として、必要なときのみログインが許可されます。しかし、ほとんどの機能で最初にログインが必要な場合は、ホームページに直接ログインフォームを表示する必要があります。

3. 事例

58.com

ディレクトリには、都市ディレクトリと機能ディレクトリの 2 つのレベルがあります。ユーザーは、これら 2 つのレベルのディレクトリを通じて、必要な機能を簡単に見つけることができます。ただし、これらの機能のほとんどは登録を必要としないため、ホームページには明らかなログイン モジュールはありません。

テンセントリチャージセンター

ホームページのコア モジュールは依然としてディレクトリ構造内にあり、ユーザーは Web サイトの主な業務とタスクの開始方法を理解できます。

いくつかの運用要件を削除することで、より純粋な充電 Web サイトを実現できます。

データ管理

このタイプの Web サイトは、本質的には大規模な Web アプリです。機能プロセスは複雑で、大量のデータを生成し、強力なデータ管理機能を備えていることがよくあります。

コアフレームワーク

ユーザーが作成したコンテンツをより簡単に制御および管理できるようにするために、ホームページ戦略では通常、タスクを開始する前に、ユーザーにアカウントを作成するか、クライアントをダウンロードするようにガイドします（クライアントをダウンロードした後の次のステップも登録です）。ユーザーにタスクを開始するよう促すために、通常は次のモジュールが含まれます。

価値ステートメント: ウェブサイトの機能と重要性を説明して、訪問者の疑問をすぐに払拭します。

入出力: ユーザーに何が得られるかを伝え、訪問者が製品の使用について期待を持ち、信頼を構築できるようにします。

ビデオ紹介: ユーザーがウェブサイトを素早く包括的に理解できるようにします。

権威ある推奨事項/典型的なユーザー: ユーザーが共感し、製品に対する信頼を高めることができます。

行動喚起: 訪問者が興味を持ったら、適切なタイミングで行動を開始させます。

これらのモジュールは、ユーザーに製品の使用を促すために、実際には 3 つのレベルに分かれています。

これらのモジュールはリストされていますが、実際にはすべてが必要なわけではなく、最終的にはユーザーが製品に信頼を置くかどうかに依存します。 Evernote はレベル 1 でユーザーを納得させることができますが、Dropbox のページにはビデオによる紹介しかありません。

1. 登録/ログインモジュール

このタイプのウェブサイトの登録およびログイン モジュールは非常に重要です。一方で、登録ユーザーの数は一般的に新規ユーザーの数よりはるかに多くなります。他方では、ホームページの大部分は登録用であり、古いユーザーには固定の入り口のみが必要です。しかし、ホームページではどちらを強調する必要があるのでしょうか?

この質問は、製品のビジネス目標によって大きく異なります。製品戦略の影響で、どちらも登録ユーザー数が多く、ユーザーのログイン頻度が高い製品ですが、Gmailのホームページはログインを重視しているのに対し、Facebookのホームページは登録を重視しています。また、115 Cloud DiskとHuawei Cloud Diskのホームページは明らかに異なっていることがわかります。

しかし、いずれにしても、ログイン モジュール内のページにジャンプしないのが最善です。そうしないと、古いユーザーの操作コストが増加します。

2. 事例

メールチンプ

ホームページには、価値ステートメント、入出力、ビデオ紹介、代表的なユーザー、行動喚起などのモジュールが含まれており、ユーザーに製品の使用を開始するよう促します。

独立した操作

このタイプの Web サイトは、多くの場合、数ステップでタスクを完了する小さな Web アプリです。

1. コアフレームワーク

多くの場合、作業を完了するために必要なのは、いくつかの簡単なコントロールと指示だけです。利用コストは高くないので、ユーザーは喜んで試すでしょう。

2. 登録/ログイン

このタイプのウェブサイトでは、通常、登録は不要、または簡単な登録のみが必要です。登録に必要なコンテンツをタスク操作に統合して、登録モジュールを廃止することもできます。

3. 事例

マイナス

ページに入ると、ユーザーはこれが共有ウェブサイトであることをすぐに理解できます。画像をウェブページにドラッグして情報を入力するだけで、すぐに使い始めることができます。

センドゥイト

簡単なステップバイステップの指示により、ユーザーはウェブサイトの機能と操作方法を知ることができ、使用するために登録は必要ありません。

結論

新規ユーザーに当社の製品を使用してもらうためには、ウェブサイトのホームページでユーザーのいくつかの非常に重要な質問に答える必要があります。

この記事では、主にツール Web サイトのホームページの設計目標と 3 つの設計フレームワークについて説明します。実際のプロジェクトでは、より具体的なシナリオを分析し、運用上のニーズを考慮し、個々のモジュールの相互作用を熟考して、最終的にユーザーを引き付け、維持できる効果的なホームページを実現する必要があります。

（この記事はTencent CDC Blogからの引用です。転載の際は出典を明記してください）

原題：ツール型ウェブサイト・ホームページのデザイン思考：ホームページデザインタイプ分析

キーワード: ツールタイプ、ウェブサイトのホームページ、デザイン思考、ホームページ、デザインタイプ、何、私たち、ウェブマスター、ウェブサイトのプロモーション、お金を稼ぐ