Web関連

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

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

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

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

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

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

 

パララックスとUI/UX

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

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

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

 

関連するサービス

ホームページ制作

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

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

ピックアップ記事

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

関連記事

  1. Web関連

    ポルシェ好きのオッサンが今後の自動車業界に関して考えてみた

    こんにちは。昔クルマが大好きだった岸沢です。今は、、、東京に住んで…

  2. Web関連

    レスポンシブデザインのサイトをわずか3日で仕上げる驚異的な方法

    最近の私の中での流行りは「故事成語」です。>故事成語/故事成句…

  3. Web関連

    意外と知らないセキュリティ対策 1限目

    皆さんは、個人情報保護や情報漏洩対策のためにセキュリティ強化をしていま…

  4. Web関連

    選んではいけないメール配信システムの3カ条

    多くの企業がメール配信システムを活用したマーケティングを行っています。…

  5. Web関連

    最新の情報に敏感…!美容室のIT活用とは?

    最新の情報に敏感な方は結構多いですよね。そんな方は、デザイナー系の方に…

  6. Web関連

    市から配信されるメールシステム

    いきなりですが、みなさんに質問がございます!住んでいる市の情報がメール…

おすすめ記事

最近の記事

  1. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  2. 人が対応するのが正しいの?DX(デジタルトランスフォーメーシ…
  3. 人間拡張って聞いたことがありますか?デジタル化が背中を押して…
  4. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  5. 【初心者向け】ここに注目!スマートフォン用バナーを作成しよう…

アーカイブ

  1. AI関連

    【人工知能(AI)×顧客満足度】音声対話で最高品質のサービスを可能に
  2. Web関連

    One-to-Oneマーケティングの新しい形、注目のweb接客とは
  3. Web関連

    集中力を上げたい人必見!おすすめストリーミングサイト
  4. Web関連

    部屋の片付け -どうしても後回しになっちゃう人へ-
  5. SEO関連

    SEO対策とユーザビリティって相反するもの!?
PAGE TOP