デザイン4原則でラクラクデザイン -その3:反復(繰り返し)-

イメージ写真

WEBサイト構築の際、デザインに統一感とオリジナリティを出すためには、今回の「反復の原則」つまり、「反復=繰り返し」を利用するとよいだろう。
「反復の原則」とは、全体を通して、同じデザイン要素を繰り返して使うことで、デザインに統一感、共通性を与え、全体としてのリズムを生み出す手法である。

この「反復の原則」はサイトデザインにおいて、非常に有効で、これなくしてはデザインは成立しない。たとえば、ボタンのデザインや見出し、ヘッダーのデザインなどの要素を「反復(繰り返し)」することで、統一感が生まれ、さらに、ユーザーがページ遷移しても、デザインが繰り返されていれば、デザインに一貫性が生まれ、ユーザーは安心してサイトを利用できる。

この「反復」は人の脳が“物”を認識する時の識別機能を利用したものである。つまり、脳は“物”をパターンとして認識し区別し、単純化して見るようにできている。“物”を見たときに脳は本能的にパターン化できるものがないか探しているのである。そのパターン化する機能を利用することで、人は物を認識しやすくなり、理解が早まるといえる。デザインのなかにできるだけ、パターン化したもの、グループ化したものをたくさん、「繰り返す」ことが重要な内容となる。

1.デザイン上のある特徴を繰り返す「反復」

反復とは、デザイン上のある特徴を作品全体を通して繰り返すことである。(図1)は名刺デザインだが反復を使って統一感を出している。例えば、書体はすべて同じ、色相を反復、アイコンを反復、などだ。反復することによりイメージを統一することができる。

名刺デザイン
(図1)

 

2.「反復」とは一貫性である

「反復」とはパターン化することが基本である。パターン化し、その要素を繰り返すことで一貫性を生み出す手法である。色や形、書体、レイアウトなど視覚的に認識できるものなら、何でもよい。繰り返すことで一貫性が生まれる。特に、WEBサイトではユーザーに操作(クリックなど)を促すものの場合、ボタンの色や、大きさや、配置などを繰り返し「反復」することで、ユーザーに、ここが操作できる部分なんだなと感覚的に伝えることができ、使いやすさ、ユーザビリティ向上を図ることができる。

繰り返しの作成例
(図2)3ページ、4ページ、5ページと繰り返して行くとWEBサイトのルールがはっきりする。 デザインの中の視覚的な特徴のある何かを何度も繰り返すことで、 ページ全体が整理され、一貫性が保たれ統一された印象づけができる。

 

3.「反復」のポイント

  • 反復はシンプルに構成する
  • デザイン上の何か特徴的なものを何回も繰り返す
  • 反復を利用して、見た目の統一感、一貫性、視覚的リズムを作る
  • アイコンなどは3次元(リアル)より2次元(フラット)のほうがパターンとして認識しやすい

この「反復の原則」を使い一貫性あるECサイトを構築し、訪れたユーザーにとって分かりやすく、安心して買い物ができるサイトをデザインしていただきたい。次回は「4.コントラスト」について説明する。

関連する記事

ECサイトの売り上げを倍増させる“心理学テク15選”... ECサイトの最終の目標はコンバージョンを発生し、売上を上げることだ。売上を上げるには、お客様の購買心理を読み解く必要がある。この購買心理を読み解く一つの方法として行動心理学が応用されている。そして、この行動心理はECサイト構築のカート機能や商品のキャッチコピー、商品説明などに活用されている。 ...
中国越境ECにかかる関税の新税制度はどうなったのか?... 中国の昨年(2015年)の越境ECの統計をみると、越境ECの利用人口は約2,400万人。前年が1800万だったので、伸び率は133%。越境ECによる消費総額は368億ドル、2014年は220億ドルであったので、伸び率は167%と、どちらも、中国の越境EC市場規模は拡大成長していることが見てとれる...
海外進出が進む日本企業 越境ECの可能性は?... 外務省のが昨年2017年9月28日に発表した、「海外在留邦人数調査統計」によると、海外在留邦人数では米国が約42万人と最も多く、次いで中国の約12万人、3位はオーストラリアの9万人と中国以外は前年比増という結果であった。 海外に住む日本人の数は、年々増加の一途であり、2016年は約133万...
Spike利用者が4万人突破!その魅力とは?... 以前ご紹介した、手数料のかからないオンライン決済サービスSpikeの国内利用者が、ローンチからわずか7ヵ月で4万人を突破しました。 特にここ最近は、2014年末の数値目標として設定していた3万人を10月に早々達成したのち、わずか1ヵ月で4万人台へと利用者が急伸しており、その人気のほどがうかが...
今さら聞けない、UGCマーケティングって何?... AmazonなどのECサイトでユーザー自身が、商品の評価や商品についてコメントなど、掲載されているのを見たことがあると思う。 こういったユーザー自身によって作成されたコンテンツを「User Generated Contents」といい、「UGC」と呼ばれている。 そして、UGCだけで作ら...
ライブコマースはLive Commerceではない 昨年から日本のEC界隈で大きな盛り上がりを見せているライブコマース。 当社が運営するLive Commerceとはまったく別物なので、認識を深めていただきたく、その内容をお伝えしたい。 まず、当社のLive Commerceは海外販売のために、自社越境ECサイトを簡単に作成できるプラット...

コメントをどうぞ