Web 開発者がよく犯す 5 つの重大な間違い_html/css_WEB-ITnose

プログラミングの専門家であっても、テクノロジー愛好家であっても、Web 開発のプロセスでは必然的にさまざまな間違いを犯すことになります。

もし間違っていたら、修正することができます。しかし、特定の間違いを犯した場合、それは大きな損失と後悔をもたらすでしょう。驚くべきことに、これらの間違いは多くの場合最も一般的であり、回避するのが簡単です。ここでは、注意すべきトップ 5 の間違いを紹介します。

「車輪の再発明」

私たちは、あなたのウェブサイトを競合他社とは異なるユニークなものにしたいと考えていることを理解しています。

しかし、「車輪の再発明」をする必要はありません。

AppleはiPhoneをゼロから設計したわけではありません。これは、さまざまなマイクロプロセッサ、リチウム電池、ファームウェア、容量性スクリーン、およびすべてのパッケージで組み立てられた美しいスマートフォンです。独自のオペレーティング システム iOS でさえ、UNIX オペレーティング システムを模倣するように設計されています。

だから、他人のサイトを真似たからといって恥ずかしいと思う必要はありません。彼らの Web サイトは、他の人の Web サイトのコピーである可能性もあります。既存の、収集された、他の人々の知恵に基づいて創造するのは人間の本性であり、人間社会の発展を促進する主要な方法でもあります。

ユニークで素晴らしいウェブサイトをデザインするように自分に求める必要はありません。必要なのは、他のサイトよりも見た目や操作感がわずかに優れていることだけです。

このエラーを回避するにはどうすればよいですか？

あなたとあなたの顧客が好きな Web サイトを見つけ、Web サイトのスタイルを理解し、その Web サイトの好きなところを体験してください。次に、あなたのビジネスに関連するキーワードを Google に入力し、検索リストの最初のいくつかの結果をクリックします。

similarweb.com にアクセスして、視界に他の Web サイトが表示されるか確認してください。

同時に、iSpionage.com のような Web サイトを使用して、競合他社が誰であるかをすぐに理解することもできます。

あなたは、直接の競合相手が誰であるかを知っていると思っています。実際、ターゲット ユーザーが Google の検索条件に基づいて Web サイトを検索するとき、彼らは本当の競合相手です。 Google Adwords を使用する競合他社は、ターゲット ユーザーの注目を強力に引きつけ、注目を集めています。

訪問者に何をしてもらいたいかわからない

あなたのウェブサイトを訪問したときに訪問者に何をしてもらいたいですか？

ちょっと考えてみてください…

現実には、あなたが望んでいることを実行してくれる訪問者はほんの一部です。インターネットの世界では、2 ～ 5% のコンバージョン率を達成することはかなり良いことです。考えてみてください、100 人の訪問者のうち 2 人しかいません。この数字がこれ以上下がらないようにしてください。

訪問者に対して明確な目標を定義する必要があります。

サービス業に携わっており、訪問者に電話してもらいたい場合は、ナビゲーションの上部に電話番号を表示する必要があります。

e コマース業界の場合: 最も売れている商品や最も驚くべき売上を訪問者に覚えておいてもらいたいかもしれません。

ユーザーに何をしてもらいたいかが分かれば、その目標を達成できるようにウェブサイトの個々のページとナビゲーション構造を設計できます。

すべての Web ページに統一されたスタイルのテーマをデザインし、Web サイトでの訪問者のユーザー エクスペリエンスを向上させます。

自分を Web デザイナーだと考えてみましょう

特に Photoshop の使い方を知っている開発者向けです。

「デザイン」をより美しくするためにPhotoshopを使用すると、多くの時間を無駄にします。色の組み合わせ、フォント スタイル、フォント サイズ、配置、空白など、多くの時間のかかる隠れた要素がありますが、プロの Web デザイナーにとっては簡単です。

それを避けるには？

より良い方法は、グラフィックデザイナーを雇うことです。 99designs.com などのサイトで Web デザイン コンテストを開催して、お気に入りのデザイナーを見つけることができます。

あなたが理解していることは、Webデザイナーも理解する必要があると思います

これは問題の対極です。すべての作業を外部委託することもできます。しかし、外注デザイナーはあなたのビジネスや顧客をあなたほど理解していない可能性があります。あなたはすべての要件を理解していますが、外注デザイナーはあなたが必要とする最終的なビジュアル製品を理解していますか?

それを避けるには？

Balsamiq または Mockingbird ツールを使用してワイヤーフレームを作成できます。これにより、訪問者のエクスペリエンスについて考えることに集中でき、コンテンツの整理と構造化に役立ちます。

これは、Web デザイナーがあなたの考えていることを理解できるように参照するためのフレームワークも提供します。ウェブサイトの構築プロセスが高速化されます。

カスタマイズされたプラットフォームに基づいて Web サイトを構築する

Web アプリケーションや SaaS エンタープライズ Web サイトを構築する場合を除き、一般的なフレームワークを使用するのが最善です。

企業のコンテンツを常に更新する必要がある場合は、WordPress、Joomla、Drupal などの CMS を使用できます。

オンラインで商品を販売したい場合は、ショッピング カート プラットフォームが必要です。bigcommerce.com、shopify.com、Yahoo Store などのプラットフォームを使用できます。

広く採用されているプラ​​ットフォームを使用する主な理由は、そのようなプラットフォームは保守性が良いためです。世界中の少数の人だけが Web サイトを更新およびアップグレードできるようにすることは望ましくありません。

あるプラットフォームから別のプラットフォームに移行するのは面倒な場合があるため、プラットフォームを賢く選択してください。

ウェブサイトが代理店によって構築されている場合は、よく知られたプラットフォームを使用するように必ず依頼し、代理店の「特許取得済み」プラットフォームを使用しないようにしてください。

結論

この記事で述べた内容については、すでにご理解いただいているかもしれません。しかし、これらの問題を回避するために既存の知識を活用していますか?回避策を講じていないために、同じ罠に何度も陥っていませんか?一歩下がって問題を注意深く検討し、計画を達成できるように問題を回避する戦略を立てます。

英語出典：sitepoint.com