あなたが非デザイナーである場合、あなたのウェブサイトのデザインを評価する方法は?

公開: 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.サイトは会社のコーポレートアイデンティティに従う必要がありますか?

アマゾンが赤と黄色で作ったウェブサイトを想像してみてください。 同意する–これは不可能です。 デザインは会社のコーポレートアイデンティティに準拠している必要があります!

3.サイトは会社の広告戦略に対応していますか?

たとえば、ボルボは自社の車を最も安全なものとして位置付け、それに応じて広告キャンペーンを構築しています。 ボルボのウェブサイトも「安全」を強調する必要があります。

4. Webサイトのデザインは、製品を最高の状態で提示するのに役立ちますか?

美しいデザインはとても良いことですが、製品を美しく提示することがより重要です。

ウェブサイト-デザイン-ラップトップ-マーケティング-オンライン-インターネット-仕事-オフィス

デザインに明るく対照的な色がある場合、そのようなフレームの写真は実際よりも暗く見えます。 逆に、デザインがパステル(できればグレー)の色調で作成されている場合、写真はより明るく、より強烈に見えます。

5.サイトへの訪問者は、必要な情報を簡単に見つけることができますか?

サイトに5ページある場合、原則として情報の配置に問題はありません。 これらのページの名前をメニューに追加するだけで、それだけです。

そして、あなたが100ページまたは10.000ページを持っているなら? 大規模なサイトの場合、訪問者が必要な情報をどこで探すべきかが明確になるように、サイトの構造、セクションおよびサブセクションの名前を検討する必要があります。 さらに、大規模なWebサイトがある場合は、Webサイトの保守計画が重要です。

6.サイトのデザインは統一されていますか?

サイトのデザインがページごとに異なりすぎると、訪問者は別のサイトに移動したと感じる可能性があります。 原則として、サイトのすべてのページには共通の要素(ロゴ、メニュー、色、フォント)があります。

7.デザインは色と一致していますか?

異なる色を組み合わせるという科学全体があります。 color.adobe.comでは、さまざまな色の組み合わせを確認できます。

8. Webサイトのフォントは互換性がありますか?

サイトのフォントは互いに一致している必要があります。 誤って選択されたフォントは、不正確さと不正確さの感覚を生み出します。 フォントを組み合わせる最良の方法は、実用的なヒントと例を含む記事を書くことです。

ウェブサイト-デザイン-テンプレート-レスポンシブ-テーマ-ホーム-静的-フロントページ

9.デザイン要素はうまく描かれていますか?

線が不明瞭で、切り欠きがあり、影が汚れているように見えたり、写真がぼやけたり色あせたりしているウェブサイトに出会ったと思います。 そのようなサイトはすぐに彼らの作成者の「プロ意識の欠如」の感覚を引き起こします。 デザインはシンプルですが、きちんと実行されたサイトは、だまされたものよりも見栄えがよくなりますが、描画が不十分です。

10.細部をどの程度注意深く作成しましたか?

質の高いデザインには、実現以上に感じられるような些細なことがあります。 これらは、注意深く描かれたまぶしさ、ほとんど目立たない背景テクスチャ、ロゴと見出しの文字のピクセルごとの描画が可能です。 専門家と初心者のWebデザイナーの仕事を比較すると、詳細について多くのことを理解できます。

11.情報はサイト上で簡単に認識されますか?

小さいフォントは見た目は美しくなりますが、読みにくくなります。 テキストの下の背景画像は、サイトをより美しくするだけでなく、テキストを読みにくくする可能性があります。 サイトの訪問者に伝えたい情報が簡単に認識できるかどうかを確認しますか?

12.アナウンスと広告ブロックは簡単に認識できますか?

business-commerce-desk-laptop-macbook-online-table-website-work-write

特別オファーでオーバードローすると、サイトはクリスマスツリーのようになります。 サイトの注目のソース(発表、特別オファー、広告)が多すぎると、人はそれらを認識しなくなります。

 あなたは好きかもしれません:あなたのスタートアップビジネスのためにキラーウェブサイトを構築し、デザインし、そして売り込む方法は?

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のためのウェブデザイン:ウェブサイトデザイナーのための必須のSEOのヒント。

サイトの品質を評価する方法のチェックリスト

website-domain-development-seo-backup-data-host-server-tech

サイトの品質をすばやく判断するにはどうすればよいですか? 上記の方法のチェックリストは次のとおりです。

  • 詳細がどれだけうまく描かれているかを評価します。
  • CSSバリデーターが生成するエラーの数を確認してください。
  • HTML妥当性エラーの数を確認してください。
  • ページの読み込み速度を見積もり、すべてのタイプのデバイスで正しく表示されます。
  • フィルタやその他の検索ツールを使用せずにサイトを閲覧できます。 ページアドレスに「?」、「=」、「&」の記号があるかどうかを確認します。
  • ページのアドレスにアポストロフィを付けて、サイトが404を与えるかどうかを確認してください。
上記の内容が、お客様と優れたWebサイト開発者がお互いを見つけるのに役立つことを願っています。