web-dev-qa-db-ja.com

Webサイトがアニメーション主導である必要がないことをクライアントに説得するにはどうすればよいですか?

私はクライアントとウェブサイトの刷新(それは代理店のウェブサイトです)について話し合いました。彼はウェブ/ UXデザイナーではなく、ビジネス戦略家です。会議では、さまざまな業界や評判の良い会社のウェブサイトをいくつか紹介しましたが、あまり喜ばれませんでした。彼には、すべてが静的で退屈で典型的なように見えました。彼は代理店のウェブサイトにその「すごい」要素を持たせたいと考えています。

その後、彼は私たちにウェブサイトの方向性を示し、「ホームページ」(またはスプラッシュページのようなもの)をアニメーション化することを望みました。ホームページをアニメーション化する方法については詳しく説明しませんが、そのアプローチは非常に「フラッシュのよう」です。

私はジュニアとも見なされますが、UX(特にWebサイトですべきでないこと)については十分に理解しています。これは良いアプローチではなく、ウェブやユーザビリティの懸念により、一部の創造性を抑制する必要があるかもしれないことを彼にどのように伝えるかわかりません。そして、これは大丈夫です。

65
catandmouse

私にとって、ここで最も重要な問題は、クライアントが、ユーザーが望んでいるのではなく、HEが望んでいるサイトを表示したいということです。ユーザーの視点よりも彼の視点の方が重要だと考えています。彼がアニメーションサイトを好きな理由は関係ありませんし、好きではないことも関係ありません。重要なのは、彼がそれを見ないということです決定するのはユーザーです。ユーザーは変換を行いません。この単純な真実に気付かなかった彼はビジネスにとって致命的です。

彼にユーザーテスト(Flash風のアニメーションサイトの束VS優れたUX/UIサイトの束)を実行し、その結果を彼のアカウントに取り込むように説得できれば、あなたはあなたの主張を理解できるでしょう。

50
Zoe K

自分を「正しい」、クライアントを「間違っている」と言うほど傲慢にしないでください。解決策ではなく、クライアントがあなたに与えた問題に集中してください。問題は、すべてが静的で退屈で典型的なように見えることです。彼はもっとすごいことを望んでいます。あなたの仕事は彼にすごいものを与えることです。その方法はあなた次第です。

彼が間違っていることをクライアントに納得させることを忘れてください。彼は間違っていません。クライアントは彼が何を望んでいるかを知っています。彼の問題は彼が限られた語彙を持っていることです。彼は自分が何を望んでいるのかを伝えようとしていますが、伝えることができる解決策は1つだけです。あなたは彼の解決策にこだわり、実際に彼の問題に耳を傾けていません。

彼が望む「すごい」を彼に現代的な方法で与える方法を理解してください。それはあなたの仕事です。

111
Mohair

すごい要素が常に役立つとは限らない

Wow factor is not always helpful

詳細がなければ、アニメーションがサイトに適しているかどうかを判断するのは困難ですが、アニメーションを使用しない場合の一般的な論点は次のとおりです。

  1. アニメーションは、ユーザーをコアタスクから混乱させる可能性があります。人間の知覚は動きに非常に敏感なので、アニメーションは非生産的な方法で即座にユーザーの注意を引くことができます。たとえば、ほとんどのユーザーが会社の基本情報を求めてサイトにアクセスしたが、表紙に興味深いビデオが流れている場合、ユーザーは何を求めていたか忘れてしまう可能性があります。

  2. アニメーションは、レスポンシブデザインにいくつかの課題をもたらす可能性があります。ユーザーは、異なるネットワーク帯域幅とクライアント処理能力を持つポートレート、ランドスケープ、またはモバイルクライアントでサイトにアクセスする可能性があるため、モバイルブラウザーでアニメーションを見ると、ぎくしゃくしてイライラすることがあります。クライアントを楽しませるのではなくビジネスを獲得することを主な目的とするビジネスサイトの場合、クライアントが必要なものを簡単に見つけられるように、物事をシンプルに保つ方が良いことがよくあります。

  3. アニメーションを使用すると、意味のあるコンテンツを読みにくくなる場合があります。たとえば、 marquees/tickerscarousels は、ユーザーが追いつこうと苦労している情報を覆い隠したりアニメーション化したりするため、ユーザーにとって非常にイライラする可能性があります。

81
tohster

何を解決しようとしていますか?

UXの観点からは、あなたの心は適切な場所にあります。問題を解決するアニメーションは大歓迎です。たとえば、iOSのアイコンの1つを押すと、アイコンが揺れ始めます。これは、ユーザーにとって何かを意味するアニメーションです。メッセージを配信して問題を解決します(アプリケーションを削除しようとしていることをユーザーに示す方法)。

iOS shaking icons

一方、移動のために、またはすごい効果のために移動するアニメーションは、ユーザーを混乱させる可能性があります。

また、すべてが強調表示されても、何も強調表示されません。

18
Eran Bar

Webサイトは、雑誌の表紙や印刷広告のようなものではなく、クライアントが考えているものかもしれません。誰かがあなたのウェブサイトにいる場合、彼らは何らかの特別な理由で故意にそこに来たので、それはユーザーの注意を引く必要はありません。彼らがサイトを見ることができるなら、あなたはそれを訪問することで彼らをすでに売りました。

その場合の目標は、訪問者を引き寄せるのではなく、訪問することを決定したユーザーに最高の印象を与えることです。ここで最も重要なことは、時間を無駄にしないことです。 theyができる限り迅速かつ簡単にしたいものにユーザーを誘導します。

カバー付きの雑誌の代わりに、よりよい比喩はカタログであり、読者はそれをすでに探し求めて開いているです。クリエイティブなデザインには十分な範囲がありますが、読者が望むカタログエントリに読者を誘導できるようにする必要があります。

14
smithkm

「フラッシュライク」アニメーションとは、どのようなアニメーションを意味するかによって異なります。

画像が対比されている回答に記載されている理由により、「何もしない多数の回転する仕掛けとスクロールするマーキー」を意味する場合、クライアントはほとんど客観的に間違っています(クリエイティブフィールドの回答が「間違っている」可能性があるため)。派手なバスとポルシェの。

ただし、クライアントがページ上のイベントを示すjQuery/HTML5タイプのアニメーションを参照している場合(たとえば、ユーザーがプロセスの次のステップに進むと、画面は明らかに次のステップにスクロールします)、クライアントの認識は、少なくとも一部のユーザーにとっては金銭的に正しいかもしれません(たとえば、モバイルユーザーはおそらく対話型アニメーションに慣れており、アニメーションを期待しているかもしれません)。この場合の仕事は、どのアニメーションが重要であるか(つまり、どのアニメーションがユーザーに情報を伝えるか)と比較して、どのアニメーションが不要であるかを調査することです。

クライアントが最初のタイプのアニメーション、派手で役に立たないアニメーションを望んでいるとしましょう。反対意見を言い換えて、クライアントに自分の考えを修正するように説得します。 「このアニメーションはXYZのせいで悪い考えです」の代わりに「アニメーションのアイデアを再考しましたが、アニメーション化されていないとサイトが退屈になるのは当然です。アニメーションを組み込むことができます。そういう風に」次に、仕様を再解釈して、アニメーションが、使いにくいアイドルアニメーションではなく、ユーザーフレンドリーな使いやすさを向上させるタイプのアニメーション(スライドトランジションなど)になるようにします。必要に応じて、一部のスマートフォンやタブレットの限られた画面スペースとシステムリソースを強調または誇張して、無駄なアニメーションを可能な限り削減します。ようやく成功した場合は、クライアントの過度に派手な仕様から賢明なサイトを作成できたときに、クライアントの避けられない「私はそう言った」と笑う準備をしてください。忍耐やプライドの結果に関係なく、クライアントが希望どおりのものを手に入れたと感じれば感じるほど、より良いものになります。

8
Wolfie Inu

「知覚は現実である」

あなたのクライアントの認識は、ウェブサイトが「静的で退屈で典型的」であるということです。特にチームがこの設計に長い時間を費やしている場合は難しいかもしれませんが、次に進むには、この認識を現実として受け入れる必要があります。

彼らはあなたに少し自信を失っており、あなたが共有の理解に到達できるかどうか疑問に思うかもしれません。プラスの側面として、あなたは今、彼らが望まないものについてのより良い理解があります。

この状況で行う最も重要なことは、クライアントの信頼を取り戻すことです

  • 彼らの合意を招き、両者を前向きな立場に置くような方法で、問題を彼らに戻します http://www.barbaraminto.com/concept.html
  • 彼らがあなたに与えたデザインを分析し、アニメーションと機能を見渡して、クライアントが彼らのサイトで獲得したい利点が何であるかを理解する
  • これらの利点をカプセル化する他のサイトの例を見つけ、クライアントが批評するための例のビジョンステートメントを記述して、学習した内容に基づいてWebサイトのビジョンを洗練するのに役立つようにする
  • 彼らの期待を管理し、必要に応じて問題を彼らに返します。そもそも重要な情報が欠けていた可能性があり、それらと協力して概要を調整する必要があります。

あなたの専門知識を使って、クライアントが何を望んでいるかを伝えるのを恐れないでください。

4
jackiemb

すべての答えには素晴らしいアイデアがあります。私が回答で言及していないことの1つは(少なくとも回答を読み飛ばしていない場合は)、ホームページがフラッシュアニメーションまたはその他の巨大な画像であるほとんどのWebサイトです。このサイトは、アクセシビリティの問題にあまり適していません。視力に制限のある人のために。これに関連して、 seo 検索エンジン最適化-これらのようなほとんどのWebサイトには、収集するテキストまたはメタデータがありません。

このようなサイトでの個人的な経験は、目とマウスの両方で「サイトに入る」というリンクを探しているようで、通常はそれ以上あきらめます。

2
Mark Stewart

モヘアはクライアントの限られた語彙について良い点を述べています。ここにクライアントが本当に意味するかもしれないいくつかの事柄があります。もちろん、どれが真実であるかはわかりません-質問する必要があります:

  • 私たちは毎日新しいコンテンツを書きますが、サイトはコンテンツがめったに変更されないという印象を与えます(クライアントが「静的」と呼んでいるもの)。更新を頻繁に確認する必要があることをユーザーに知らせます。

  • ユーザーがサイトを操作する方法はたくさんありますが、見落としがちなものもあります。ユーザーをサイトの機能に導くより良い仕事をする必要があります。

  • サイトの外観は、現在の傾向/流行とは一致していません。最近更新されていないことをユーザーに心配させるかもしれません。

「アニメーション」という言葉に惑わされないでください。アニメーションは目に見えるものなので、彼らはその言葉を使用しているだけです。彼らは彼らが何をしたいのかを説明する方法に手を伸ばしているseeサイトで。クライアントと一緒に座って、彼らの本当の欲望を理解しようとするべきだと思います。それはあなたのクライアントの能力についてあなたをより良く感じさせ、そしてあなたが彼らのニーズを理解することによってクライアントをより良く感じさせます。

1
Owen

多分全く違うアプローチを取って、あなたのデザイン決定をウェブサイトのデータで説明するでしょう。

たとえば、分析はありますか? Webサイトで何が成功しているか、何が失敗しているかを示し、コンバージョンやエンゲージメントなどのターゲットに役立つ改善を提案できますか。

また、一部のユーザー調査とビデオ参加者がWebサイトでタスクを完了し、これを上司に示し、ユーザーがタスクと目標を達成できることが最も重要であることを説明することもできますか?

また、ビジネス目標から、「すごい」要素がどのような目標を達成するかを尋ねる必要があります。Webサイトは新しいリードを生成する必要がありますか?あなたの会社は採用を予定しており、会社の文化を示す必要がありますか?これは、「すごい」要因が何を表す必要があるかについての出発点を提供し、これらの目標を念頭に置いてこれが達成される可能性がある他の方法について話し合うことができます。

これらすべてに失敗した場合-静的なレイアウトとアニメーションレイアウトを表示し、Webサイトへの一般的な訪問者を探してフィードバックを求めます-調査結果を上司に提示します。

幸運を!

0
wayneraymond

彼に最も役立つサイトのリストを作るように彼に頼みなさい。それらのどれもアニメーション主導型ではない理由があることを彼に指摘してください。

0
Sylverdrag

ビデオはどうですか?動画はテキストよりも売れ行きが良いです。それが示している

  • システムがいかに簡単か-ラップトップでどこでも実行
  • システムの対象者-幅広い年齢層、誰でもできる
  • 見返りに得られるもの-幸せで豪華なライフスタイル。

全画面ビデオの背景。クライアントのクライアントに代理店のビデオツアーを提供します。スタッフの作業とコラボレーションが満足しています。代理店プロセス;完成したプロジェクトなどから彼らが見るであろう結果.

0
JSnow