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

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

   投稿者 : 2015年3月16日 By

イメージ画像

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

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

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

フラットデザイン

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

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

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

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

関連する記事

「自分」ブランドを構築するには? 会社や製品にはそれぞれの独自のブランドがあるが、多くの人が「自分ーパーソナル」ブランド確立は難しいと感じているようである。自らアピールしなければならない、人前にさらされてしまう、もしくは自分の存在や熱意すべてを捧げてしますような恐怖感もある。しかし、「パーソナル ブランディング」は、思ったより難...
補助金・助成金の申請はどうすればいいの?... 補助金・助成金とは「新しい設備を導入したい」「新規に事業を進めたい」「人材育成に投資したい」など、会社が国や地方公共団体、民間団体などからお金をもらうことができる制度である。 大きな特徴は融資ではなく「返済不要」という点である。 お金は公的な資金から出されるものなので、誰でももらえるわけ...
画像について語り合える!Pinterestの新機能... 2014年8月7日、Pinterestは気に入ったピン(画像)をメッセージ付きで送信、返信もできるメッセージ機能を追加しました。画像を介したメッセージのやりとりが、どのようにビジネスの幅を広げるのかをご紹介します。 メッセージ機能とは? まずは、Pinterestのメッセージ機能を見てい...
来春いよいよ日本にも上陸!ソーシャルコマースFabのメールマガジン戦略が面白い... 米ソーシャルコマースサービスの「Fab」に、日本の伊藤忠商事が500万ドルを出資したというニュースが飛び込みました。「Fab」といえば、ローンチ前に10万人のメール会員を集めることを目指し、実際にはティザーページ公開後わずか30日で5万人、3ヶ月後には16万5000人ものメール会員を集めたということ...
自社ストアのデザイン改善で売り上げUP!... 皆さん、eBay Storeに掲載されている商品ページなどのデザインを度々見直していますか?実は、自社ストアのデザインを改善するだけで、容易に利益の上昇を見込めるというのです。 では、どの程度売り上げを上昇させられるのでしょうか。Frooitionという、eBayを始めとした主なEコマースサ...
中国越境ECにかかる関税の新税制度はどうなったのか?... 中国の昨年(2015年)の越境ECの統計をみると、越境ECの利用人口は約2,400万人。前年が1800万だったので、伸び率は133%。越境ECによる消費総額は368億ドル、2014年は220億ドルであったので、伸び率は167%と、どちらも、中国の越境EC市場規模は拡大成長していることが見てとれる...
このエントリーをはてなブックマークに追加
 

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