シリーズの交換：フェーズ5：プロジェクトの提供– UX / UI

公開: 2021-08-28

これは、プラットフォームの再構築に関するCoalitionTechnologiesによる10部構成のシリーズの最後の部分です。

機能的で魅力的なウェブサイトを持つことは、これまで以上にビジネスにとって重要です。顧客の89％は、Webサイトでのユーザーエクスペリエンスが低い場合、他の場所で買い物をします。したがって、顧客を満足させるには、サイトを完全に稼働させ続ける必要があります。ユーザーインターフェイスの更新に取り組むことは、明確な視覚的進歩をもたらすため、特にやりがいがあることに気付くかもしれません。バックエンドからサイトの機能の最大の部分を配置したら、購入者のエクスペリエンスを実際にキュレートし始めることができます。あなたのサイトは純粋にその外観に基づいて生きるか死ぬことができるので、デザインが完璧であることを確認するために努力してください。

UIとUX

UI

UIはユーザーインターフェイスの略です。これは、サイトの視覚的要素と、顧客がやり取りする実際の資産に関係します。これは、フォントの選択、間隔、配色、および全体的なスタイルです。ユーザーインターフェイスを更新する方法は、サイトに対する顧客の第一印象の鍵となります。ユーザーがサイトの意見を形成するのにかかる時間はわずか50ミリ秒です。それを数えなさい。

UX

UXとは、Webサイトのユーザーエクスペリエンスを指します。これには、顧客の購入経路の容易さ、顧客が製品とどのようにやり取りするか、およびチェックアウトプロセスが含まれます。あなたはそれがあなたのサイトで買い物をするのが明確で簡単であることを望みます。そうでなければ、人々はあなたと一緒に買い物をしません。

あなたの研究をしてください

ユーザーインターフェイスの更新に着手する前に、顧客をよく知ることが重要です。ターゲットオーディエンスを理解すると、サイトのどの部分が機能し、何が機能しないかを特定するのに役立ちます。あなたのウェブサイトは平均的な人に直感的に操作する必要があります。これはそれを防ぎます。以前のユーザーエクスペリエンス監査のツールを使用するか、次の質問を自問することができます。

顧客が何かを購入するには、いくつのステップを踏む必要がありますか？
サイトに不可欠なものとそうでないものは何ですか？
特定のお客様はどのような体験をお楽しみいただけますか？

調査に基づいて、購入者のエクスペリエンスのモデルを作成できます。次に、プラットフォームを変更したサイトをこのモデルと比較して、あまり目立たないものを微調整します。

開発プロセスを整理する

方法1

統合プロセスと同様に、重要なタスクの階層を把握するのが最善です。最も重要なものは非常に重要であり、最初に完了する必要があります。重要性の低いものは最後に来るでしょう。次のように、ユーザーインターフェイスの更新の推奨順序があります。

ホームページ→商品リストページ→商品詳細ページ→チェックアウト

この順序に従うことにより、基本的に、顧客が使用するのと同じ時系列の順序でWebサイトを編成します。特にプラットフォーム間で一貫性を保つことが重要です。これは、ユーザーインターフェイスの更新とWebサイトのユーザーエクスペリエンスが決定的に交差する場所です。

方法2

ただし、それが唯一の選択肢ではありません。もう1つの一般的な方法は、最初に中心的な機能に焦点を当てることです。これには、ヘッダー、フッター、およびその他のグローバルアセットが含まれます。最初に、すべてのページで同じままになる要素を取得します。次に、次の順序でサイトページで作業できます。

グローバルアセット→チェックアウト→商品詳細ページ→商品リストページ→ホームページ

この2番目の方法では、逆方向に作業するときにWebサイトのユーザーエクスペリエンスのリスクが低くなります。多くの利害関係者がホームページについて強い意見を持っており、最適なレイアウトを決定するのに時間がかかる可能性があるため、ホームページを最後まで残すことは有益です。

一緒に実装計画を立てる

ユーザーインターフェイスの更新について外部機関の支援を受けることを計画している場合でも、内部チームと協力することを計画している場合でも、計画へのアプローチは同じである必要があります。コミュニケーションはあなたの最も重要なツールになります。すべてのチームメンバーが、彼らが取り組んでいることについて同じページにいる必要があります。開発は、すべての要素を組み合わせることができない場合に崩壊する包括的な取り組みです。チームと毎週ミーティングを行い、最新情報を共有し、発生した課題について話し合い、必要な決定を行うことをお勧めします。あなたが進むにつれてあなたの計画を適応させることをいとわないでください。それはあなたに最も柔軟性と成功のチャンスを与えるでしょう。また、ページが作成されるときに、ページのデモを依頼することを忘れないでください。製品全体をまとめる前に、エラーをキャッチする必要があります。

配備

賢者への言葉

Webサイトのユーザーエクスペリエンスとユーザーインターフェイスの更新は、顧客のサイトエクスペリエンスを形作るため、リプラットフォームに不可欠です。体験の流れを作ることは、より強いエンゲージメントと回心につながります。プラットフォームで一貫したブランドプレゼンテーションを行うと、収益を最大23％増やすことができます。平均的なユーザーにとって論理的でクリーンでありながら、すべてのサイト要件に適合するもののように計画を検討する必要があります。サイトを複雑にしすぎると、使いやすさが損なわれ、ビジネスを失う可能性があります。

手順

ユーザーインターフェイスの更新を展開するための推奨パスは次のとおりです。

CLI統合開発環境をダウンロードする
GithubまたはGitlabリポジトリを組み込んで、コードを簡単に保存および管理します
ステージング用のコードをデプロイし、毎週または毎日プラットフォームに送信します。
テストには、データ移行の10-40-60メソッドを使用します
フラグが立てられたものを修正し、出荷日の4〜5週間前にコードベースを完成させてください。
リリースの少し前に、迅速な評価モデルでツールを繰り返します。これを不測の事態と考えてください。
起動の1週間前にコードをフリーズし、移行のためにテストベッドを作成します。
ライブに移行し、リリース後のテストを実行します。

リプラットフォームの終わり

ユーザーインターフェイスとウェブサイトのユーザーエクスペリエンスの更新が公開されると、プラットフォームの再構築プロセスが完了します。あなたがあなたの研究をして、あなたの顧客が何を望んでいるかを知っているならば、それは負担ではないはずです。途中でチームと適切にコミュニケーションを取り、従うべき組織化された構造を持つことを忘れないでください。それがすべて完了したら、おめでとうございます。サイトのプラットフォームが正常に再構築されました。それは複雑かもしれませんが、あなたのウェブサイトがあなたのブランドをよりよく表し、成功する未来のためにあなたを準備するので、それは今や報われるでしょう。

Webサイトのリプラットフォームを検討している場合は、Coalitionに連絡して詳細を確認してください。私たちのデジタルストラテジストは、あなたのニーズについて話し合い、チームを編成してあなたと協力することができます。あなたのウェブサイトをアップグレードするために私たちと協力してください。