とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

CPU「うぉおおお」冷却用ファン「ブーーン」スマホ「パケット泥棒ぉおお」Webサイトの無駄な演出やアニメーションやめよう

Webサイトの無駄な演出やアニメーションやめよう

リッチな演出のサイトが多い昨今のWebサイト事情。

それ意味あるの?というような演出も多いです。

 

正直、Web屋がクライアントからお金もらえるし、

おっさんは動くものが好きだし、

なんか動かしておけばウケがいいから、てなかんじで

採用されている演出も多い気がします。

デザイナーがとりあえず流行ってるからという理由で

たいした考えもせず採用しているようなところもあったり...。

 

リッチな演出やアニメーションは、

目的や意味があって採用すべきですよね。

 

というと、物は言いようでそれらしい

理由をつけられてしまうのですが...

 

独断と偏見による、

発注側と制作側のエゴでしかないと思っている

害悪な演出、アニメーションを発表します。

順不同です。

 

1 ふわっと表示されるアレ

スクロールしたらふわっとコンテンツだすアレ。

スクロールに追いついてないからやめて?

ページロードしたらふわっとだすアレ。

フェードインしてくるコンテンツたち。

普通にみせて、どうぞ。

 

2 ページ遷移アニメーション、おしゃれローディング

意味もなくページ遷移するたびに発生するローディング。

ローディングのせいで待たされてる感。

ページ遷移のローディングは、

ブラウザのステータスバーだけで十分です。

 

3 画像スライドショー

どこのサイトでもありますよね。

クライアントはいつだって全部見せたい。

全部のせたい。でも表示スペースは限られている。

そんな要望を満たすことができるスライドショー。

でもだれも見てなくないですか...

そのまま全部だしたほうが露出度上がっていいですよ...

 

4 パララックス

なんかすごーい!とクライアントのおじさんにウケがいいだけ。

オワコン。

スクロールのスピードにコンテンツの表示が

追いついてないからやめて?

 

CPU「うおおおお!」

冷却用ファン「⊂二二二( ^ω^)二⊃ブーン」

スマホ「パケット泥棒ぉおお」

 

5 スクロールジャック

シンプルにやめて?

スクロールのデザイン変えないで?

スクロール量、ハッキングしないで?

  

6 SVGアニメーション

アニメーションおわるの見てる暇ないの、

忙しンだわ、待てねンだわ

はよ見せろ

 

以上です。

 

見た目や使い勝手もそうなのですが、こういった

リッチな演出は開発側の視点からしても

実装工数がかかりますし、要件が複雑になりがちです。 

 

ユーザーのアクションに対するフィードバックや

ステータスの変化を正しく伝えるための細かなデザイン

 

このようにユーザの補助となるような演出や効果(マイクロインタラクション)は

積極的に採用していきたいところです。

webdesign-trends.net

 

営業的な観点からすると、見た目が派手に動くサイトは

クライアントにウケがいいので提案にはいいですが、

コストや実運用、パフォーマンスを考えてもうやめませんか...

と思ってしまいます。

 

ほんと、阿部寛のサイト 見てると落ち着きますね。

 

関連した話題のサイト貼っておきます。

w3q.jp

leadnetv.blog.fc2.com