タグ別アーカイブ: UX

03-kohls-search-opt-500

e コマース UX の間違い、ドライブ私たちナッツと顧客の信頼をつぶす

From The eCommerce UX Mistakes That Drive Us Nuts

あなた ’ 応答ブレークポイントをテストあなたの CSS を調整する数え切れないほどの時間を費やしてきましたとサイトの速度をチェックします。
あなたはあなたの手の背面のようなサイトを知っています。
あなたの e コマース サイトは美しいy はデザイン、それは使いやすいですか。
そこ ’ s、sel の e コマース サイトを作成するより多く高速よりも ls ロード、モバイル対応デザイン。
お金、UX にトラフィックを変換することに関してください。
重要であります。
中にある何百もの潜在的なベスト プラクティスに従うこと、また一般的な UX m が顧客の信頼を殺す istakes。
1. 複合体、デザインされたナビゲーション メニュー ナビゲーションには ceユーザーの利便性の側面は ntral。
カテゴリ、製品やチェック アウト ページを通じて、人々 を移動する必要があります。
考え抜かれた情報アーキテクチャと明確なクリック パス。
メニューと目標は、pe を支援することです。
オプレは彼らが探しているものを見つける、あなたの創造的なデザインのスキルを披露しません。
よくある間違いナビゲーションは、: アイコン押すメガメニューない込みのプロモーション用の製品で船外に行くことエグゼクティブフロアー パン粉も多く最上位項目の権利を取得する方法: それを簡単保ちます。
それに来るときナビゲーション、私は少し古い学校。
ハンバーガー メニューいけない ’ t は大きな机のデフォルト メニューであります。
トップ画面。
カテゴリ階層にかなっている製品が mu でタグ付けされていることを確認します。
挿カテゴリ。
誰かを探して “ 雪のブーツ ”、下に見えるかもしれません “ 靴・ #8221;または “ 冬アパレル ” subcat の数が大きい場合の複数列ドロップダウンを使用。
egories。
した質問に 30 %2. shotty サイト検索によって 83 %e コマースのサイトの訪問者移動する主な手段として使用してサイト検索。
どちらにしても、訪問者のため容易にします。
検索関数を使用するいくつかの研究は、サイトの検索ユーザーが変換する可能性が高い 2 回ことを示す. それにもかかわらず、e コマース サイトの検索は、問題に悩まされています。
フィルタ リングのような機能が彼lpful、あなたはドンする場合必ずしも必要 ’ t は、大規模な在庫を持っています。
しかし重要なは私ファジィと正確な製品検索の s サポート。
34% のユーザーをサポートしていない ’ 製品で検索ナ私。
イメージ ソース場合誰か正確な製品名やモデル番号、購入者の意図が高い。
場合 someone は、彼らがまさに、買いたい知っているチャンスは、彼らはそれを見つけるサイト検索を使用します。
場合します。
r サイト検索が壊れている、あなた ’ ll クラッシュ バイヤー信任。
権利を取得する方法: 高速変換デザインのサイトの検索を開始します。
基本原則コントラストと割合は、長い道のりを行くことができるような彼女e. チェック アウト方法ウォルマート ’ s 検索機能は、サイズやコントラストに進化しています。
ウォルマート ’ s Header 2012 ウォルマート ’ s ヘッダー 2014年ウォルマート ’ s ヘッダー e コマースの説明によると、2016年d、Alinc 技術は、検索ボックス (右) に大胆なボーダーをテストしたとき、それがサイト検索サイト増加13.2 %h を使用します。
一度デザインを右取得する pr のため確かにファジー、スペルが間違っていると正確な検索商品名やモデル番号は、関連性の高い結果を与えます。
3. 雑然としたヒーローのデザイン 1 つの最も一般的ですe コマース サイトに表示されるミスは、ホーム ページのスライダーを使用です。
保険料がもったいない。
不動産!販売を参照してすべての非常に多くのテンプレートでは、プレミアム機能としてスライダーを誇っています。
私ドン ・ #8217; t は、デザイナーがそれを進めている場合、または彼らはちょうど顧客の要求を満たしている場合に知っています。
どちらにしても、テストは、どのように問題のあるスライダーを明らかにする後にテストすることができます。
ユーザビリティの第一人者ヤコブニールセン呼び出しそれら & #8220; 致命的な ” ここで ’ s なぜ: 自動前進スライダー認知負荷が増え、目を混乱させる。
e 思考プロセスのユーザーが広告としてそれらを参照してください、それらをドン ’ t つけコンテンツはほとんど relevant または焦点スライダーはめったにうまく実装モバイルがある SEO の問題それを取得する方法右: スライダーは、優柔不断の副産物。
利害関係者は、あまりにも多くのことを促進したいです。
異なるメッセージを表示します。
値命題 tha と静的ヒーロー イメージを作成するのに焦点を当てるt はあなたの理想的な顧客に話します。
1 つのより多くの時間をクリックすることが集まるアクションへの呼び出しを使用します。
4. Overly 複雑なフォームの平均、それはユーザー前に 4.5 相互作用の変換を取る。
誰か discoverinあなたのサイトとブランド初めておそらくつもりはない自分のクレジット カードをサッと取り出して g。
場合します。
戻るには、自分のメール アドレスをキャプチャまたは新しいアカウントの作成が確実なタクトに訪問したいです。
ic。
問題は、しかし、設計が不十分な過度に複雑なフォームです。
Yikes! 権利を取得する方法: sフィールドが少ないインプレ フォームは良い仕事する傾向があります。
アクティブなフォーム フィールドによりオリエントを強調表示ユーザー。
フォームのボタンが超重要です。
背景色が際立っていることを確認します。
を避けてような汎用] ボタン呼び出しアクションに “ 送信します ” ボタン コピー ベンか明示すべき。
フォームを完了する efits “ を送信私 $10 クーポン ” ボタン コピーの簡単な変更することができます。
変換に劇的な効果があります。
5. 取り扱い在庫切れ製品ドン ’ させて out の在庫製品実行-は-堆肥を UX の記憶、各ユーザーの信頼を構築することクリックします。
彼らのだけそれを確認するような製品を見て ’ s は使用できませんが、confidence キラー。
場合は、’ 多くの株式取得を計画、株価通知のバックを持つことができます製品ページ上のアプリ。
権利を取得する方法: 謝罪し、それが s になるときを知らせるタック。
プロモーション コードを提供することで戻ってくるか、送料無料を奨励することができます。
アルをする必要があります。
だからカテゴリ ページから在庫切れ製品を削除またはそれらのラベルを考慮 “ の詳細すぐに途中。
” 6。
お金のボタンといえばボタンを隠し私 ’ m のいずれかの理由がわからない eCommerce サイトを非表示にすると、“ カートに ” ボタン。
非表示に多くの WooCommerce のテーマデフォルト設定のボタン。
誰か理由を説明できますか。
誰かはページ、ない s に終わる可能性があります。
ee ボタンとそのうち在庫または利用できません。
はい、私は理解する必要があります。
まず、サイズを選択、これを処理するより良い方法があります。
あなたが、すべての e ならどう思うありませんでしたが、オンラインで製品を購入について xcited ’ t 場合が入荷しました。
不確実性 = 失われた confidence。
権利を取得する方法: ドン ’ t を作るクリックして人々 を必要がある最初のボタンを非表示にお金。
最初のバリエーションを選択する場合は、次の操作を実行できます: グレー カートへ追加ボタンを追加して状態ボタンの近くの色のコピーを大胆な “ オプションを選択してください ” ボタン st があります。
それを食べた言う “ オプションを選択してください ” sel をする必要がありますオプションの矢印を影響します。
言うボタンの状態を変更するオプションを選択すると、“ カートに入れる ” 7。
スキーmpy 製品写真ときそれは、UX、e コマースの製品ページ、製品の写真が右にあります。
.人々 はカント ’ 写真が主な方法彼らはそれらを経験することができますので、お客様の製品に触れます。
大規模な cl耳の写真は、コンバージョン率を高めることができます。
権利を取得する方法: 白バックの大きく、明確な写真を使用kgrounds。
複数の角度であなたのプロダクトを表示、ズーム機能が含まれます。
8. 小さなタップ目標小さなタップの目標は、デスクトップで初めてモバイル レスポンシブ デザインの典型的な例です。
いって何かマウスでクリックして簡単に ’ t の携帯電話をタップする簡単になるだろうことを意味します。
このグラフィックの合計s それ [イメージ ソース] を右のそれを取得する方法: モバイル デザインからより多く販売来るあなた良いタップ ターゲット、指にやさしいことを確認します。
ターゲット/携帯 bu をタップ Google をお勧めしますttons は、少なくとも 48 × 48 px 高さ/幅。
9 目に見えない顧客サービス時に、e コマース、カスタマーr サービスと UX 全体顧客の経験 (CX) 構成します。
明確なリンクなしの e コマース サイトお客様サービスのポリシー、電話番号やライブ チャットは n で小売店に足を踏み入れたようなものです。
o 従業員。
権利を取得する方法: 顧客サービス ポリシー (送料および r のように明確なリンクを持っています。
eturns)。
CX と UX は、競争優位性を与えるため一緒に作業することができます理解してください。
実際には、m韓国ドラマ ost の顧客 (85%) は、優れた経験のために最大 25% 以上を支払うことになると述べています。
場合は、新世紀への販売、ライブ チャットの追加を検討します。
新世紀の 60% が oth 上ライブ チャットを好む以上小胞体は連絡方法の質問を依頼したいとき。
E コマース何 UX の間違いにナットを駆動するか。
ポスト e コマース UX の間違い、ドライブ私たちナッツと顧客満足度のクラッシュが最初登場おいたデザイン マガジン。
関連記事はありません。