サイトを古く見せる 5 つのデザイン要素

公開: 2019-09-13

オールドスクールなウェブデザインの見栄えを良くする方法

最近はレトロなデザインが人気です。 しかし、それはウェブデザインのことであるべきでしょうか? 90 年代の Web サイト テンプレートを現在使用できますか? それとも、サイトが古すぎるように見えますか?

Webliumでは、レトロなデザイン要素を含む何千もの Web デザインを作成しました。 また、テンプレートモンスターの子会社として、私たちは彼らの経験をすべて所有して、何が最も効果的かを分析しています. そこで、古き良きウェブサイトのデザインとそうでないものを理解できるように、この短いガイドを作成しました

古い学校の Web デザインが必ずしもサイトに適しているとは限らないのはなぜですか?

オールドスクールまたはアンティーク スタイルをブランドの独自の特徴として使用することと、どうしても更新が必要な古いサイトを単に所有することとの間には違いがあります。 サイトをレトロに見せたい場合は、ブログにモダンなレトロなウェブサイトのデザインに関するセクション全体があります.

非常に古い Web サイトは、いくつかの魅力のないビジュアル コンポーネントを除けば、ビジュアル アプローチが大幅に歪められ、要素が散らばっています。 90 年代Web サイト デザインは、多数のサイト訪問者を遠ざけます。 さらに、それは信頼の問題です。 人々は、20 年前に更新されたように見える Web サイトから何かを購入することに興奮しないことがよくあります。

古い学校のウェブサイトのデザインの中には、SEO スコアを低下させるものもあります。

避けるべき 5 つの伝統的なデザイン要素とは?

古いサイトを見ると、テキスト、画像、酸性の色、およびその他の機能の不一致のブロックの集中砲火から目が落ちる可能性が高く、脳を傷つけます. これらの要素は

サイドバー

未知を探る

サイドバーは、ほとんどの Web サイトのジャンク ボックスでした。 彼らは、ウェブサイトの所有者が適切と考えるものは何でも取りました。 ただし、サイトを構築する代わりに、それらがサイトの見栄えの悪さの原因であることがよくありました。

多くの場合、2 つのサイドバーのいずれかに重要な情報がある場合、それは単純に見落とされます。 結局のところ、ほとんどの人はサイドバーの内容をちらりと見ることさえしないでしょう。

振り返ってみると、Web サイトのすべての情報を 1 つのページに詰め込む必要があったときは、サイドバーが最適でした。 現在利用可能な機能のおかげで、それらはもう必要ありません。

フラッシュアニメーション

Rsz スクリーンショット 2019 09 02 At 103942 Am

Flash アニメーションは、 2000 年代初頭の Web デザインの未来となることを意図していました。 いくつかのアニメーション機能を追加することは素晴らしいアイデアでしたが、小さなとげのあるアニメーション GIF が実際に Web サイトを退屈なものにしてしまいました。 これは重要なスペースを占有し、ユーザーの注意を意図したコンテンツから引き離します。

知ってますか?

Flash アニメーション コードは、ほとんどのモバイル デバイスではサポートされていません。 これは、それを使用する Web サイトがスマートフォンと互換性がないことを意味します。

現状では、Flashは 2020 年までには使用されなくなります はい、それはほとんど難解で忘れられています。

ウェブリウム

フラッシュ アニメーションでウェブサイトを詰まらせるのではなく、スムーズな水平方向のナビゲーション デザインを作成できます。 また、必要に応じて、アニメーションやビデオを再生するための開始ボタンをいつでも含めることができます。

iFrame

イントラネット

iFrame という言葉は、単に「インライン フレーム」を意味します。 ただし、それらは 1 つの Web サイト ページ内の複数のフレームと考える必要があります。 ほとんどの場合、Web 所有者は iframe を使用して Web サイト ページにビデオやドキュメントを埋め込み、その時代の古典的な Web サイト デザインを構築していました。

知ってますか?

iFrames はしばらくの間機能しました。 それが彼らが15年間存在している理由です。 ただし、次の短所があります。

  • 彼らはウェブデザインを扱いにくく複雑にしました。
  • それらはウェブサイトの使いやすさを複雑にしました。
  • また、複数のセキュリティの問題もありました。
  • SEO は、それらを使用する Web サイトにとって大きな問題でした。

iframe に代わる最新の完璧な方法は、メディアを Web サイトに直接埋め込むか、プラグインをいじることです。

紹介ページとスプラッシュページを分ける

ダトル・オブ・バース

古い学校の Web サイトでは、スプラッシュ ページはあいさつを悪化させた形式でした。 Web サイトをクリックした直後に、画像、アニメーション、または何も表示されない巨大なスプラッシュ スクリーンが表示されます。

スプラッシュ スクリーンは、一部の Web サイトの「ここをクリックしてニュースレターを受け取る」の現在のバージョンです。 正直なところ、どちらも大きな感情を刺激するものではありません。

知ってますか?

  • スプラッシュ ページは、叫ぶグラフィックを使用してブラウザの注意を引くことを目的としていました。 ただし、ほとんどの場合、最終的にブラウザを悪化させました。 Web ユーザーの 25% 以上は、スプラッシュ スクリーンが表示されるとすぐにページを離れます。
  • 彼らは仕事であなたの腕前を見せびらかすのは素晴らしいですが、SEOはひどいものです. 一部のサイトは、スプラッシュ画面と紹介画面をなくすことができなかったため、単純にランキングを失いました。

デザイナーは、「スキップ」をクリックしたり、冗長な質問に答えたりすることを強制してインターネット ブラウザーを怒らせるのではなく、「開始ページ」のない Web サイトを構築します。 これにより、ブラウジングがより簡単になります。

カウンター

ゲストブック

カウンターは、サイトの訪問者数やユーザー歴など、さまざまな統計を表示することを目的としていました。これは、従来型の Web サイトのもう 1 つの特徴です ただし、一部のカウンターはめまいがします。 彼らは同じように叫び、輝き、混乱します。 80年代のクラシカルなデザインで有名でしたが、今は誰も好きではありません。

知ってますか?

多くのウェブサイト スペースを無駄にするだけでなく、カウンターはサイトのランキングを完全に台無しにする可能性もあります。

数字はクールです。成功を共有するのに最適な方法です。 実際、あなたのビジネスを売る最善の方法の 1 つは、ビジネスをどれくらい長くやっているか、何人の顧客を扱ってきたかを示すことです。 しかし、それを行うにはもっと良い方法があります。

カウンターに代わる最新の代替手段は数十あります。 良い例は、ホームページに実績のセクションを配置することです。

AI ウェブサイト ビルダーで作成した例を次に示します。

カウンター

要約

古い学校のウェブサイトのデザインは金庫に残すべきです. これはかなり大胆な発言ですが、ウェブスペースを使用したり、サイトをレトロに見せたり、同時に効果を維持したりするための、より進歩的な方法があります。
サイトのユーザビリティに干渉するだけでなく、上位の SEO ランキングを達成するためのハードルにもなり得ます。 ウェブサイトをデザインするときは、最新のトレンドとソリューションを使用してください。 ミニマリズムは今日のトレンドです。