Web関連

善し悪しが2分されるパララックスデザインってどう思います?

0

企業や組織が運営するサイトにおいては致命傷にもなりかねないパララックスデザイン。
「視覚効果はバツグン」といった言葉に踊らされ、安易に導入すると痛い目にあう気がするのは
私だけでしょうか・・・
最初に申し上げておきますが、決してパララックス否定派ではございません。。。
逆に、なかなかこっている面白いサイトだな、と見るたびに感心してしまうほうの人間なのですが、やはりターゲットユーザーのニーズや利用シーンを検討して導入することが大切ですね、
というお話ができればと思っています。
インパクト性の高いパララックスデザイン。読ませるより見せる(魅せる)要素が強い表現法
ですが、見せるよさと、読ませる良さを共存させることはできるのでしょうか・・・

そもそもパララックスってなに?

パララックスデザインが出始めたのは2-3年前くらいからでしょうか。
ものの本によりますと、そもそも「パララックス」という言葉は、写真をあつかう方々が使っていたことばのようで、直訳すると「視差」といいます。
視差?
カメラのレンズから測る被写体の位置と、ファインダーから覗いた被写体の位置とでは、微妙な
差異が生じますよね。この差のことを視差というと教えてもらいました。
で、、、Webでの視差って?
Webでは、遠近感のある画像や、スクロールをすることで展開されるさまざまな動き、
モーションを使ってダイナミックに見せていく手法のことを言います。
でも、かっこいいとかだけではないのです。ストーリー性を持たせることで疑似体験を
提供できる手法でもあります!

メリットとデメリットを考えてみよう!

やはり何と言っても、その最大の魅力は表現力でしょう!
テキスト中心の表現とはくらべものにならないくらい視覚的に訴えかけてくるパララックスでは、商品やサービスが持つイメージをストレートに伝えていくことができます。
また、みなさんそうだと思いますが、知らず知らずのうちにページの最後までスクロールして
しまっていませんか?「最後までみせちゃう」のもメリットですね。
何気なく最後まで見てしまうパララックスでは、そのモーションやエフェクトが鍵を握っていますが、テキスト表現では伝えずらい世界観やストーリーという部分も訴求していけます。
一方、エフェクトが多い分、ページの読み込み速度には気を付けたいところです。
スクロールというトリガーで表現が変わりますので、スマホやタブレットでも不具合がでないかの確認もしておきましよう。

 

パララックスとUI/UX

ユーザーの想像を超えるイメージ展開も可能なパララックス。ユーザーの想像を超えるということは、ユーザーが期待する動きとは異なったモーションを展開するということにもつながります。
クリックする前にどのようなコンテンツに遷移するのかが分かったほうが(想像できたほうが)
より使い勝手が向上する(ユーザーのストレスは軽減する)一般的なWebサイトのコンテンツ展開とは異なります。
サイトを構築していくにあたり、ユーザーニーズを把握して伝えたい要素を洗い出していくというステップに変わりはありませんが、「伝えたい要素」の見せ方には最低限のサジェストがあったほうが使い勝手は担保されます。
たとえば、スクロールした際、画面が上下に動くのか左右に動くのか。多くは上下に動きますので、もしみなさんのサイトが左右の動きをするようでしたら、ユーザーがスクロールする前にそのことに気づくようなボタン設置やアナウンスが分かったほうが親切です。UIの検討ですね。
パララックスでは、「えっ、こんな動きするの!」というポジティブな共感と「分かりずらいな」というネガティブな感情は表裏一体だと思っていただければと思います。
ユーザーの年齢やWeb利用頻度などにも関わってくる課題になりますので、ペルソナをしっかりと立てて設計には十分な時間をかけていくことをオススメします。
あまりにもやりすぎてしまうとネガティブなイメージを与えてしまいかねず、UXの低下につながる恐れもあるので気を付けてださいね。

パララックスデザインのあれこれ

世界観やストーリー性を伝えやすいパララックス。
多くのサイトがありますが、私が好きな車ではどのようなものがあるのか見てみました!
自動車業界では結構な割合でパララックス化が進んでいるようです。
国内ではトヨタや日産、マツダという主要メーカーも採用していますし、海外組ではフェラーリやポルシェなども展開に積極的です。
車やクルーザー、ファッションやスポーツという嗜好性が高いものや、躍動感を伝えたいものを
中心に今後も増え続けていくのだと思います。
みなさんのサービスでもご検討されてはいかがでしょうか。

 

関連するサービス

ホームページ制作

0

デザイナーが押さえておきたいweb配色パターン前のページ

SNSマーケティング次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. AIに求められているものは、実は意外な物だった
  3. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    【Web制作会社に聞いた】Webサイト売上げアップに使える”行動心理学” そ…

    さて、今回は「行動心理学」についてのコラムです。Webサイトを…

  2. Web関連

    頭と心のストレッチ。 ホッと一息つく脱力系サイトまとめ

    2016年も約半分終わりました・・・。バリバリ仕事をこなしているであろ…

  3. Web関連

    業界のWebトレンド調査!スポーツ用品メーカーのサイトについてまとめてみました

    最近朝や夜が涼しく、ちょうどよい気温でとても過ごしやすいですね。私の友…

  4. Web関連

    Web制作会社ティファナが伝授!飲食店の集客増加のためのWebマーケティング手法

    全国各地の飲食店は、集客のためにインターネットを活用してマーケティング…

  5. Web関連

    旅のすすめと使えるフリー画像素材サイト

    こんにちは!デザイナーの勇希です!WEB関係のお仕事をしている…

  6. Web関連

    果たしてDMPの導入は本当に敷居が高いのか?

    こんにちは!デザイナーの角田です。広告業界で大注目のDMP、ご存知です…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    Web業界だけじゃない。KPIの使い方
  2. Web関連

    ホームページ更新の手間を省きたい(CMS構築)
  3. Web関連

    ECサイトの売上を向上させたい 第2回目
  4. AI関連

    【人工知能(AI)×メンタルヘルス】AIに悩み相談!テレワーク疲れにメンタルセル…
  5. サービス・新技術

    申請書業務はRPAにお任せ!人の代わりに業務を自動化
PAGE TOP