より良いウェブデザインの方法についての忍者ガイド
公開: 2017-05-10これまで、Webサイトは、事前に計画されたフォーマットやスタイルを実行するタイプがなく、何もないところから始めて複雑に設計されていました。 それらはそのように大幅に改善されました。
それで、それを鋭い真実または神話としてほのめかします、それでもサイトは野生の色合いと実験計画のにおいでより創造的で気まぐれであり、いくつかはバックグラウンドでビデオを再生していました。 それぞれの意味で、それは今日よりもはるかに楽しくて涼しかったです。
最近、アクセスする他のすべてのWebサイトは、バンドルで構築されているかのように、何らかの形でそれらのWebサイトに似ています。 いくつかの一般的な主に目立つものは次のとおりです–Webサイト内のヒーロー画像またはスライダーの存在。 画面上部のナビゲーションバーが付属しています。 ページに沿ってスクロールするために使用されるボタンとともに、いくつかのカスタマイズされたフォントで書かれた特定のかさばった行。 そして、これらすべてとともに、組織が提供する製品またはサービスについての簡単な説明があります。
今年も似たようなものが普及するのは明らかなようですが、箱から出してすぐに使えるものを思いつくために、心に留めておく必要のあることがいくつかあり、今日受け取るものがあります。
クリエイティブなタッチを失うWebデザインの背後にある理由
疑わしい真実として、昔の状況でのWebサイトのアーキテクチャは、時折、巧妙なスタイルでややお粗末でしたが、創造的なエネルギーと実験のまさに具現化を持っていました。 それらに匹敵するのは、計画の配置と陰影をわずかに変更するだけで、比較対象の何かを熟読しているように見えることです。
追って通知があるまで、Webプランニングが独自性と独創性に関して非常に無気力になったことは非常に紛れもないことです。 それは、比較的要求が少なくなったからですか? 既製の構造の外観である可能性が最も高く、すべてのファッショナーは考えられるすべての時間に簡単に装飾用の場所を設定できます。
たとえば、Bootstrapの利用を検討する場合、過去2年間で、サイト計画の条件の一部として最も利用されているものの中で傑出するでしょう。 私たちが実際に毎日訪問する25%以上のサイトのように、Bootstrapを利用して概説されています。
その本質的な使用の基本的な目的は、Bootstrapが、サイトを計画する最終目標を念頭に置いて、オリジネーターが必要とするコンポーネントを迅速に提供することです。 このようにそれを利用することは一種の手順を活気づけます。
いずれにせよ、これは創意工夫と独自性が永遠に失われることを促す可能性があるので、創造者が創造的なエネルギーを別の形にし、すぐに利用できるコンポーネントを利用してもサイトを例外的なものに変えることを可能にする特定の基本的な真実について調べます。
それで、あなたはあなたのサイトについて本当にどう思いますか? それはあなたの協会、アプリケーション、またはアイテムに関する改善されたデータを保持し、装備する場所だけですか? 確かに、あなたが専門家の視点を探す場合、サイトはあなたのイメージについての物語を描写し、考えられるあらゆる手段でゲストを引き込み、彼らを魅了し続けるものでなければなりません。
物語は少し考えて始まり、ペンを使って紙に書き留められるかもしれないという事実にもかかわらず。 それに生命を吹き込むのはウェブ構成です。 ですから、注目すべきサイトの概要を説明する準備を整える方法を継続する必要があります。
1.画像を使用してエンゲージする
各ファッショナーが利用する計画は外見的に魅力的でなければならないことを覚えておかなければならないという本質的な目的。 それがゲストの考慮を捕らえ、個人に全ページを見るように促す程度まで。
瞬間的な写真、アニメーションの描写、またはウォッチャーの考慮を得るのに役立つ録音を綴る可能性があります。 さらに、ウォッチャーを潜在的なクライアントに変えるのに十分長く耐えることを最終目標として、最初の導入を行います。
ただし、重要なアイデアは、必要に応じて物事を整理しておくのではなく、表示することです。
物語は、輪郭を通して外向きに、そして画面に現れる言葉の両方で、象徴性に満ちているべきです。 あなたが話しているストーリーに見事にフィットするシェーディングパレットをデザインし、ゲストを青写真の目標や用事を完了するように駆り立てるパーツを使用します。 良い話は、ゲストの道を導くのに役立ちます。 さらに、アウトラインは検証可能な視覚的一致である必要があります。
2.サイトのキャラクター開発に焦点を当てる
サイトの概要を説明している間、私たちは定期的にクライアントのペルソナについてジャブリングします。 真実は、それが進歩プロセスの重要な要素の1つであると言われています。 したがって、クライアントが積極的に関係することができるあなたの物語のキャラクターの提示は、それをまったく新しいレベルに引き上げます。
キャラクターは本物で、最初から計画全体を移動することも、実体に近い声として見ることもできます。
たとえば、有名なキャラクターがメールステージMailchimp-Freddieを利用していると考えるかもしれません。 計画、ブログの進歩、ロゴのポップアップを通して私たちが目にするこのトゥーンのマスコットは、組織にとって実際にいくつかのことを行います。
- まず、キャラクターは組織名を明らかにするのに役立ちます。 バイラル広告の十字軍が全面的に偽装されているため、組織の名前「Mailchimp」に苦情がありました。 それでも、言葉の横に現れるチンパンジーは、その名前を正当化しています。
- キャラクターに加えて、組織が明るいトーンと基本的なビジュアルで表現したい楽しい性質を描写します。
- フレディは、特別な視点で議論するさまざまなことについてかなりの尺度がない場合に、組織にストーリーを提供します。 チンパンジーはどうやって生まれたのですか? 彼の名前はどこから来たのですか? など。 キャラクターはストーリーを鮮明に保ち、前進します。
3.デザインを通じて参加を呼びかける
定期的な活動と一致する直感的なコンポーネントで計画の価値を高めます。 クライアントが気付く必要があるキャッチにアクティビティのタッチを追加するか、方向標識のある特定のコンポーネントに目を向けるのを助けます。たとえば、そのインテリジェントコンポーネントに「傾く」ボルトや写真などです。
クライアントがストーリーに引き込まれ続けることができるさまざまな影響を検討してください。 たとえば、視差の外観は、画面上の開発を強化するのに役立つ非常に魅力的なアプローチです。 これが、この方法が非常に優れている理由の1つです。

まともな話は気が遠くなるようなことである必要はありません。 人間は、組織の背後にいる一般の人々に会うのを助けるために、集合写真と一致する基本的なドリフトの動きで彼らの物語を推進します。 それは簡単で説得力があります。 (スタッフの写真にも注意してください。楽しい姿勢と外見は、各同僚のキャラクターを輝かせます。)
4.意味のあるマイクロインタラクションを続行します
クライアントがインターフェースするアウトラインのマイナーコンポーネントを検討してください。 Webベースのソーシャルネットワーキングサイトは、マイクロインタラクションとの基本的な出会いを行うため、特に多くのエンゲージメントを促進します。
復習として、クライアントが計画を立てるとき、マイクロインタラクションはほんのわずかな時間です。 設定を変更するたびに、特定の何かを伝えたり、サインインしたり、マイクロインタラクションを見たステータスを高く評価したりします。 Instagramのハートをタップする(そしてそれが赤くなるのを見る)から、タップしてリツイートするまで、これらの批評サークルはクライアントが戻ってくるのを妨げるものです。
重要なミクロの相互作用は、アウトラインに興味を持っています。 これには、一般的な経験を有益にするクライアントの能力のレベルが含まれています。
マイクロインタラクションはさらに、計画を支援または追求します。 これらの議事録をサイトの主要な目的に結び付けます。 それは、クライアントが入手したばかりのアイテムを共有することを許可することから、注意を受け入れることに同意するために何かをリストに追加することまで、何でもかまいません。
5)あなたの物語を物語のものにしましょう
各ストーリーには、開始、中心、および終了があります。
Webアーキテクチャがこのストーリーストリームに対応していないという偶然の機会に、クライアントは混乱したり失われたりする可能性があります。 方程式の最も複雑でないものは次のとおりです。
開始:ロゴと機能。 クライアントにあなたの身元と彼らがあなたのサイトにいる理由を伝えてください。
センター:あなたを特別なものにするすべてのサポートストーリー。 あなたのサイトにいる個人のためにあなたは何を成し遂げることができますか? 彼らが予想するのは良い考えでしょうか?
終了:フレーム、購入する能力、他の何かとのつながりなど、行動を起こすための否定できない提案。
6)基本的でシンプルなストーリーラインに固執する
これは上記の点に反するように聞こえるかもしれませんが、話は基本的なものでなければなりません。 これは1500ページのボリュームではありません。 わかりやすいストーリーとは、5秒以内に明確にできるストーリーです。
ストーリーは、クライアントをすぐに獲得し、印象を残し、クライアントが戻る必要があるようにする必要があります。 はい、開始、中央、および終了でこれを行うことができます。
アップストリームはこれをすべてランディングページで行います。クライアントはストーリーの「中心」をより多く探すことができますが、ランディングページの3つのセクションすべてを見ることができます。 ビジュアルとコンテンツは、支援を提供するために必要性とアップストリームとの関係について説明しています。 画面には「含まれる」キャッチがあり、ビジュアルは支援を提供する必要がある点まで印象的です。
ストーリーは単純明快で強力です。 クライアントはおそらくそれを思い出すでしょう…そしてあなた。
7)モバイルフレンドリー
現在、さまざまな画面サイズの多数のガジェットからサイトにアクセスするのが一般的であるため、Webサイトがモバイルフレンドリーかどうかを検討する必要があります。 ウェブサイトがモバイルフレンドリーでない可能性がある場合は、レスポンシブデザインに変更するか(これは、サイトがさまざまな画面幅に応じて変更されることを意味します)、専用のモバイルサイト(特別に最適化された別のウェブサイト)を構築できます。モバイルユーザー向け)。
これらのアウトラインコンポーネントを覚えているだけで、素敵で便利なサイトを作成することは難しいことではありません。 調査または強化が必要なWebコンポジションはありますか? あるいは、一方で、あなたはサイトをアレンジしていて、早い段階から理想的な計画を立てることを望んでいるのかもしれません。 いずれにせよ、強力なWebサイトアーキテクチャのこれらの標準は、サイトをさらに魅力的で、価値があり、ゲストにとって重要なものにするのに役立ちます。
8)新しいテクノロジーで自分自身を更新する
コンピューター技術の世界はほぼ毎日変化しており、それに対応するには、Webサイトのスペシャリストがビジネスの調整に革新的に対応する必要があります。 就業日または週の断片を切り取り、それを自分の分野の新しいことに適応させることに専念します。 何が新しく、何が傾斜していて、何が道端に転がっているのかを発見してください。 ライバルがあなたよりも最新で新鮮であるというすべての目印を持ってあなたのビジネスを奪うのを見たくない場合は、このヒントに注意してください。
例外を維持するための適切な方法は、EnvatoMarketのような主題またはレイアウトの商業センターで流行しているものを観察することです。 トップオファーのトピックをチェックすることで、クライアントが検索しているものと、さまざまなプランナーが提供しているもののドリフトを見つけることができます。
あなたに
Web計画はテストフィールドです。 現場での達成には、それ自体が現れるすべての状態に適応するための回復力と肯定が本当に必要であり、物事が正確に進まない場合でも、決して不自由になることはありません。 ウェブサイトの構成であなたの職業を達成するために特定の最終目標であなたが必要とするのは勤勉と「決して降伏しない」態度です。 あなたのかなりの数は、今のところあなたの専門家の生活の中でこれらのヒントの1つまたはかなりの部分をよくリハーサルしているはずです。 しかし、私のポイントは、これらの成果の計算を今まで意識していない人を管理し、それらを確実によく知っている個人に思い出させることです。