デザイン

デザイン

2017年に来るかもしれないWebデザインのトレンド予想。「年齢レスポンシブ」「触覚フィードバック」など……

15,950 views

読了時間 : 約2分27秒

2016年も早くも折り返し地点である6月に到達しました。今年もさまざまな新しいWebデザインのトレンドが発生していますが、スピードが速いので追いかけるだけでも大変ですね。

 

どうせWebデザインの勉強をするなら、今後使える技術を学ぶのが効率的です。そこでちょっと気が早いですが、2017年に来るかもしれないトレンドを確認しておきましょう。

 

2017年に来るかもしれないWebデザイン4つのトレンド

■マイクロ・ミニ・インタラクション

smartphone-micro-mini-interaction-1024x730

 

2015年あたりから「マイクロ・インタラクション」が話題となり始めています。マイクロ・インタラクションとは「ユーザーのアクションに対して小さなアクションを返すこと」です。

 

例えば、ボタンをクリックしたときにアニメーションなどを用いて「あなたは今クリックしましたよ」とユーザーにリアクションとして通知することなどがそれに当たります。「神は細部に宿る」とはよく言われますが、Webデザインの作りこまれた細部表現です。

 

しかし現在のマイクロ・インタラクションはややリアクションが薄すぎてユーザーに認識されていないこともしばしば。2017年にはさらに「マイクロ・ミニ・インタラクション」として改善が進みそうです。

 

■触覚フィードバック技術

 

tablet-design-haptic-feedback-1024x682

 

触覚フィードバック技術(ハプティクス)というのをご存知でしょうか?例えば、スマートフォンのキーボードに触れるとガラスの感触がしますが、これを実際のキーボードに近い感触としてフィードバックする技術のことです。

 

今のところまだそれほどメジャーな技術とは言えないところがありますが、数か月内に大きく話題に昇ってもおかしくない技術でもあります。

 

そしてこの「触覚フィードバック技術」をさらに洗練させると、ユーザーはWebサイト上で実際の製品に近い感触を確かめることができるようになりますね。もしくはザラつく背景なんかもあるかもしれません。もちろんこれらは実際の触感をシミュレーションしたものですが、そう遠くないうちに「触感」もWebデザインの一要素となるかもしれませんね。

 

ちなみにこの触覚フィードバック技術に取り組んでいる企業のひとつとして、「ディズニー」が名を連ねているそうです。

 

 

■レイテンシーへの取り組み

web-design-keyboard-1024x682

 

例えば、あるWebサイトの「次へ」ボタンを押して、目的のページが表示されるのに5秒以上かかった場合大半のユーザーは離脱してしまうのはUXデザインにおいては、もはや常識となってきました。

 

Webページに限らず、こうしたさまざまなレイテンシー(遅延)がUXを著しく損なわせるのは間違いないのですが、Webデザイナー側ではその対応策のアイデアが考案され始めています。

 

例えば、現在でもユーザーにとって目的となるページのスクリーンショット画像をクリックする前に表示して、レイテンシーによるユーザーの離脱を予防しているサイトがありますが、2017年にはこうしたさまざまな対策案が考案されていくでしょう。

 

 

■年齢レスポンシブデザイン

age-responsive-design-1024x680

 

現在のレスポンシブデザインは、デバイスのスクリーンサイズに応じて表示形式や表示するコンテンツに適合するものですが、今後は閲覧者の「年齢」に応じてコンテンツ表示をを変えるデザインが出現するかもしれません。

 

例えば日本の場合で考えると、閲覧者が幼い子どものときは漢字を使わない文章を表示し、その子どもの親が閲覧している時は一般的な文章を表示するというイメージです。

 

その他にも、

 

・ユーザーの年齢に合わせ表示するナビゲーションメニューを変える

・高齢者のユーザーにはフォントサイズを大きく表示する

・サイトカラーも若年層向けには明るく、高齢層には落ち着いた色で表示する

 

などが考えられます。

年齢レスポンシブデザインは今後Webデザインに取り込まれていくでしょう。

 

(※本稿は「Web Design Trends To Expect In 2017」を参考にしています)

 

【コンビニでも使える!メルペイ初回利用1000円分招待コード】

当サイト限定招待コード:CMUTDF

 
利用可能店舗:メルカリ、コンビニ、ドラッグストア等

金額:※さらにメルペイスマート払で2000円分ポイント!
友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

 
【Uber taxi初回利用2000円オフクーポン】
JP20gd6nv7

 

プロモーション コードを追加するで「JP20gd6nv7」を入れてください。
※プロモコードは日本国内でのみ利用可能
 
»当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

Uber

Uber

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

 

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き
 
»当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

おすすめ新着記事

おすすめタグ