TSGのWebサイト分析|かわいいだけじゃない情報設計の魅力

かわいいキャラクターが登場するWebサイトは、数多くあります。しかし、見た目のかわいさだけでなく、商品への理解まで自然につなげているサイトは、どれほどあるでしょうか。 今回取り上げるのは、塗料メーカー「TSG」のWebサ … 続きを読む

CABOのWebサイト分析|説明しすぎないデザインが心地よい理由

Webサイトは、できるだけ多くの情報をわかりやすく伝えるべきなのでしょうか。 もちろん、情報のわかりやすさは大切です。しかし、最初からすべてを説明されることが、必ずしも心地よいとは限りません。 今回取り上げるのは、代々木 … 続きを読む

MOV蔵前のWebサイト分析|最後まで読みたくなる情報設計の魅力

美しいWebサイトは数多くあります。しかし、見た目が美しいだけでなく、最後まで自然に読み進めたくなるサイトは、それほど多くありません。 今回取り上げるのは、コクヨが手がけるシェア型オフィス「MOV蔵前」のWebサイトです … 続きを読む

「何もしない」が成立するWebサイトの条件

ブルータリズムWebサイトを観察していると、文字や画像を大胆に配置した、強烈なデザインに出会います。 巨大な文字。荒い画像。不揃いなレイアウト。 ところが、その一方で、驚くほど簡素なサイトもあります。 画像を置いているだ … 続きを読む

文字を読ませないWebデザインは、なぜ気持ちいいのか

Webサイトに文字があれば、普通は読もうとします。 見出しを読む。説明を読む。必要な情報を探す。 文字は、情報を伝えるためにあるものだと考えられているからです。 ところが、Webサイトを観察していると、画面いっぱいに文字 … 続きを読む

「情報は置いた。あとは好きに見てください」というWebデザイン

Webサイトは、閲覧者を案内するものだと思われています。 どこをクリックすればいいのか。次に何を見ればいいのか。どんな情報が重要なのか。 迷わせないために、さまざまな工夫が施されています。 でも、いくつかのWebサイトを … 続きを読む

Webサイトのアニメーションが「うざい」と感じるのはなぜ?

Webサイトを見ていて、アニメーションが気になって離脱することがあります。 フェードする。文字が動く。画像が切り替わる。スクロールに合わせて画面が変化する。 私はこれまで、そんなサイトを見るたびに「アニメーションがうざい … 続きを読む

カルーセルとスライダーの違いとは?Webデザインでの使い分けを解説

Webサイトを見ていると、画像やコンテンツが横方向へ切り替わるUIをよく見かけます。 「カルーセル」「スライダー」と呼ばれることが多いですが、この2つは似ているため、何が違うのか分かりにくい言葉でもあります。 実際には厳 … 続きを読む

愛想がないWebサイトは、なぜかわいいのか

Webサイトを見ていると、ときどき妙に愛想のないサイトに出会います。 丁寧な説明もない。親しみやすい言葉もない。きれいに整理されすぎてもいない。 「これを見てください」「次はこちらです」と、こちらを案内しようとする気配も … 続きを読む

ブルータリズムと、ただ見づらいWebサイトの境界線

ブルータリズムのWebサイトを見ていると、文字が異様に大きかったり、レイアウトが崩れていたり、配色が強烈だったりします。 一般的なWebデザインのセオリーから考えれば、「見づらい」と評価されてもおかしくありません。 でも … 続きを読む