« ブログのトップページに戻る

フラットデザインは使いやすいのか?

   投稿者 : 2015年3月16日 By

イメージ画像

ここ数年のトレンドとして、多くのウェブサイトで“フラットデザイン ”が取り入れられている。従来のリッチデザイン、ボタンやアイコンなどを立体的に写実的に見せることを極力排除し、インターフェースをすっきり、見やすく洗練された今までにない独自の表現手法である。
IOS7やwindows8のヴィジュアルに“フラットデザイン”が導入されたことにより、サイトデザイン表現に加速度が増したと言える。
フラットなデザインにすることで、以前のリッチデザインであれば、リアルなデザイン、たとえば、ボタンなど立体的にデザインすることで、その操作を誘導することができユーザビリティに配慮したUIを実現できていたが、フラットにすること事態が目的化してしまい、ユーザビリティがなおざりになってしまっているサイトが少なくないように感じる。つまり、フラットデザインを採用すると、ユーザビリティが低くなるのである。
そこで、今回はフラットデザインでユーザビリティを高めるにはどのようなことに配慮すればよいかを考えてみる。

1.フラットデザインの良い点

フラットなデザインの最も良いところは、スマフォ画面でのシンプルなUIを実現し、見やすいということ。多くのフラットデザインはスマフォのためと言ってよいだろう。
また、色彩表現が前面に出て、彩度が高い色を使うため、ハッピーでポジティブな印象を与えている。
また、フラットデザインの大きな魅力として美しいタイポグラフィがあげられる。つまりメッセージ性の高いストレートな表現ができ、クリーンでシャープで美的な表現、ブランディング効果が高いサイトに適している点である。

フラットデザイン

2.フラットデザインの悪い点

フラットデザインは未だトレンドでありトレンドの弱点は、それがどのくらい続くか分からない点だ。
フラットデザインもすでに、ロングシャドウを使ったりなど純粋なフラットなデザインから変化を見せ始めており、もし、あなたが長期間サイトに使用するなら、より少なめにトレンドを採用したほうがよいだろう。
また、ユーザビリティーの専門家であるヤコブ・ニールセン氏によればWindows8の新しいUIについて、「立体的な表現を廃したフラットなUIでは、どこを押すことができるのか、あるいはどこに文字を入力できるのかわからない」と指摘している。
ある報告では、Windows Phoneのウェブサイトにおいて、50もの違う箇所を被験者がクリックし、その内35個のみが実際にクリック可能なリンクだった。
つまり、ユーザーがリンクだと考えているものの約30%はただのテキストだったりイメージだったりする、ということである。ユーザーがどこをクリックしてよいかわからなくなってきていることを意味する内容であった。

3.ユーザビリティにおける改善策はあるのか?

フラットデザインは今後も続くだろうことは確かである。そして、それ自体はメリットは大きい。たとえばリッチデザインに比べ、デザインにかける時間が大幅に短縮され、その分の時間を使いやすさや機能に時間を割けることだ。
たとえば、操作可能な箇所を示すためのユーザービリティを高めるためには以下の点を考慮するとよい。
まず、操作可能なクリック可能な箇所にはアイコンとテキストとキーカラーを統一する。
さらにテキストと周囲の余白を大きく取る。などクリックできるという暗喩(メタファ)的デザインをしっかりサイト内に明示してゆくことが重要である。
ユーザーが直観的に認知し、クリックできるよう、デザイナーは使いやすさにこれまで以上に時間を割かなければならない。
作り手として、デザイナーとして忘れてはならないのは、“サイトUIはビジュアルコミュニケーションである”という視点である。
ユーザーの見ている環境やシチュエーションを考えなければ、どんなにトレンドを取り入れ、見た目に「新しい」というインパクトを与えることに成功したとしても、それは失敗である。
常にユーザー目線で、その上でどんなデザインがよいか、使いやすいか、わかりやすいかを判断せねばならない。
多言語ECサイト構築においても、そのユーザー、地域や人種の違いをマーケティングし、海外ECサイト設計をしていきたいものである。

関連する記事

これからのWEB広告はネイティブ広告の時代となるか?... 数年前から、問題とされてきた、ステルスマーケティング、通称「ステマ」。ステマとは、消費者に宣伝と気づかれないように宣伝行為をすることであるが、ステマ広告でもなく、通常のバナー広告でもない、ネイティブ広告。 ネイティブ=自然な広告という意味合いの強いネイティブ広告とはどのようなものなのか?SN...
反応してもらえるメールの書き方6つのポイント... メールの回答をもらうのに苦労していませんか?なぜ返答がないのだろうか?シンプルな回答のはずなのに時間が掛かりすぎていないだろうか、 どうすればもっと早く受信者に反応してもらえるのだろうか?これは皆が経験していることだと思われる。 そこで今回は反応してもらえる6つの重要なヒントをまとめてみた。...
Live Commerce にタイ語が追加 Live Commerce に本日タイ語のオプションが追加されました。 機能管理 > 追加オプション申請 > タイ語追加 よりオンラインから申込が可能です。 オンラインデモ 下記サイトにてオンラインデモサイトを公開しています。 タイのEコマース事情 人口:6...
もう対応してる? モバイルフレンドリー... 最近は電車のなかでスマホを見てる人が多くなった。外出先でもインターネットが当たり前の時代だ。Googleの発表によると、スマホからの検索数がPCからの検索数を超えたようだ。スマホの重要性は今後、ますます高いものとなるだろう。そのようなスマホユーザーに確実に良い情報検索結果が表示されるように、Go...
フォームを最適化し、コンバージョン率を大幅UP!... 離脱率が多いフォームを改善する。それが「エントリーフォームの最適化」、EFO(Entry Form Optimizationの略)である。 エントリーフォーム最適化(EFO)では、ユーザー視点に立ってエントリーフォームを作ることが重要である。 レジに並んだお客様に途中で帰らないようにスム...
ヨーロッパのECビジネスの拠点は? EC越境サイトビジネスは、アジア、アメリカのブームに続いてヨーロッパでも急成長している。 ヨーロッパは世界でも有数の大規模市場、海外進出を考えている企業には見逃せないエリアである。 ヨーロッパ市場は新興国も含め、特にECビジネスにおいて急速に変化を遂げており、特にEU圏内での取引をスムーズに...
このエントリーをはてなブックマークに追加
 

今なら海外展開の為の成功BOOKを無料ダウンロードできます。是非この機会にお読みください。