タグ別アーカイブ: designing websites

featured_ui-ux

効果的な UI デザインは、UX を促進する 5 つの方法

From 5 ways effective UI design promotes UX

ユーザー エクスペリエンスは、それを訪問者にすべてのウェブサイトが提供しているものです。
しかし、実験体験さまざまな方法で web サイトから web サイトが異なります。
いくつかは、som をナビゲートしやすい、します。
e 使用する喜び、無骨であるが行く、して som への道をとぼとぼ歩くことができますまだe はちょうどブラウザーの戻る矢印をヒットを理解しにくいです。
Bigges のいずれかt に及ぼすユーザー エクスペリエンスはユーザー インターフェイス-ユーザーは w 実際の設計ith — などの throu をナビゲートするがいかに簡単、インターフェイスを構成するいくつかの要因があります。
gh ウェブサイトまたはコンテンツを読み取るがいかに簡単。
ユーザーはまたウェブに基づいて自分の意見を形成します。
サイトには、価値と有用性を認識の。
良いことができますより多くの u は、その目的を達成seful が認識されます。
あなたのウェブサイトを使用している間ユーザーが感じる感情が終わる関連するビジネスに影響を与えます。
ユーザーは簡単探しているものを見つけることができる場合ウェブサイトと感じ満足して、彼らが感じる場合、彼らが一方、それから購入する可能性が高いイライラや混乱、それはかなり彼ら移動し、他の誰かから購入する可能性が高いそれらより良いユーザー体験を提供しています。
精彩を欠いたユーザーの経験から多くの企業に戻るホールド、ir、不採算、貴重な広告費を無駄に自分のウェブサイトを残して、完全に潜在的です時の訪問者は顧客に変換されません。
巧妙な 5 つの単純なしかし強力な方法のとおりユーザー インターフェイスの設計が成功したユーザー経験を促進する: 1 改善ページの読み込み速度、ページ。
あなたのウェブサイトの広告の速度は、ユーザーの経験の非常に重要な要素です。
デザイナー タイルパズル中問題の真実は、自分のデザインのスキルを誇示しように n が巻き込ま我々法的に拘束される訪問者は一般的に派手な装飾よりもページの読み込み速度についてもっと気します。
よると、カーコレクションt によるほぼ半分 Kissmetrics (47%) すべての消費者の期待する 2 秒でロードする web ページまたは少ない。
ユーザー体験の質を減らすことがあなたのページをロードするよりも時間がかかっている場合e. 場合あなたのページの負荷を 3 秒以上かかるが、平均では、訪問者 ab の 40%行灯あなたのウェブサイト;あなたのウェブサイトをロアにかかる各追加の 2 番目の 7% 増d. 遅いウェブサイトは、失われた機会と失われた売上につながります。
さらに中低速負荷 time の変換の数を減らすあなたのウェブサイトが生成されます、遅いロード時間も redu する作業ce あなたのウェブサイトはその海に負の影響を持っていることによって上昇を与える機会の数あなたのウェブサイトの検索エンジンのランキングします。
ページのロードが 3 秒以内にあなたを保つために、util をみてください。
化次のヒント: 最初に、不要な項目を避けるシンプルなデザイン スタイルを選ぶし、フラッシュy の装飾 (a/B テストでは、シンプルなデザインは、一般的にとにかく華やかな設計をアウトパ フォーム);第二に、opグラフィック プログラムでイメージを timize、それらのサイズを変更する html を使用したくないです。
第三を避けるあまりにも多くのプラグインを使用して、彼らはサイト訪問者の経験が遅く第四に、あなたのサイトが開く場合ular、サーバーの応答時間を改善するためにコンテンツ配信ネットワークを活用をご検討ください。
2. 活用 wハイトのホワイト スペースは頻繁に見落とされる実効ユーザ信号伝送線の非常に重要な部分です。
ce デザイン。
私は、ほとんどのデザイナー、同じような状況にされていることを確認してクライアントが白を表示空の空間、それは、思考の空白を埋めるためのラッシュとしての空間は無駄です。
反対は、実際には、します。
ケース;ホワイト スペースは、web サイトの最も重要な部分の 1 つです。
ホワイト スペースを適切に使用する場合web サイトのユーザー経験を劇的に改善することができます。
ユーザー インターフェイスを作ることができますホワイト スペース訪問者を保持を助け、それらに読書を保つ、目に簡単です。
これは、コンテンツの作成で読みやすい。
ウェブサイトのテキストとイメージの周囲の空白善く理解と良いユーザー エクスペリエンスを作成します。
ホワイト スペースも giv あなたのウェブサイトの外観を改善に役立ちますing 見た目のいい、きれいなプロ。
ホワイト スペースの訪問者側の混乱を減らすことができます、多くの場合空白に欠けている s のウェブサイトを見る解体。
バランスの取れた見栄え f を作成します。
または、あなたのウェブサイトは、ホワイト スペースを使用してコンテンツの異なるブロックを分離します。
ホワイト スペースはまた効果です。
tive 行動への呼びかけなど重要な何かを強調します。
内のホワイト スペースの適切な使用あなたのデザインがないと石切とあなたのウェブサイトの重要な部分へのあなたの訪問者の注目を導くのに役立つtor は、重要な項目を見落とすかもしれない。
これのすばらしい例は、シャネルのウェブサイトです。
それはられちゃいますful、ホワイト スペースを使用するクリーンなサイトも、サイトの主要な領域に注意を喚起します。
3. Cuttテキストのウェブサイトの訪問者の量を ing が imp を探すための web ページにざっとを一般的に重要なキーワード、重要な見出しと読み取れるリスト。
訪問者は通常フィンに急いでいます。
d 情報を探している不都合な o に表示されるコンテンツはスキップされます。
r は無関係。
このため、訪問者が最も可能性の高いあなたの共同を読んでいないことを理解する必要があります。
この行動パターンにフォーマットされていない場合は ntent。
その ap 長いテキスト ブロックを作成しないようにpear があなたのウェブサイトを簡単にスキャンしたいユーザーに興味をそそらない。
それは現代のウェブに来るとき以下確実です。
お客様が、プロモーションの書面でふけるようにもしますすぐに綿毛を見て、読むことをやめます。
正しいトーンを持っていることが重要です。
よると、ニールセン グループは、124% より良い米国で読み取れる、簡潔なスタイルの結果の客観的コピーライティングbility。
ときに、可能であれば、利用映像視覚で従事するよりよいする傾向がある人コンテンツ。
アイコンや注意グラブ画像、ビデオ クリップ、インフォ グラフィック、私を得るために活用します。
大きなテキスト ブロックに依存するのではなく、全体で全員へ。
Bellroy t でも、この概念を示しています。
相続人のウェブサイトと最低限までテキストを保持大きな、簡単 t で自社製品を展示o 映像。
4 貴重な r としてあなたのウェブサイトの訪問者の注意を扱う視覚的な混乱を低減リソース。
訪問者はあなたのウェブサイトに到着、pertine のため、迅速にスキャンされますに注意してください。
nt の情報は、ページ上のすべての完全な注意を払っていません。
場合は、ユーザーを混乱インターフェイス、それは、ウェブサイトの訪問者をオーバー ロードがあまりにも多くの情報 (完成品) ようであるあなたのウェブサイトを作るicated とユーザー エクスペリエンスの質が低下します。
必須ではないアイテムを削除することによって開始します。
.自分の意図した操作を完了するユーザーがする必要はありません何かを取り除く you が混乱を軽減しに焦点を当てるし、重要な情報を理解する訪問者の能力を向上させる確認します。
ETQ のウェブサイトを示していますどのように混乱を排除することによって製品に焦点を当てることができる themselves。
5. 到着の訪問者の明確な目標を持っている必要があります行動を明確に呼び出しを提供することあなたのウェブサイト。
訪問者に明らかにし、完了するために簡単であることをしたいです。
おそらくあなた購入する、見積り依頼、または何をするかを知っているようにあなたを呼び出すために訪問したいです。
それらを保つあなたのサイトに着陸後前方に移動します。
アクションへの呼び出しは、visito を確認する方法はrs 彼らがあなたのウェブサイトの中に実行するアクション。
我々 は定期的にない明確な呼び出しで web サイトを参照してください。
アクション、それは驚き私たちは方法を実行していない彼らが調べるとき飼い主のホップe. アクションを呼び出す必要があります目立つし、来場者に目的の操作が簡単. あなたのウェブサイトの呼び出し側アクションを決める前にあなたの訪問者 reaso を理解するをお勧めあなたのウェブサイトに来てくれて ns。
訪問者の意図に反する行動への呼び出しを持つ病気は、その有効性を減らします。
訪問者が欲しい商品を購入するが、それらを求めるためにプッシュする場合アクションへの呼び出しの有効性を減らすことがそれの引用。
Dollar Shave Club のボタン just はプッシュするために頼みます。
彼らのウェブサイトはどのように明確なアクションへの呼び出しがあなたの注意を描くことができますを示しています、d は、前方への移動を促進します。
財団 6 ウェブサイトのテーマ + ビジュアル エディター財団フレーマ 40 %off ソース p img {表示: インライン-ブロック; margin-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}
featured-2

コンバージョンを高めること戦闘の混乱

From Combat clutter to boost conversions

私たちのウェブサイトを設計する際の観客にメッセージを伝える します。
ただし、1 つ、bigg の私たちはしばしば私たちの訪問者にそのメッセージを取得するために克服しなければならない米国東部標準時刻のハードルは、混乱です。
とき訪問者が感知する雑然と、それらのいくつかのウェブサイトにちょうど出てくるとリーve;バースト メディアからの調査によると全回答者の 30% はウェブサイトを放棄してすぐに私彼らはそれを感じる f がごちゃごちゃ。
雑然とはウェブサイトになりますお客様を感じる不安。
彼ら達成するために目標を持っているが、彼らを信頼するために困難にしています。
あなたのウェブサイトが、私の場合ss、あなたと仕事が同じであるか。
-ジョー Ardeeser、Jordan クラウン デザインがどのように知っている場合web サイトが雑然とか。
結局のところ、誰の混乱やいらだちを隠し目的でサイトをデザインします。
彼らの聴衆をティンします。
ウェブサイト クラッタ clut が構築されたかどうかを指示するいくつかの方法をチェック登録サイト。
実際 p から実際のフィードバックを得るために、ユーザー テストは、推奨される方法には常に楽しみます。
しかし、彼らは常に「いっぱいに」あなたのウェブサイトを記述する用語を使用しません。
彼らは可能性があります。
教えて: サイトがビジー状態である、あまりにも彼らが知らない情報を見つけるは難しい何をクリックするまたはちょうど余りにも多くのものがあります。
基本的には、ユーザーが圧倒され、はesn't は、探す場所を知っているし、あなたのサイトが雑然とします。
この場合の欠点は使用を設定します。
r テストは、高価で時間がかかるすることができます。
プレミアム オプションをテストがあります。
非常に深いポケットを必要があります。
他のサイトが雑然とした場合、5 つの S を教えてに役立つをツールします。
econd 5 秒の合計のためのテスターを web ページに表示するテスト。
その後、テスターことができますもはやページが表示されたらの質問ページからリコールするものについて彼らじゅst を見た。
目標は、人々 が覚えていることができます; 方法で情報を提示するにはあなたのサイトが clutte の場合赤のオッズは、それらを取得するしようとしている最も重要な情報を思い出すことはありません。
.無料のオプションだけでなく、プロのアカウントを作成する能力があります。
完全に無料のテストのため整理テストがあります。
アルゴリズムを使用して、テストは、クラッタの量を測定します。
聞いたところでは彼らの研究、混乱 50% 以下のものは良いです。
サイトの測定方法の考え方について Google は、yahoo! が 86% を獲得している間 16% を獲得しました。
雑然としたウェブサイトの混乱を防止します。
1 ページにあまりにも多くの情報を訪問者に与えることを試みることの結果、通常。
プロフェッショナルとしてls、弊社またはクライアントのいずれかを感じる、特定のものを強調する必要があります。
あまりにも男があるときこのカテゴリに分類される y のこと、散らかされて得ることは簡単です。
ジョー Ardeeser のメタod サイトが雑然となるを防ぐには、適切な計画と良い評価が必要です。
いくつかのヒントs 彼を提供しています: 機能の優先順位、異なる優先度を作成するアイテムのスタイルを設定できます 国連を削除します。
必要な項目 ワイヤー フレームとは意図的にデザインを作成します。
深くより少なく重要な項目を非表示します。
強く、明確なナビゲーション、これらのアイテムが「発見可能な」。
あまりにもがあるとき much「重要」については 1 つのページ、すべては vi の注意のために戦っています。
sitor、彼らはしばしば真の目的から混乱させます。
アート ・ ウェッブは言ったそれ最高彼を指摘したとき明白: すべての大胆な場合は、何もが太字。
ドがあるかどうか混乱を減らすためtermined、あまりにも多くの混乱に苦しんでいるあなたが構築されたサイトまたは他の誰かを再設計して 's には、物事をクリーンアップするための戦略的アプローチを取らなければならないサイトが雑然としました。
最初のステップ重要なは優先順位を設定することです。
すべてのページがアクセスできるようにする必要があります信じている人がいます他のすべてのページから-これはよく組織化メニューを達成することができます、サイト マップすべてを行うesn't は、1 つのページにぎゅうぎゅう詰めする必要があります。
各ページに目標設定し、のみ情報 tha に含めるt は、その目標を達成するのに役立ちます。
各ページでは、優先順位、一度最小化を開始します。
ター、すべてをカットします。
t はそのページの目的を達成するために必要ありません。
以下は mi の概念を理解します。
nimalist デザインし、練習には、本当に。
あなたが感じるすべてを剪定した後不要な再度テストを実行します。
戻る事はまだ来ている雑然と、場合します。
正方形の 1 つ。
この時間を t の目的を傷つけることがなく削除することができますで正直見てください。
彼のウェブサイト。
フィードバックに満足している場合あなたは、素敵なを受け取りますが、ドンを確認 't は、時間が経つにつれて雑然となることをしましょう。
混乱が起こるし、我々 は混乱を傷つけることを知っています。
それを傷つけるs ウェブサイトのトラフィック、その評判が痛いし、コンバージョン率のような重要な指標が痛いs. コンテンツのコラージュではないことを念頭に、我々 ときウェブサイトを設計しているが、むしろ通信するためのツールです。
彼らのメッセージを任意の訪問者に明らかにする必要がある瞬間彼らサイト上の土地します。
ユーザーがウェブサイトで彼らの注意の多くを費やす、確認にのみあなたがやっていることの注意をキャプチャし、それらを正しい方向にポイントすることができます。
・ nbsp; 注目のイメージは、iMac のイメージとシャッターを介して UI イメージを使用します。
450 + プロ Lightroom 越冬つばめ 2008ts バンドル 14 ドルのみ! ソース p img {表示: インライン-ブロックck。
余白-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} #browserfriendly p、bo を体dy #podcast p、div #emailbody p {余白: 0;}