Webデザインの流行について

今年の流行

こんにちは、し-ぺんです。久しぶりの更新になります。

Webデザインに携わる者として流行に敏感であることは重要であると思います。今回はその流行に対する自分の思いをポエム的に綴ろうと思います。

1ページ完結型(縦長ページ)

一昨年くらいから増え始め、去年のメインと言ってもいいくらい普及している縦長のページ。これはクリック不要で離脱率を下げる効果があり、ユーザーの総待機時間を減らすことが出来るのでUX的にも良い傾向にあると考えられます。

ただ個人的には引っかかる部分もあって、見ていて集中力が続かないというか飽きちゃう感じがするんですよね。節目が欲しいんです。

あと自分がどこに居るのかわからないページ。あれはもう勘弁してくれって話ですね。酷いところではスクロールバーもなくてどこまで続くのかわからないうえに、スクロールが面倒です。
ページが縦に続くことを明確に示せておらず、ファーストビューで完結かと思うページも少なくありません。

背景を動かすとかで遊び的に使用しているのであれば良いですが、コンテンツが存在するページであればアンカーリンクによるナビゲーション等で移動をしやすくして、さらに色などを用いてユーザーの位置を知らせてあげることがマストだと思います。

次にこれはその設計者がいけないのですが、読み込みが遅くて逆効果なページも少なくないんですよね。例えば画像が多いページの場合はこういった形のレイアウトは避けるべきであると僕は考えます。
遅延ローダーを使って画面が近づくと読み込むようにすることも解決策の1つですが、個人的にはあの読み込み時間もストレスです。

そもそも縦長ページが何故流行ったのかというと、スマホでのインターネット使用率がかなり上がってきたためだと思われます。スマホ等の画面幅の狭いモバイル機器で自然にスワイプさせ、スマホでは通信速度もPCに比べ遅くなるので、ページの遷移を少なくすることを重要視して生まれたレイアウトなんだと思います。であれば画像の多いページを1ページで読み込ませるのは本末転倒だろうと僕は思うわけです。
なのでギャラリーのようなページは別ページにしたほうが無難かと思います。

パララックス効果の使用

僕はこのパララックスというものが好きではないです。というより、上手く使えている人・ページが少ないんだと思います。(僕も使えないです!!)

好きでない理由としては気が散って文書に集中できないからです。スクロールによる効果にばかり気が向いてしまって文章は斜め読みというより、ほぼ読んでいないことが多いです。無意識にマウスのホイールを延々とクルクルし続けてます。

そして見終わった後に一言漏れるのです。-で? と。

もちろん上手く使えているページは見ていて楽しいですし、印象に残りやすいです。
パララックスをはじめとしたスクロール効果は、コンテンツの内容よりもユーザーを楽しませたい、それ自体が訴求したいとこという場合に使うといいでしょう。もちろん、気が向きすぎないように上手使えれば内容も読ますことができる素敵なページが出来ることでしょう。

フラットデザイン

フラットなデザインは見やすく個人的な好みには合っています。ただ、似たようなデザインばかりになってしまってつまらないなとも思います。

今後はマテリアルデザインですか? みんながガイドライン等に沿っていてはつまらないです。

フラットデザインに限った話ではないのですが、WordPressの普及も相まって同じようなページがどんどん増えていっているような気がします。
最近はUXの本質を捉えたデザインの考え方が主流になっているので基礎の考え方という部分ではいいと思いますが、新しいアイデアが生まれづらい状況にあるのかなと思います。

個人的にはflashでゴチャゴチャクリエイティブなページがあった時代の方が楽しかったです。これをHTML5とCSS3とjsで再現するのって結構な学習時間が必要そうで手が伸びづらいですよね…。

さいごに

批判的な意見が多いように見えたかもしれませんが、決してそういった内容の記事ではありません。あくまで適材適所、なんでもかんでも流行りに乗るんじゃなくて目的・ターゲットにあった使い方をしましょうという単純な話なんです。

そしてWebデザイナーとしては毛嫌いはせず、全てのタイプについてそのメリット・デメリットを考え、実際に作ってみるべきだと思います。クライアントの要望に対して「作れません」じゃ話にならないですからね。
そのデザインは作らないという信念を持っていても、その技術や考え方は何かしらに生かせるはずです。

作っていて初めて見えてくる物や解決策もあることでしょう。

コメント

この記事にはまだコメントがありません。

コメントする

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です。

▲ Top of the page