Web サイトプロジェクトを自己検討するための 10 の質問
ウェブのデザインと開発は長期にわたる反復的なプロセスです。数週間または数か月かかる場合があります。細部に注目すると、見失ってしまいがちです。ウェブサイトの当初の目標は達成できましたか?それとも、素晴らしい芸術作品を作ることに夢中になりすぎて、ユーザーやそのメリットのことを忘れていませんか?面倒に聞こえるかもしれませんが、それは常に起こりますよね?
迷子にならないように、これまで私のウェブサイトを見たことのない閲覧者に次の質問に答えてもらいます:
このウェブサイトの閲覧者は誰ですか?
この視聴者はこの Web サイトで何を見つけるでしょうか?見つけやすいですか?
彼らは何をフィードバックする必要がありますか?
公平な第三者がこれらに明確に答えることができれば、あなたのウェブサイトはその使命を果たしたことを意味します。そうでない場合は、ウェブサイトにいくつかの変更を加える必要があります。
Web プロジェクトを開始する前に、自分自身に役立つ質問のリストを用意しておく必要があります。お持ちでない場合は、これを試してください。
1. ウェブサイトの最終的な目標は何ですか?
先ほども言いましたが、ウェブサイトの最終目標を忘れないでください。 Web サイトのコンテンツが訪問者に真の価値を提供するようにしてください。ウェブサイトで必要なものが見つからないと、ユーザーは離れてしまうからです。
2. ウェブコピー: 何を表現していますか?
Web コピーは、おそらくデザイナーや開発者にとって、Web プロジェクトの中で最も見落とされがちな部分です。ただし、水はボートを運ぶこともできますが、転覆させることもできます。この部分を再検討する必要があります。
デザインとコピーは相互に補完的である必要があり、読者を惹きつけ、関心を持ち、価値を提供し、望ましい目標を達成するために連携する必要があります。
引用
編集者注: 「ウェブ コピー」という単語の中国語訳に基づくと、インターネット用語の正確な翻訳はほとんどありません。これは次のように理解できます。Web コピーには、ページのフォント、タイトル、コンテンツなどのさまざまな組み合わせの全体的な処理が含まれます。
3. ユーザーエクスペリエンスは直感的で快適ですか?
これは、Web サイトのユーザー エクスペリエンスが楽しいものであることを確認するためにクロスチェックする必要がある場所であり、その多くは Web サイトがどのように構成されているかによって決まります。ページのナビゲーションは直感的ですか?訪問者は必要なものを簡単に見つけることができますか?検索機能はちゃんと動作しますか?ブログの分類に意味はあるのでしょうか?コピー、デザイン、ナビゲーションなどを訪問者の視点で見る必要があります。
4. ウェブサイトは複数のデバイスやブラウザで利用できますか?
開発者はこの部分を嫌いますが、Web サイトが現在市場にある主流のブラウザーやデバイスで適切に動作できることを確認する必要があります。 StatCounter データは、過去 1 年間でブラウザの使用状況がどのように分散したかを明確に示しています。 Web サイトが Chrome でのみ動作する場合、デスクトップ ユーザーの約 55% は Web サイトを正しく操作できません。
もちろん、モバイル Web トラフィックが増加するにつれて、モバイル デバイスも考慮する必要があります。これはレスポンシブな Web サイトを作成するという課題ですが、BrowserLing、クロスブラウザ テスト、レスポンシブ テスト、ブラウザショットなどのツールを使用してこの課題に取り組むことができます。これらのツールは、さまざまなブラウザーやデバイス サイズでのテストに役立ちます。
5. すべての機能は正常に動作しますか?
ブログのセットアップ、セキュリティ、他のサービス (MailChimp、Aweber、Infusionsoft、CRM など) との統合など、仕様内のすべての機能を必ずリストしてください。ユーザーと管理者の両方としてこれらの機能をチェックして、適切に機能することを確認してください。さらに、テクノロジーは機能ではありませんが、すべてのリンク、特に内部リンクが利用可能であることを確認する必要もあります。
6. 基本を再確認しましたか? (ページ、接続情報、フォームを含む)
ページと連絡先ページは、通常、最も頻繁に閲覧される 2 つのページです。したがって、これらのページの情報を二重、または三重に確認する必要があります。連絡先情報が完全であることを確認してください。お問い合わせフォームへの入力プロセスがスムーズであることを確認してください。フォームを送信した後にページが空白になり、正常に送信されたかどうかわからない Web サイトがよくあります。顧客にリーチできない場合は、設計とコーディングの努力に価値がないことを意味します。
7. ページの読み込み時間は最適化されましたか?
引用
Akamai と Gomez.com の調査によると、Web ユーザーのほぼ半数は Web サイトの読み込みが 2 秒以内であることを期待しており、Web サイトの読み込みに 3 秒以上かかる場合はさらにその傾向が強いとのことです - KISSmetrics
この言葉を聞けば、これ以上何も言う必要はないと思います。サイトの読み込みに時間がかかりすぎる場合は、最適化を続けてください。ここでは、読み込み時間を最適化するのに役立つ Google の洞察をいくつか紹介します。
8. コミュニケーションとコンバージョンに重点を置いていますか?
これは大きな領域です。ウェブサイトを公開する前にできる限り多くのクロスチェックを行って、すべてのページ、特にランディング ページで「行動喚起」が明確かつ目立つようにしてください。
もちろん、SEOチェックリストをチェックし、タグが正しい場所にあることを確認し(タイトルとURLがキーワードを反映し、ベストプラクティスに従っていること)、ソーシャルメディアの共有ボタンが適切に機能していることを確認し、読者がそれらを使用していることを確認することも必要です。コンテンツを共有するプロセスは簡単です。
9.5秒後にユーザーはあなたのウェブサイトから何を得るのでしょうか?
Web を閲覧するときの注意力は短く、おそらく 5 秒以内に Web サイトを離れるでしょう。もちろん、読み込み時間は 2 ~ 3 秒かかります。
10. どうすれば改善できますか?
これは慎重に扱う必要があります。ウェブサイトには常に改善の余地があります。最小限の労力で明らかな価値が得られる改善もありますが、時間がかかりすぎて具体的な結果が得られない改善もあります。常に改善を目指すのは良いことですが、現実的であり、いつ改善をやめるべきかを知ることがより重要です。
LAMP BrothersオリジナルPHPチュートリアルCD/『Essential PHP inDetails』を無料でプレゼント 詳細は公式サイトカスタマーサービスまでお問い合わせください: http://www.lampbrother.net
PHPCMS二次開発 http://yun.itxdl.cn/online/phpcms/index.php?u=5
WeChat開発
モバイルインターネットサーバーサイド開発 http:// yun.itxdl.cn/online/server/index.php?u=5
Javascriptコース http://yun.itxdl.cn/online/js/index.php?u=5
CTOトレーニングキャンプ 5
|

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









PHPロギングは、Webアプリケーションの監視とデバッグ、および重要なイベント、エラー、ランタイムの動作をキャプチャするために不可欠です。システムのパフォーマンスに関する貴重な洞察を提供し、問題の特定に役立ち、より速いトラブルシューティングをサポートします

Laravelは、直感的なフラッシュメソッドを使用して、一時的なセッションデータの処理を簡素化します。これは、アプリケーション内に簡単なメッセージ、アラート、または通知を表示するのに最適です。 データは、デフォルトで次の要求のためにのみ持続します。 $リクエスト -

PHPクライアントURL(CURL)拡張機能は、開発者にとって強力なツールであり、リモートサーバーやREST APIとのシームレスな対話を可能にします。尊敬されるマルチプロトコルファイル転送ライブラリであるLibcurlを活用することにより、PHP Curlは効率的なexecuを促進します

Laravelは簡潔なHTTP応答シミュレーション構文を提供し、HTTP相互作用テストを簡素化します。このアプローチは、テストシミュレーションをより直感的にしながら、コード冗長性を大幅に削減します。 基本的な実装は、さまざまな応答タイプのショートカットを提供します。 Illuminate \ support \ facades \ httpを使用します。 http :: fake([[ 'google.com' => 'hello world'、 'github.com' => ['foo' => 'bar']、 'forge.laravel.com' =>

顧客の最も差し迫った問題にリアルタイムでインスタントソリューションを提供したいですか? ライブチャットを使用すると、顧客とのリアルタイムな会話を行い、すぐに問題を解決できます。それはあなたがあなたのカスタムにより速いサービスを提供することを可能にします

記事では、PHP 5.3で導入されたPHPの後期静的結合(LSB)について説明し、より柔軟な継承を求める静的メソッドコールのランタイム解像度を可能にします。 LSBの実用的なアプリケーションと潜在的なパフォーマ

この記事では、フレームワークにカスタム機能を追加し、アーキテクチャの理解、拡張ポイントの識別、統合とデバッグのベストプラクティスに焦点を当てています。
