伝えることを考え抜く「nanapi」のUIデザイン
ホシナカズキ2011/6/29
Webサイトやプロダクトのデザインの中で「よいデザイン」とされるものは、そのデザインへといたるまでに、はっきりとした“スジ”が存在します。その“スジ”を探っていきます。
いいデザインにはスジがある
- - PR -
“デザイン”と一口にいうと、多くの人は単純に表面的なものとしてとらえがちですが、実はデザインとはただ見た目を作る作業ではありません。
世の中に山のようにあるWebサイトやプロダクトのデザインの中で、「よいデザイン」とされるものは、そのデザインへと至るまでに、はっきりとした“スジ”が存在します。「よいデザイン」=「スジのあるデザイン」とも言い換えられるでしょう。
今回から始まるこの連載では、そうした「スジのあるデザイン」がどのようにして生まれてくるのかを、生みの親に根掘り葉掘り聞いて迫ってみちゃおうじゃないか! という趣旨で、さまざまなWebサービスやプロダクトを、デザイン目線でつづっていきます。
ライフレシピ共有サイト「nanapi」
連載1回目は、この「@IT」をご覧になる方であればまず知らないはずがないであろう、ライフレシピ共有サイト「nanapi」についてつづっていきたいと思います。
![]() |
| このところ業界大注目のnanapi |
「nanapi」は2009年9月にサービスインした、恋愛や仕事、人間関係、マナーなど、生活をもっと便利にする“ライフレシピ”を共有するWebサービスです。
現在、実に2万を超える膨大な量のライフレシピが掲載されており、Facebookページも2万1000人を超える人から「いいね!」をされている(2011/06/15現在)超人気Webサービスでもあります。
伝えるためのデザイン
冒頭でも書いていますが、この連載では「生みの親に根掘り葉掘り聞いて迫っちゃおう」という趣旨なので、「nanapi」を運営する株式会社ロケットスタート代表取締役の古川健介氏(@kensuu)に「nanapi」のデザインについて伺ってきました。
![]() |
| 取材日の前日が30才の誕生日。ジャケットの色が映えてます |
古川氏は、「デザインとは利用者に対して何を見せるのかを実現する手段であり目的のための手助けであるもの」だと特定しています。
その言葉通り、nanapiは随所にわたって、おそらくは読者も気付いていないのでは? と思わせる細かいところまで、読者に対して“伝えるためのデザイン”が施されており、筆者も驚かされました。
いかに要素を削るか
「nanapiのデザインはいかに要素を削るか、を考えています」(古川氏)
nanapiは“ライフレシピ”という情報を読んでもらうことが前提のサービスです。そのため、最も目を引くべきものはテキストそのものになります。
つまり、このテキストに対して目を行かせるためには、目立ち過ぎるバナーなどの要素が多くある必要はないということに他なりません。デザイン的には要素を積み重ねて作る“足し算的手法”ではなく、積み重なった要素を削っていく“引き算的手法”だといえます。
アイデアだけでは価値がない
デザインに限らないことですが、古川氏は、「アイデアには価値がありません。アイデアはどうやってそれを形にするかが大事であって、形にできたときに初めて価値が生まれると思います」といいます。
企画やシステム、デザインといったそれぞれで、アイデアは誰もがふと思いつくものです。しかし、アイデアというものはいってみれば“種”のようなものです。種だけあっても花が咲かないように、水をやって育てるというブラッシュアップや制作といった過程を経て、初めてアイデアは具現化されます。
極端な話、形にできなければアイデアには意味がなく、形にするための手段や運用していくノウハウを持っているかことにこそ意味があるという考え方です。
| 1/2 |
| INDEX | ||
| コレスジ!(1) 伝えることを考え抜く「nanapi」のデザイン |
||
| Page1 いいデザインにはスジがある ライフレシピ共有サイト「nanapi」 伝えるためのデザイン いかに要素を削るか アイデアだけでは価値がない |
||
| Page2 「nanapi」の細やかなデザイン ・入り口で変わるヘッダーデザイン ・テキスト選択時のことまでこだわる ・テキストだってデザインだ ・nanapiデザインのこれから ☆オススメはコレ! 「にゃんくん」 |
||
コレスジ! バックナンバー 連載インデックスへ»
- 第1回 伝えることを考え抜く「nanapi」のデザイン
| 「デザインハック」コーナーへ |
TechTargetジャパン
- 次のモバイルアプリはどのフレームワークで作る? (2012/5/24)
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する - 「LESS&専用エディター」でCSSをシンプルに書こう (2012/5/23)
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう - 学校が世界一のデジタル環境になったら (2012/5/18)
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない - 1000万ドル調達も夢じゃないクラウドファウンディング (2012/5/15)
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ
|
|


