デザイナーではない場合、Web サイトのデザインを評価するにはどうすればよいですか?
公開: 2019-11-15この記事では、デザイナーではない私がウェブサイトのデザインを評価してみます。 デザインの結果として、サイトの外観と機能を検討します。 理想的な Web サイトは、シンプル、便利、理解しやすく、美しく、そして最も重要なのは販売である必要があります (必ずしも製品のみを販売する必要はなく、サイトはアイデアを「販売」できます)。
- 1. サイトのデザインは訪問者に正しい印象を与えますか?
- 2. サイトは企業のコーポレートアイデンティティに従う必要がありますか?
- 3. サイトは企業の広告戦略に対応していますか?
- 4. Web サイトのデザインは製品を最高の状態で表示するのに役立ちますか?
- 5. サイトの訪問者は必要な情報を簡単に見つけることができますか?
- 6. サイトのデザインは統一されていますか?
- 7. デザインと色は一致していますか?
- 8. Web サイト上のフォントには互換性がありますか?
- 9. デザイン要素はうまく描かれていますか?
- 10. 詳細はどの程度慎重に検討されましたか?
- 11. サイト上の情報は容易に認識されますか?
- 12. アナウンスや広告ブロックは簡単に認識されますか?
- 13. デザインで使用されている図記号は明確ですか?
- 14. 電話番号やその他の連絡先情報は簡単に見つかりますか?
- 15. オンラインストアで商品を注文および購入する方法は明確ですか?
- 16. デザインにオリジナルのグラフィック要素はありますか?
- URL分析によるサイト品質評価
- サイトのセキュリティ
- サイトの品質を評価する方法のチェックリスト
1. サイトのデザインは訪問者に正しい印象を与えますか?
安いものを買いたい場合は、ブティックではなく、衣料品市場に行くことになります。 また、高品質の化粧品を購入したい場合、地下道の屋台でそれを探すことはほとんどありません。
ウェブサイトも同様です。安価な商品を販売する場合、シックでカラフルなデザインは訪問者を怖がらせるでしょう。 そして、たとえば、あなたが高品質で高価なサービスを提供している場合、馴染みのある学生が作成した単純なサイトでは、あなたの提案の現実性を疑う可能性があります。 サイトのデザインはあなたのビジネスにマッチする必要があります。
あなたへの推奨事項:より多くの見込み客を生み出すためにウェブサイトのデザインに追加する重要な要素。
2. サイトは企業のコーポレートアイデンティティに従う必要がありますか?
Amazon が赤と黄色で作ったウェブサイトを想像してみてください。 同意します – これは不可能です。 デザインは企業のコーポレートアイデンティティに準拠する必要があります。
3. サイトは企業の広告戦略に対応していますか?
たとえば、ボルボは自社の車が最も安全であると位置づけており、それに応じて広告キャンペーンを構築しています。 ボルボのウェブサイトでも「安全性」を強調する必要があります。
4. Web サイトのデザインは製品を最高の状態で表示するのに役立ちますか?
美しいデザインはとても良いことですが、製品を美しく見せることがより重要です。
デザインに明るく対照的な色を使用すると、そのようなフレーム内の写真は実際よりも薄く見えます。 逆も同様で、デザインがパステル (できればグレー) トーンで作られている場合、写真はより明るく、より強烈に見えます。
5. サイトの訪問者は必要な情報を簡単に見つけることができますか?
サイトに 5 ページある場合、原則として情報の配置に問題はありません。 これらのページの名前を含むメニューを配置するだけです。
そして、100 ページがある場合、それとも 10,000 ページがある場合はどうでしょうか? 大規模なサイトの場合、サイトの構造、セクションやサブセクションの名前をよく考えて、訪問者が必要な情報をどこで探せばよいのかを明確にする必要があります。 さらに、大規模な Web サイトをお持ちの場合は、Web サイトのメンテナンス計画が重要です。
6. サイトのデザインは統一されていますか?
サイトのページごとにデザインが異なりすぎると、訪問者は別のサイトに移動したと感じる可能性があります。 原則として、サイトのすべてのページには共通の要素 (ロゴ、メニュー、色、フォント) があります。
7. デザインと色は一致していますか?
異なる色を組み合わせる科学全体が存在します。 color.adobe.com では、さまざまな色の組み合わせをご覧いただけます。
8. Web サイト上のフォントには互換性がありますか?
サイト上のフォントは互いに一致する必要があります。 フォントの選択を誤ると、不正確さや好事家的な印象を与えます。 フォントを組み合わせる最良の方法は、実用的なヒントと例を含む記事を書くことです。
9. デザイン要素はうまく描かれていますか?
線が不鮮明だったり、ギザギザがあったり、影が汚れ感があったり、写真がにじんだり色褪せていたりするサイトに出会ったことがあると思います。 このようなサイトは、すぐに作成者の「非専門家感」を引き起こします。 デザインはシンプルですが、きちんと作られたサイトは、騙されていても下手に描かれているサイトよりも常に見栄えが良くなります。

10. 詳細はどの程度慎重に検討されましたか?
高品質のデザインには、実現するよりも感じられるような些細なことが含まれます。 これらは、注意深く描かれたグレア、ほとんど目立たない背景テクスチャ、ロゴや見出しの文字のピクセルごとの描画などです。 プロと初心者のWebデザイナーの仕事を比較すると、詳細がよくわかります。
11. サイト上の情報は容易に認識されますか?
小さいフォントはより美しく見えますが、読みにくくなります。 テキストの下に背景画像があると、サイトがより美しくなるだけでなく、テキストが読みにくくなります。 サイトの訪問者に伝えたい情報が簡単に認識できるかどうかを確認してください。
12. アナウンスや広告ブロックは簡単に認識されますか?
特別オファーでオーバードローすると、サイトはクリスマスツリーのようになります。 サイトに注目のソース(お知らせ、特別オファー、広告)が多すぎると、人はそれらを認識しなくなります。
あなたは好きかもしれません:あなたのスタートアップビジネスのためのキラーウェブサイトを構築、デザイン、そしてマーケティングする方法?
13. デザインで使用されている図記号は明確ですか?
多くの場合、サイトでは情報を認識しやすくするために異なるアイコンが使用されます。 一般的な記号を使用します。 オンラインストアのアイコンバッグのバスケットを置き換えても、すべての訪問者がそれを理解できるわけではありません。
14. 電話番号やその他の連絡先情報は簡単に見つかりますか?
サイトの訪問者があなたに連絡したい場合、連絡先を簡単に見つけられることが非常に重要です。 電話やメールは「連絡先」ページのみにあることが多いです。 電話がページの最初と最後の両方にあることが望ましいです。
15. オンラインストアで商品を注文および購入する方法は明確ですか?
オンラインストアでの購入時の障壁の 1 つは、購入者が正しい注文をして、欲しいものを正確に入手できるかどうかがわからないことです。 サイトでは、注文方法、購入者が購入した商品をどのように入手するかなど、できるだけ明確に説明されている必要があります。
主な注意点としては、お支払いの種類、方法、配送条件、保証、不良品の交換(返品)条件などです。
16. デザインにオリジナルのグラフィック要素はありますか?
オリジナルのグラフィックが個性と特別感を生み出します。 シンプルなアイコンとさまざまなグラフィック要素の両方を使用できます。
URL分析によるサイト品質評価
CNC はすでに古典的な、良き伝統となっており、無視すべきではありません。 ニュース欄でもCNC化することが望ましい。 突然、ニュースの一部に、ターゲット顧客を引き付けるのに役立つ重要な要求が含まれるようになります。 これはプロモーションに役立ちます。
URL に特殊記号「?」、「=」、「&」が含まれていないことを確認してください。 たとえば、ページ アドレス内の疑問符は、同じコンテンツが他の同様のアドレスにアップロードされていることを意味すると考えられます。 つまり、サイトが実装されている CMS に応じて、検索エンジンはインターネット リソース上の最大 5 つのページの使用を検出できます。 ページが重複すると、検索エンジンにとってサイトの価値が低下します。 そして、実際にはそれらがあなたのインターネットリソース上にないことを考えると、それは二重に不快です。
動的 URL とその構成内のこれらすべての記号が許可される場合があります。 これらは、フィルターを適用した後に形成されるページです。 たとえば、オンライン ストアの全範囲から特定のパラメータに基づいて製品を選択する必要がある場合です。 選択の結果として形成されたページは一時的なものであり、インデックス付けできず、そのような文字は許可されます。 ただし、特定の製品カードでは、ページのアドレスに疑問符があってはなりません。
サイトのセキュリティ
顧客が理解できないために無視されることが多い重要な価値。 したがって、お見積りもできません。 私たちはその言葉を真に受けて、サイトがサイバー犯罪者によってハッキングされないことを祈るしかありません。
インターネット リソースの脆弱性を大まかに判断するために使用できる小さな「トリック」がいくつかあります。 全体像を把握するにはこれだけでは十分ではありません。 しかし、少なくとも何か。
ユーザーがサイト上でファイルをダウンロードできる場合は、このアクションで許可されるファイル タイプのリストを定義する必要があります。 ダウンロードできる形式は、ダウンロードボタンの近くに記載されているはずです。 間違ったファイル形式をダウンロードしてみて、何が書き込まれているかをシステムがチェックしていることを確認してください。
「'」記号は、サイトの SQL 脆弱性をチェックするのに役立ちます。 ページアドレスの末尾のどこかに入れてください。 たとえば、 my-site/catalog/clothesのような行をmy-site/catalog/clo'thes/ Site に変更すると、404 エラーが発生します。 このサイトでは、警告やその他の種類のエラーを発行してはなりません。 また、サイトは、要求したページの代わりに他のページを読み込まないでください。
こちらもお勧めです: SEO のための Web デザイン: Web サイト デザイナーに必須の SEO のヒント。
サイトの品質を評価する方法のチェックリスト
サイトの品質を素早く判断するにはどうすればよいでしょうか? 上記の方法のチェックリストは次のとおりです。
- 細部がどの程度よく描かれているかを評価します。
- CSS バリデーターが生成するエラーの数を確認します。
- HTML 妥当性エラーの数を確認します。
- ページの読み込み速度を推定し、あらゆる種類のデバイスでの正しい表示を行います。
- フィルターや他の検索ツールを使用せずにサイトを閲覧します。 ページアドレスに「?」、「=」、「&」記号がないか確認してください。
- ページのアドレスにアポストロフィを入れて、サイトが 404 を与えるかどうかを確認してください。