タグ別アーカイブ: Dollar Shave Club

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;}