ウェブサイトのユーザーエクスペリエンス: コンテキスト化 - アクティビティページをユーザーに届ける

ウェブサイトのユーザーエクスペリエンス: コンテキスト化 - アクティビティページをユーザーに届ける

背景:

市場で人気のアクティビティ ページは、基本的に、美しく視覚的に魅力的なキャラクターや漫画の画像を視覚的な主題として使用し、テーマのシーン要素をレンダリングの背景として効果的に引き立て、アクティビティのテーマ、操作の詳細などの要素と組み合わせて、明確で便利なエクスペリエンス、視覚的にインパクトがあり魅力的なページを実現します。次のようになります。

質問:

このようなページは、一見魅力的であることが多いですが、内部の実力はあまりありません。また、私が担当したプロジェクトは主にレッドダイヤモンドの収益に基づいており、素材不足の問題に頻繁に直面しました(レッドダイヤモンドの特性による制限により、QQショーの画像とシーンは比較的薄く、視覚的な主題としてのゲームやブランドのトピックの完全な原画やモデル画像が欠けています)。また、ページ上のテキストコンテンツは比較的冗長であることが多く、画像主題の恵みがなければ、比較的扱いにくいテキスト要素も持たなければなりません。ページをユーザーにとって魅力的にし、長期滞在に耐えられるようにするにはどうすればよいでしょうか。さらに、メインの素材があったとしても、コンテンツを明確かつ整然と提示するにはどうすればよいでしょうか。ページをより下品ではなく、真にユーザーの心に感染するものにするにはどうすればよいでしょうか。

解決する:

「文脈化された」視覚的プレゼンテーションを行うことで、一方ではページの詳細、プロセスや注意事項などのコンテンツを完全かつ明確に表示し、他方ではユーザーの注意を引き、ユーザーの心を掴み、ユーザーに衝撃を与えることができます。文脈化 = 感情 + シーン。私は独自の方法を洗練してきました:ステップ1:現在のニーズの中核目的と中核操作を洗練する、ステップ2:完璧に実行できるシーンを提供する、ステップ3:適切な雰囲気と内面的な感情を与える。

具体的には、まずプロジェクトの背景を十分に理解し、目的とターゲット ユーザーを特定し、これらの要素を巧みに統合して接続できるキャリア シナリオを抽出します。最後に、適切な視覚要素、カラー レイアウトなどを使用して、適切なテーマの感情 (温かみのあるもの、新鮮でかわいいもの、悲しいものなど) をページに注入し、ユーザーの感情とつながり、ユーザーの感情に感染し、誰にも気付かれずにアクティビティの目標を達成し、ユーザーにヒットさせます。

例:

01 テンペイオンラインバンキングダイヤモンド受賞活動(2011.9)

(これは私が昨年仕事を始めたときに遭遇した要件でした。少し大雑把ですが、ここでコンテキスト化された設計手法を導入しました。)これはよくある抽選イベントです。ユーザーがここでサービスを有効にすると、ゲームの権利を取得し、カードをめくって賞品を抽選することができます。まず、以前の製品で提供された関連情報を見てみましょう。

感じるものはただ一つ、退屈でつまらない。このルートの最終出力は、ユーザーによって確実に無視されます。そして、ユーザーを引き付けるために使用される賞品(仮想バッジなど)は、十分に魅力的ではありません...考えてみると、わずかに魅力的なゲームは、興味深い、そしてこのアクティビティのコア操作である、強調する価値のある、フリップカードゲームだけです。この考えに基づいて、カードめくり操作を強調するために、カードプレイシーンを直接作成することをお勧めします。トップビューでは、アクティビティの賞品、面倒なこと、リスト表示などの指示をシーンに巧みに統合できます。最後に、革、金ペンなどの要素を使用して、豪華で高貴な雰囲気を作り出し、ユーザーがこのページに入るとすぐにお金持ちになり、カジノを見るとお金を投じてラウンドをプレイしたくなるようにします...

出力:

02 Qショーパズルがレッドダイヤモンド特典イベントを開催(2012.4)

このアクティビティも軽いゲームです。赤いダイヤモンドのブランドイメージが小さな四角に分割され、マウスをクリックして完全な画像に組み立てられます。客観的に言えば、楽しいものではありません。このパズルの核となる操作を、ユーザーにとって面白いものにするにはどうしたらいいかを考えました。かっこいいシーンを作ることも含めて、長い間考えました。でも一方では時間コストが高すぎましたし、他方では、こんな軽量なゲームでどうやってそれをサポートできるのか…

頭の中でひらめきが起こり (近くには新鮮なステーキを自慢するインタラクティブなクラスメートがいた)、このゲームを iPad バージョンとしてパッケージ化することを思いつきました... そうすれば、diaosi ユーザーの大半が iPad ゲームをプレイしているような錯覚を抱くでしょう。 4月の深センは、緑の芝生、青い空、白い雲がいっぱいで、ゲームをするのに最も爽やかで快適でストレスのない環境です。ページの背景としても最適です。同時に、天空の城の童話のようなファンタジー要素も加わっています...クリックしたユーザーが入ってくるとすぐにリラックスし、iPadを見るとプレイしたくなることを願っています。たとえ楽しくなくても、しばらくここにいるのは快適です。

出力:

03 カップル レッドダイヤモンド 相手の半分を探す (2012.4)

このアクティビティはプラットフォームを提供します。独身の人もカップルの赤いダイヤモンドを開くことができます。膨大な数のユーザーの中には、あなたと結ばれる運命にある別の独身者がいるはずです(最初に思い浮かぶ反応は、If You Are the One、Momoなどです)。

インタラクティブな大きな顔の書き込みパッケージの後:愛のもう半分を探しています。勇気と悲しみを同時に感じます。 「愛」という名のもとに軽薄で不注意な活動を避け、ゲームを購入する習慣のあるユーザーを引き付けるために、従来の活動の活気とマーケティング感を捨て、悲しくロマンチックで感情的に力強いビジュアルを主なテーマにすることにしました(人間の幸せは一瞬で忘れられ、悲しいことはより力強く感動的です)。詩人は月に頼り、恋人たちは肩に頼ります...愛する人と寄り添い、時の流れと宇宙を眺める以上に感動的なことがあるでしょうか? シーンが設定され、感情が明確になれば、デザインは簡単になります。

出力:

要約:

1. 感傷的な心を持ち続け、偉大な神が言った「永遠に若く、目にはいつも涙を浮かべよ」という言葉を忘れてください。デザイナーはもっとそうすべきです。自分を感動させるものだけが、他人を感動させる力を持つのです。

2. 材料が不足している場合は、自分でいくつかの要素を作成することもできます。ゲームの原画のように精巧な小さな絵である必要はありません。テーマに合っていれば、効果は十分です。

3. もっと見て、もっと見て、そしてもっと見る...これは、多くの先人たちがこれまで語ってきた、デザイナーにとって最も効果的な方法でもあります。

上記は、今年私が学校から TX までに行った成果と方法の要約です。まだ比較的単純な内容ですので、どなたでもお気軽にコミュニケーションやディスカッションに参加してください。


元のタイトル: ウェブサイトのユーザー エクスペリエンス: コンテキスト化 - アクティビティ ページをユーザーに表示

キーワード: ウェブサイト、ユーザー、経験、状況、アクティビティ ページ、対面、中間ユーザー、背景、公共の場、ウェブマスター、ウェブサイトのプロモーション、収益化

<<:  Baidu ニュース: Baidu 検索結果の新たな変更

>>:  医療現場の戦略 百度の検索結果に意外にも出願情報が表示される

推薦する

ウェブサイト構築における検索エンジンの収集とインデックス量の違い

ショートビデオ、セルフメディア、インフルエンサーのためのワンストップサービスほとんどのウェブサイト ...

推奨: colossuscloud - プロフェッショナル XP/Windows7/8/2003/2008/リモート VPS を含む VPS が 35% オフ

colossuscloud.com は、それほど昔に設立されたものではなく、serverpoint....

「インターネット思考」の火をつけたのは何でしょうか?

「インターネット思考」という言葉は、今日では非常に人気があり、インターネット思考に関係するものであれ...

hawkhost をおすすめします - 仮想ホストが 25% オフ、VPS が 50% オフ (softlayer Singapore)、Alipay が利用可能

Hawkhostは本日午後2時から24時間の特別プロモーションを実施しており、仮想ホスト、再販業者、...

SEO最適化を知らなかった私がSEO実践者になるまでの経験

私は2010年6月からSEO最適化に携わり始めました。私がインターネット業界に入ったのは2009年5...

インフラストラクチャ・アズ・コード (IaC) を 1 つの記事で理解する

Infrastructure-as-Code (IaC) とは、手動のプロセスではなくコードを使用し...

メガレイヤーはどうですか?シンガポールプレミアム最適化ルートレビュー

メガレイヤーはどうですか?メガレイヤーシンガポールはどうですか? Megalayer はシンガポール...

ランキングを向上させるためにキーワードを適切に使用する方法を教える

ウェブマスターになるのは簡単ではありませんし、優れたウェブマスターになるのはさらに困難です。これは、...

クラウドコンピューティングアーキテクチャに基づくスマート政府業務プラットフォームの設計と実装

政府クラウド プラットフォームの全体的なアーキテクチャ、ネットワーク トポロジ、災害復旧バックアップ...

郭静:百度は台座から降りて人々に近づき始めた

基本的に、SEO 業界の誰もが、Baidu が SEO に無関心であることを知っています。Baidu...

ウェブサイト SEO を行う初心者ウェブマスターのフラストレーションと苦しみ - A5 ウェブマスター ネットワーク

SEO は長くて退屈な作業であり、多くの初心者ウェブマスターにとっては非常にイライラさせ、面倒で、不...

草の根ウェブマスターの実態:厳しい生活環境と自営業の欠点

まず、感謝の意を表したいと思います。A5 ウェブサイトで私の意見を表明できることを光栄に思います。草...

仲人から家政婦へ:Dunhuang.com B2Bの自己償還

ホウ・ジヨンJoyo.com の創設者から DHgate.com の現 CEO に至るまで、Wang...

Pacificrack: 労働者の日、(中国向けに最適化されたライン) 米国 VPS - 30% 割引、最低 $10/年、中国語版 Windows をサポート

Pacificrack は毎年恒例のレイバー デー プロモーションを開始し、30% 割引で、年間 1...

pumpcloud: 台湾のダイナミック VPS、いつでも IP を切り替え可能、250Mbps の帯域幅、無制限のトラフィック、月額 42.48 ドル

pumpcloud は、台湾のダイナミック VPS (いつでも IP を切り替えるのに便利) を新た...