デザイン

デザイン

UXデザインにおいては「目に見えない」要素こそが重要!インビジブル・デザインの考え方

1,790 views

読了時間 : 約2分42秒

デザインは、常に「どうだ!」と見せつけるような、芸術的なものとは限りません。時に控えめで主張せず、デザインと呼んでいいのかわからないようなものもあります。ひとことで言えば、よいデザインはインビジブル(目に見えない存在)であることも多いのです。

 

もちろん、「目に見えない」というのは、レイヤーを重ねたり透過させたり、隠れた意図をもたせるといったこととは違います。機能的かつ視覚性に優れた、ユーザー指向のものを創るという意味において「不可視のもの」だということです。

 

このことは、デザイナーとしてのキャリアの初期から、繰り返し学ばれるべきことです。もしキャンバスを飾り立てるようにデザインというものを考えているとしたら、そのデザインは過剰なものになっていると言えるでしょう。最高のデザインというのは、製品を完璧に機能させるように導くものであって、デザイン自体が前に出過ぎてしまってはいけないのです。

 

本記事では、そのような「目に見えない」デザインがどうしたら実現できるのかを考えます。

 

 

1.デザインにおいて「目に見えない」とは?

 

立ち返ってみると、デザインというのは目に見えるものです。そこにはまったく議論の余地がありません。ただ、それをつくるために使用するテクニックやツールは、一般ユーザーにとって目に見えて明らかなものではないほうがよいのです。

day-trip

大事なのは、「しっくりくる」ということ。ユーザーは、使いたいとか、やりたいと感じるだけで、なぜそう感じるのかは分からない。それがインビジブル・デザインです。

 

 

2.「目に見えない」コミュニケーションを作る

 

Webページやモバイル・アプリを制作するときには、ユーザと製品との間に起こるべきある種の「コミュニケーション」を制作しているのだということを忘れないようにしましょう。そうなると、デザインはメッセージをサポートすべきものでありこそすれ、邪魔なことがあってはなりません。

デザイナーはあらゆるデザインツールを使って作品を仕上げますが、受け手側は専門的なことなど知らず、使いやすいかどうか、興味をひくかどうかで判断します。ですから、見えないツールとしてデザインを考えることが大切なのです。

thank-bot-e1440485454644

 

 

3.テクニック

 

インビジブルなデザインのポイントとしては、以下のようなものが挙げられます。

hto

・テキストと言葉

使用するテキストには、ユーザとコミュニケーションを含むようなトーンと語彙を選択しましょう。

・色

どの色やどの色の組み合わせも、特定の「感じ」を持っています。ユーザにしかるべき「感じ」やバランスを感じさせ、彼らを特定のアクションに導きやすいような色遣いを工夫しましょう。

・タイポグラフィ

タイポグラフィも特定の「感じ」を持つことに注意しましょう。

・イメージ

イメージには、フォトもアニメーションもヴィデオを含まれます。楽しく愉快であることがそれらの使用の大前提です。ペースや流れにも気を配り、イメージそのものにユーザにとっての自然さを持たせましょう。

・アイコンとUI

ある一連のアイコン・セットやUIエレメントはインビジブル・デザインにとって重要です。それらは暗にユーザに、サイトの基本的な方向や働き方について知らせます。インビジビリティにとって大切なのは、サイトがどのように働いているかを明確に意識させることなくユーザがそれを把握できることです。たとえばショッピングカートのアイコンは、どのようにして購入手続きを行えばいいかが知られていなくても、ユーザを購入の最終ステップまで導いていきます。

 

 

まとめ

 

Information Architectsの創設者でありディレクターでもあるOliver Reichensteinは、このインビジブル・デザインのコンセプトを強調するデザイナーとしてよく知られています。彼は「ミクロ」と「マクロ」の両方の要素を強調しました。これが鍵です。デザインは細部の1つひとつに落とし込まれる必要があります。

 

「見えない美学」は、デザイン理論の基礎に根ざしています。デザインは、テキスト、色、タイポグラフィ、画像、ビデオ、アイコン、ユーザー・インターフェース要素といったものによって成り立っており、あるメッセージを共有するためには、これらのデザインテクニックが適切に用いられなければなりません。

 

目指すものは何かを考え、簡潔なデザインをしてください。考えすぎないで。時には、単純すぎると思える方法が正しい解決策ということもあるのです。

 

 

※本記事は、What is Invisible Design?を翻訳・再構成したものです。

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

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

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:500円分
※さらにメルペイスマート払で1000円分ポイント!
 友達招待でさらに500円分ポイント!

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

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

無料

 

ピックアップ! さらに今このキャンペーン中です↓

ポイント50%&20%還元『メルペイフィーバー・メルペイサンデー』
■キャンペーン期間:2020/03/01 ~ 2020/03/31

 

 

【MOV初回限定 合計2,000円相当無料クーポン3枚】

クーポンコード:seleqt2000

 
対応地域:神奈川県、東京都、大阪府、京都府、兵庫県(新登場)
 
2000円オフで登録» »MOVの初回利用2000円オフのクーポンを使って登録はこちら!
 
アプリDLはこちらから↓

MOV《モブ》- タクシー配車

MOV《モブ》- タクシー配車

DeNA Co., Ltd.無料

 

 

 

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

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

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

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

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

無料

 

おすすめ新着記事

おすすめタグ