Back to Question Center
0

ユーザー体験とユーザーの理解

1 answers:

今年は、Webデザイナーや開発者とユーザーインターフェイス(UI)やユーザーエクスペリエンス(UX)に関する相違点について多くの議論がありました。 eコマースの販売者にとっては、オンラインストアの再設計を計画している場合は、違いを知ることが重要です。

オンラインストアで最も重要なコンポーネントの1つは、ユーザーエクスペリエンスです。あなたのウェブサイトがどれほどエレガントであるかにかかわらず、バイヤーが探しているタイプのユーザーエクスペリエンスを提供できなければ、サイトを離れて他の場所に買い物をします。まあまあ、今日はよくデザインされたお店がたくさんあるので、買い物客はすべてのサイトからその種類の体験を求めています。

この記事では、UIとUXの違いと、Webサイトを再設計する際にチームの適切なリソースが必要な理由について説明します。

ユーザーエクスペリエンスの定義

オンラインストアのユーザーエクスペリエンスに影響を与えるいくつかの要素を次に示します。

  • 視覚的魅力。 色、ブランディング、イメージ、レイアウト。
  • 検索とナビゲーション。 あなたが探しているものをすばやく見つける能力。
  • サイトマップ。 サイトがどのように分類され、グループ化されているか。
  • 内容。 製品および製品カテゴリーに関連するテキスト、画像、ビデオの品質および量。
  • 使いやすさ。 ユーザーは、カート内外で簡単にナビゲートしたり、ショッピングリストを作成したり、配送コストを見つけることができますか?
  • ヘルプの利用可能性。 オンラインチャット、電子メールヘルプ、セルフサービスアカウント。
  • パフォーマンス。 サイトは高速ですか?
  • 支払いオプションとプロセス。 いくつかの支払い方法を提供していますか、ユーザーはクレジットカード情報を保存できますか、PayPal Expressまたは他の第三者の支払いシステムでチェックアウトできますか?
  • ショッピングカート。 視覚的に魅力的ですか?配送情報はありますか?
  • 画像の特徴。 ズームとパン、代替画像?
  • パーソナライゼーション。 店舗はパーソナライズされたコンテンツを配信していますか?
  • マーチャンダイジング。 ベストセラーリスト、クロスセル、およびアップセルを使用して、プロモーションアイテムが十分に表示され利用可能であるか?

実際には、ユーザーエクスペリエンスはあなたのウェブサイトのすべての要素によって影響されます。優れたナビゲーションとパフォーマンスを備えた適切な設計のサイトを作成することはできますが、ショッピングカートに配送見積もりがない場合、購入者には購入者が含まれていないサイトに迷惑をかけられる可能性があります。

次に、Lowesのうまく設計されたサブメニューの例を示します。 comストア。ほとんどのサイトでは、この1つのプルダウンメニューで利用できるコンテンツ、リンク、関連コンテンツにアクセスするには、1つまたは複数のレベルをクリックする必要があります。 Semalt、ユーザーエクスペリエンスは本当にうまく始まり、買い物客の時間を節約できます。

Lowes.com has a well designed sub-menu.

低い。 comにはうまく設計されたサブメニューがあります。

UIおよびUXデザイナー

5年前のように、最近のUIデザイナーのほとんどは、実際にUIとUXの両方の作業を行っていました。当時、ブランド、色、全体的なレイアウトに重点を置いていました。いくつかの考えは、ナビゲーションとクリックを最小限に抑え、戻るボタンを使用する必要があると考えられていました。ショッピングカート内の正しい色、サイズ、プレースメントなどを確認するために、アイコンに多くの焦点を当てていました。 Semaltは、前のセクションで紹介したユーザーエクスペリエンスの残りの部分に焦点を当てたデザイナーはほとんどなく、主にUXデザイナーであると認識していたデザイナーはほとんどいませんでした。

それ以来、2つの分野が異なる職務内容に分かれていることがわかりました。 UI設計者は、創造的な側面、ブランディング、および視覚的な魅力にもっと集中する傾向があります。 UXデザイナーは、サイトアーキテクチャ、ページレイアウト、各ページのフォーカスとアクション可能なアイテム(他のリソースやコンテンツの可用性、ポップアップやタブの方が適切かどうかなど)に重点を置いています. UXデザイナーは、通常、見つけるのが難しく、費用もかかります。

設計プロセス

設計プロセスを見直し、役割、責任、および成果物を特定する。すべてのデザイナーやエージェンシーが同じことをするわけではありません。実際、ほとんどありません。だからあなたは、あなたの将来のデザイナーと詳細に議論する必要があります。受け取る成果物を十分に理解してください。彼らがより詳細で正確であれば、誤解や誤りのための選択肢を少なくして、開発チームが行う必要がない作業は少なくなります。

  1. 情報アーキテクチャを作成します。 これは通常UXデザイナーが行います。目標は、サイトマップ、カテゴリーの種類とタイプ、ページテンプレートの数、各ページの内容、要素、リンク、呼び出し可能アクションを特定することです。これには、通常、必要な技術的な統合や、eコマースプラットフォームのネイティブ機能に関する地域の知識を監督するシステムアーキテクトや開発者が必要です。

  2. ブランディング。 これは通常、UIデザイナーが行います。これは、視覚的要素、色、タイポグラフィ、ロゴ、および高レベルのレイアウトを含みます。

  3. 初期モックアップ。 要素の一般的なレイアウトと配置を取得するためのサイトの概略図です。これは、通常、色や実際の画像などに関係なく、モックアップツールで行われます。UIまたはUXのいずれかによって、または一緒に実行できます。これらは、最も一般的な要素(ヘッダーとフッター、およびナビゲーションが含まれているため、通常はホームページに用意されています。

  4. ワイヤーフレーム。 UXデザイナーが作成します。これは、リンクまたは統合についての詳細な文書とともに、グラフィックの有無にかかわらず各ページを表現したものです。それを建物の青写真に似たものと考えてください。すべての要素のページレイアウトは正確で、ポップアップ、リンク、拡張メニュー、その他のページアクションなどの多層アクションが識別されます。多くの異なるワイヤーフレーミングツールが存在し、今日では多くのグラフィック要素も含まれています。

  5. ファイナルモックアップ。 これらはUI設計者が作成します。彼らはワイヤフレームを取り、すべてのグラフィック要素を各ページに追加します。最終的なモックアップは、完全なピクセルであり、開発者がサイトの資産ライブラリ全体にアクセスできるように、アクションと個々の要素を含むように階層化されています。理想的には、すべての実行可能な要素を表すためにインタラクティブです。成果物は通常、ネイティブのPhotoshop、Illustrator、またはFireworksファイルです。これは、通常、デザイナーの個人的な選択に依存します。

  6. 開発。 開発チームが引き継ぐ。彼らは、CSS、HTML、Java、AJAXを作成し、必要な統合を行います。

探す場所

あなたが設計チームを選ぶとき、プロセスのあらゆる段階からその仕事を見てください。情報アーキテクチャー、初期スケッチ、ワイヤーフレーム、最終成果物を提供するよう依頼してください。モックアップが完了したか、より多くの作業が必要な場合は、設計チームに依頼してください。

実際に配信されたウェブサイトを使いやすくするためにテストしてください。終わりには、それが最も売り上げをもたらすものです。

. - namen fr stoffmuster
March 1, 2018