Webデザインを簡素化するための5つのヒント
単純化ルール! それはウェブサイトをなめらかに見せ、気まぐれな混乱を減らし、そしてそれは望ましい目標と結果を達成するのを助けます(すなわち、より多くの申し込み、購読者と販売)。しかし、あまりにも頻繁にあなたのウェブサイトのデザインを単純化することは分かりにくいようです。あなたがどんなに努力しても、あなたの作品をAppleの作品のように見せることはできません。. それで、ウェブサイトデザイナーが本当にする必要があることは何ですか? いや、そうじゃないから あなたのウェブサイトのデザインを簡素化するための5つの出発点.
シンプルなウェブサイトのデザインは、厄介なすべてか無かの試練であるべきではありません - あなたは小さなステップを踏むことによってあなたのデザインを簡単にすることができます。あなたのウェブサイトの本質的な要素だけに焦点を当てること、不要なものを取り除くこと、あなたのサイトのページ数を減らすこと、折り目より上のより多くのコンテンツを得ること、そしてあなたが使う色の数を制限すること。シンプルなデザインはいつでも微調整して改善することができますが、ここで重要なことは始めることです。.
あなたのウェブサイトのデザインを単純化し始める準備はできましたか?驚くばかり。これ以上苦労せずに、ここに あなたのウェブサイトのデザインを簡素化するための5つの出発点.
1.本質的な要素だけに集中する
この最初のステップは、おそらく額をたたくのは明らかなようです。 の コース私は自分のサイトの重要な要素、私は何、馬鹿なのかに焦点を当てるべきです。? しかし驚くべき数のウェブサイトはこれを達成することに失敗し、その結果はページ上に吹き出された重要で重要でない要素の大きな混乱です。私は過去に誰かと同じくらいこれをやることに罪があります。客観的になり、重要なものかどうかを優先するのは難しいです。 すべてのもの 必須のようです。 Webサイトのデザインをよりシンプルにしたい場合は、 焦点を合わせる必要がある, ビジュアルデザインやアート作品と同じように。そしてそれは本質的な要素だけに焦点を合わせることを意味します.
80-20規則を使用する
あるページの何の20%が、人々がそこに行く価値とコンテンツの80%を与えますか?たとえば、コピー、何らかの社会的証明(復習用のスニペット、紹介文、メディアバッジ)、および申し込みフォームや行動を促すボタンなどが考えられます。それは20%正しいです。あなたのウェブサイト、そしてそれぞれの個々のページで, その有用性の80%を提供しているサイト要素の20%のみを表示することに焦点を当てる.
これは技術的なステップではなく、常にWebサイトのデザインを簡素化するためのガイドとして使用できる原則です。 80-20のルールはあなたのサイトの要素を必需品にトリミングするようにあなたを押すことによってあなたのウェブサイトのデザインを単純化するのを助けます。本当に素晴らしいのは、80から20のルールはあなたがあなたのウェブサイトで達成したいあなたの望ましい結果を増やすのを助けることができるということです。たとえば、購読、購読、購入などの訪問者のコンバージョン率が向上します。どうやって? あなたはそれを作っているので邪魔が少ない 訪問者がクリックしてページから移動するためのもの.
私たちみんなが知っているように、私たちは常に最後のステップで何かを購入しないという言い訳を探しています、そして離れて移動する理由は良いものです。 80から20のルールでこれらの理由とクリックアウェイオプションを減らす.
人気のあるThesis WordPressテーマフレームワークの作成者であるChris Pearsonは、これがまさに彼のウェブサイトで売り上げを伸ばすのに役立ったと言います.
2.すべての不要な要素を取り除きます
私たちはここで80-20ルールを続けています.
目的の結果の80%を達成する20%のWebサイト要素が特定されました。 不要な要素をすべて取り除く. 言い換えれば、あなたに結果の20%だけをもたらすWebサイト要素の80%。ソーシャルメディア共有ウィジェット、サイドバー要素、ブログ投稿のメタ詳細(日付、時刻、作者、コメント数など)、またはフッター内のリンク(特にこれが非常に重要な原因である場合が多い)訪問者は、ページから移動するための前述の言い訳を探しています).
3.ページ数を減らす
あなたのウェブサイトのデザインを単純化することの大部分は単に探索してクリックする場所を少なくすることです。あなたはそれをすることができます ページ数を減らす. 不要なページを削除して、必要以上に不要なページを削除するか、少なくとも複数のページを1つにまとめます。つまり、そうではありません 本当に 「サイトについて」と「私について」のページを分ける必要がある.
最初に、訪問者の考え方に入ります - あなたがあなたのウェブサイトに到着することになっていたら, あなたがしたいと思う重要なことは何ですか?? 例えば 自分のものが何であるかを調べる? または 連絡します? 次, あなたのページが必要なことを容易にし、それ以上のことがないことを確認してください. あなたがあなたがあなたがする必要があると思うので、または他のウェブサイトがそれらを持っているという理由であなたのウェブサイトに不必要なページを保管しないでください。 Webサイトのページ数を減らすと、クリックする場所が少なくなるため、訪問者がコンテンツに集中しやすくなるだけでなく、ナビゲーションメニューも簡単になります。.
私たちは皆、あまりにも多くのナビゲーションメニュー項目を持つWebサイトにアクセスしています。どこをナビゲートしたらよいのかわからないので、選択肢に圧倒されます。そして、私たちがあまりにも多くの選択肢を提示されることに圧倒されたとき、私たちは何も選ばずに進みます。ナビゲーションメニューの項目数をできるだけ少なくすることで、Webサイトをよりシンプルにするだけでなく、より魅力的で訪問者にやさしいものにすることができます。.
4.折り返してより多くのコンテンツを入手
調査によると、大多数の人がWebページの折り目より上の時間を費やしていることが多くなっています(画面にスクロールダウンせずに表示されるもの)。それであなたがあなたのウェブサイトの有効性を増やしたいならば、折り目の上に主要な内容と行動を促す要素を持ってください。 Webサイトの上部にロゴとナビゲーションメニューがある場合は、ヘッダーの高さを短くするのと同じくらい簡単なことができます。.
これには、スタイルシートのヘッダの「高さ」値を変更する以外の何ものも含まれません(通常 style.css
または stylesheet.css
)また、登録フォームまたはボタンがフォールドの下にあるかどうかも確認してください。その要素をページの上に移動すると、訪問者が最初に見ることになります。結局のところ、それは です 訪問者の希望する行動を促す, それでそれに到達するのに必要な仕事を減らしなさい(すなわちスクロール)。.
5.配色を制限する
色に慣れるのは簡単です。あなたが12または13を持つことができるのになぜ2または3色に落ち着くのですか?あなたのウェブサイトのデザインを視覚的に単純化するために、あなたはあなたの配色を制限する必要があります. 疑問がある場合は、色数を少なくしてください. それはもちろんあなたのデザインによって異なりますが、始めに2色か3色以下で固執してみてください。ビジュアルデザインにさらに繊細さと質感が必要な場合は、同じ色の色合いを使用します。背景には水色、ヘッダーとメニュー項目には濃い青を使用します。.
私は過去に色に夢中になったことでだれでもと同じくらい有罪です。私はこの色を追加し、それからもう1つ、そして別の色を追加します。そして、それがわかる前は、私のWebサイトでは虹色の下痢のように見えます。あなたはあなたのウェブサイトを構造的に単純化することができますが、あなたがそれを見たとき色が内容を補完するのではなく目をそらすのであれば、そのすべての努力は無駄だった。だからあなたのウェブサイトのデザインで代わりに少ない色を使う.
まず色を選ぶのに苦労する? ビフォアーアフター 雑誌はここで完璧な色を見つける方法についての有用な無料の電子本を持っています. 配色の選択に手助けが必要? この便利な配色ジェネレータを試してみてください.
少なくとも最後のではなく
うまくいけば、あなたは今武装してあなたのウェブサイトのデザインを単純化することを始める準備ができています。それはgosh-darnedセクシーに見えますそして最後に、あなたの訪問者はあなたのウェブサイトで閲覧するはるかにもっと楽しい経験を持つであろうからあなたのウェブサイトをもっと誇らしげに見せるでしょう.
要約すると、Webサイトのデザインを簡素化するための5つの出発点は次のとおりです。
- 本質的な要素だけに焦点を当てる
- 不要な要素をすべて取り除きます
- ページ数を減らす
- 倍以上のコンテンツを入手
- カラーパレットを制限する
関連記事
- 11の一般的なウェブデザインミス. 複雑なフォーム、整理されていないコンテンツ、読みにくい、検索が容易ではない検索バーなどを避けることができます。これらはすべて、Webサイトのデザインを簡素化し、訪問者にとって喜びとなるようにし、コンバージョン率を高めます。.
- 清潔でシンプルでシンプルなウェブサイトのデザイン. これらのWebサイトの例のすべては、シンプルなデザインが美しく見えるだけでなく、異性のメンバーを感動させるだけでなく、ユーザーエクスペリエンスに非常に役立つことをさらに証明しています。
あなたへ:あなたのお気に入りのウェブサイトのデザインは、ヒントを単純化していますか?あなたはあなたのデザインを単純化することからあなたの望ましい結果の増加を見ましたか??
編集者注:この投稿はによって書かれています オレグ・モホフ forÃ'Hongkiat.com。 Oleg Mokhovは、世界で最もモバイルなエレクトロニックミュージシャン、Webおよびビジュアルデザイン愛好家、そしてプレミアムロイヤリティフリーのミュージックストアSoundtracksterの共同創設者です。.