広電通配送ケース V2.0 設計概要 (インタラクション)

プロジェクトの背景

広電通の改訂前は、3つの配信端末があり、それぞれ異なるタイプの顧客を対象としていました。ユーザーは、バージョンの複雑さ、機能計画の一貫性の欠如、ユーザーエクスペリエンスの詳細の悪さなど、日常の使用で多くの問題に遭遇し、作業効率に影響を与えていました。

同時に、内部の観点から見ると、複数のバージョンが存在することで、バージョンの混乱、構築の重複、メンテナンスコストの高さ、製品機能と許可メカニズムの分散、統一された製品計画制約の欠如など、多くの問題も生じます。

同時に、Google Adwords、Bing AdCenter、Yahoo Panama、Facebook、Baidu New Phoenix Nestなど、複数の成功した主流の広告システムを調査、分析、比較、参照した結果、GuangDianTongの配信システムは、あらゆる面でまだ多くの改善の余地があることがわかりました。これは私たちにとって、挑戦であると同時にチャンスでもあります。

このことから、製品が特定の歴史的条件の下で野生的に急速に成長した後、GuangDianTong の配送システムは「収穫」プロセスを経なければならないことがわかります。つまり、製品設計主導に戻り、システムバージョンを統一し、蓄積された問題を整理し、機能を改善し、ユーザーエクスペリエンスを最適化することです。

見直しと最適化を経て、私たちの配信システムは最終的に「高品質」なシステムになると信じています。

デザインの方向性の検討

既存の問題の分析

広電通の広告プラットフォームは初期段階ではまだ模索段階にあったため、体系的な計画が欠けていました。機能の継続的な追加と実験により、ユーザーエクスペリエンスに関する多くの問題も明らかになりました。

ユーザー調査と日々の製品運用を通じて、次のことがわかりました。

問題1: 非効率的なページ構造と情報表示

具体的には、ページの幅が固定されているため、大画面ディスプレイでは表示スペースが無駄になります。 2: コア情報が十分に表示されておらず、表示するにはページを切り替える必要があります（例：アカウント情報、広告効果など）

問題2：機能の不合理な配分とユーザーの混乱

具体的には、広告を作成するという操作が頻繁に行われるのですが、その操作を行うには毎回ホームページに戻る必要があります。

　　問題3: 視覚的なデザインの階層が不明瞭で、明確なスタイル特性が欠けている

内部ニーズの調査

2年間オンライン化された製品として、Guangdiantongの納品側の開発要求は、最初のリリース時とは異なっています。製品マネージャー、デザイナー、上司はそれぞれ異なる要求を持っています。製品マネージャーは、カスタマイズされた広告、個人情報、アカウント情報、広告効果を重視した表示など、より多くの機能を実現することを望んでいます。デザイナーは、バックグラウンド管理製品でもユーザーエクスペリエンスを考慮できることを期待しており、同時にインターフェイスがシンプルで効率的であることを望んでいます。上司の意見は、効率化とブランドの強化という目標指向です。

競合製品分析

「Baidu Promotion」「Tencent Performance Promotion」「Google Adwords」など、いくつかの代表的な広告背景について詳細な分析を実施しました。

次のような共通の設計上の特徴が発見され、まとめられました。

1: 情報表示効率を向上させるフルスクリーン情報レイアウト

2: データグラフィックにより、データのプレゼンテーションがより直感的でわかりやすくなります

3: モジュール式でカスタマイズされた情報表示

研究の最新動向

最先端のバックグラウンド管理インターフェースデザインスタイルを参考に研究した結果、

いくつかの共通のデザイン機能を見つけました:

1: グラフィカルで直感的で理解しやすい情報とデータ

2: モバイルエクスペリエンスを考慮したレスポンシブなデザイン

3: フラット化、コンテンツを優先し、不要なテクスチャを削除する

デザインの方向性を確立する

自社の課題の発見、社内ニーズとの競争、競合他社の分析、トレンドの研究など、上記の4つの異なる次元を通じて、Webサイトを完全に理解し、正しいポジショニングを見つけることができます。最終的に、次のデザインキーワードを抽出し、効率性第一と人間的配慮を改訂のデザイン方向として決定しました。

設計実装

効率第一

広電通の広告配信はバックエンド管理製品であるため、1秒1秒が収益に直接関係しています。需要側は特に効率性を重視しています。効率性を向上させる際にまず思い浮かぶのは、バックエンドロジックの最適化、コンピューティング速度の向上、応答時間の短縮など、技術的な手段で実現できるということです。デザインの観点から、何かできることはありますか?

1: 情報レイアウトはフルスクリーンで、画面スペースを最大限に活用し、ユーザーは 1 つの画面でより多くの情報を表示できます。このため、Web サイトの構造を設計する際に、レスポンシブ デザインのアイデアを取り入れる必要があります。

2：コア情報のグローバル化と頻繁な操作により、情報構造がよりフラットになり、ユーザーの効率が向上します。

3：ユーザーは興味のある広告効果をカスタマイズし、各個人に合わせたコンテンツをカスタマイズできます。

レスポンシブデザインとフラットデザイン

重要情報のグローバル化と頻繁な操作

コンテンツのカスタマイズ

人間的ケア

広店通配送ターミナルのバックエンド管理インターフェースを初めて見たとき、このインターフェースは堅苦しくて退屈で、ユーザーの視点から設計されていないと感じました。突然、あるアイデアが頭に浮かびました。バックエンド管理インターフェースであっても、ユーザーエクスペリエンスを考慮に入れるべきではないでしょうか?人間的配慮の観点から、以前のウェブサイトは十分ではありませんでした。以下は、GuangDianTong V2 を改訂する際に人間的配慮に基づいて行った取り組みの一部です。

1：グラフィカルな情報、これまでのバックグラウンドインターフェースの堅苦しく退屈な情報提示方法を変える

2：人間化された操作、複雑な機能を段階的に完了でき、中断可能、可逆的、持続可能

3: ユーザーが新しいバージョンの変更にすぐに適応できるようにするための初心者向けガイド

情報グラフィックス

グラフィカルな情報はユーザーと情報とのインタラクションを強化し、データを退屈なものにしない。

人間工学に基づいた操作

新しい広告を作成するプロセスは中断できますが、入力されたデータは失われず、操作は元に戻すことができ、持続可能です。ユーザーが複数のスレッドでウェブサイトを使用するのに便利

新しい広告の作成は複雑で時間がかかります。段階的に行うことで、ユーザーに大きな心理的負担をかけることを避けることができます。

初心者ガイド

新しいバージョンでは、多くのユーザーの本来の使用習慣が必然的に変化します。私たちはこの不快感を最小限に抑えたいと考えています。

次のステップ

モバイルのトレンドは止められません。ユーザーインタビューでは、ユーザーは配達期間のデータを非常に頻繁に監視しているため、週末でも基本的にコンピューターから離れられないことがわかりました。モバイル版をリリースすれば、ユーザーはコンピューターから大きく解放されます。完全なモバイル エクスペリエンスは、すでに今年の計画に含まれています。