デザイン デザインの話をするときに気をつけたいこと デザインの意味や感覚を理解させようと努力するのではなく、プロジェクトのゴールとの関わりについて語れるようになると、デザインの評価の仕方、され方が少しずつ変わるでしょう。
デザイン デザインを決めて進めるために必要なこと 先月は東京 [http://www.creativevillage.ne.jp/PR/seminar123.html]、そして今月は大阪 [http://www.creativevillage.ne.jp/PR/seminar133.html] で、クリーク・アンド・リバー社が主催する Web ディレクター向けのセミナーで登壇しました。私自身、Web ディレクターと名乗っていないので、依頼を受けたときは半信半疑でした。しかし、Web ディレクターをはじめとした「作り出す人」にある共通の話題があると考え、登壇を決めました。 点をどのように線にするか ツールの使い方。マークアップの仕方。コードの管理方法。ペルソナの作り方。コンセプトを固めるためのワークショップの仕方 … などなど。こうした行程の中にある『点（作業）』は、書籍や Web でたくさん見つけることができます。どれも重要ですが、行程全体からみたとき、
コンテンツ 全面リニューアルの幻想と、取り組むときの注意点 リニューアルでは何も変わらない Webサイト制作の仕事で、いつの間にか当たり前になっているのが『リニューアル案件』。2, 3 年おきに見た目の衣替えをしたり、使い勝手の向上のためナビゲーションや情報構造の見直しをします。 テクノロジーだけでなく、Web を取り巻く文化や社会が目まぐるしく変わるので、定期的なリニューアルをして『追いつく』ことは必要なのかもしれません。しかし、ただ見た目を変える、情報構造を変えるといった「作る」「作り直す」ということが目的になることがあります。リニューアルをすれば何かが変わるという淡い期待感が寄せられることがありますが、費用対効果が良くないことがあります。 第一印象はとても重要です。 全面リニューアルを通して見た目がよくなれば、印象は良くなるかもしれません。しかし、デザインを変えたからといって、コンテンツも自動的に良くわけではありません。最初の印象がよくても、訪問者のニーズが満たされていないのであれば、金メッキはすぐに剥がれてしまいます。 また、リニューアルが話題性があるのかというと、それほどではないことがあります。刺激的なグラフィック、先進的な
UI デバイスと利用シーンへの最適化から学べること Web サイトデザインでは 2, 3 年くらい前から モバイルファーストでデザインをする [http://www.yasuhisa.com/could/article/responsive-design/] という考え方が浸透し始めていますが、最近アプリでも似たような傾向が見られるようになってきました。先週 Foursquqre が チェックインとショップガイドを分ける [http://techcrunch.com/2014/05/02/foursquare-swarms-over-swarmly/] と発表しました。一方、Facebook は、メッセージアプリを分断 [http://techcrunch.com/2014/04/09/facebook-messenger-or-the-highway/] しようとしています（Google+ は、Hangout を分断してしばらく経ちます）。 デスクトップ版の使い勝手に慣れ親しんでいる方にとっては『改悪』なのかもしれません。しかし、モバイル（又はスマートデバイス）中心で活用している方には、
デザイン デザインの仕事にある成熟と熟練 デザインの意味とは … といった禅問答のような質問をときどき耳にします。語源まで辿って「記号を表す」といった説明をする人もいれば、「設計をする」と応える方もいます。装飾という意味合いをデザインから離す人もいますが、装飾もデザインの一部として捉えることもできます。 デザインの定義は読者ひとりひとりに委ねますが、デザインを学習したい場合「人それぞれだから頑張って」で済ますわけにはいきません。デザインの『入り口』が必要ですし、どこへ向かっていくのかという目的地も必要だと思います。 デザイナーの成熟度は、以下のような UI を見たときの反応で判断することができます。 あるサイトの UI を基にしてつくったスケッチ デザイナーによって、この UI に対するリアクションは異なります。大きく分けると 4 つあります。 見た目を変えたいインプットフィールドの見た目が良くない。タイポグラフィの選択が良くない。色彩を変えたいといった、見た目をデザインしたいという方。 作り方を見直したいどの技術を使えば実装できるのか。何かツールを活用することで、UI を改善できるのか。どのような技法を採用すれば、
デザイン デザインにある繋げること、導くこと 行程の先にあるもの コンテンツ [http://www.yasuhisa.com/could/tag/%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84/] の仕事ばかりしていると、利用者のことを考えていないように思われてしまうかもしれませんが、そんなことはありません。コンテンツと利用者は切っても切り離せない関係です。以前は 電子書籍としてまとめることができるくらい [http://www.yasuhisa.com/book/exp/] UX のことを書き続けてたわけですから、利用者のことを無視するなんて考えられないわけです。しかし、最近は意図的に取り上げないようにしています。 UX について頻繁に書いていたときからそうですが、「UX デザインを実践したけど、そのあとどうするの？ 」という疑問を常に感じていました。プロセスを踏めば、ワイヤーフレームが描けるのかといえば、そうではないことがあります。そのあと、
デザイン 変わりゆく利用者行動と情報の流れ 縮小する Search & Find Google 以後の Web 利用は「Search & Find（検索して見つける）」が根底にありました。情報を見つけるために、キーワードを入力して検索したり、ディレクトリを掘り下げて目的の情報へたどり着くという行動です。 今や『当たり前』となった利用者行動ですが、Web の黎明期からそうだったわけではありません。90年代は、検索するといっても、欲しい情報が見つかる検索エンジンはなく、使わないほうが良いという考えもありました。そうしたなか、Google という優秀なアルゴリズムを実装した検索エンジンが登場したことで、広大な Web の中から情報を探し出すことが出来るようになりました。 このように技術が『当たり前』を作りだすことがあります。私たちの行動や思考は、技術に大きく左右されることがあるわけです。Google のような検索エンジンが登場したことで、Search & Find という行動が助長されたといえるでしょう。このように、技術に影響されるのは私たちの行動だけではありません。広告もマーケティングもすべてそうです。 Search &
UI カードUIとコンテンツのパッケージング 小さなパッケージとしてのカード 前回の記事 [http://www.yasuhisa.com/could/article/message-card-ui/] で、メッセージのやりとりという文脈にカード UI が組合わさることで、新たな利用者体験を提供できるのではないかという話をしました。コンテンツを『ページ』としてではなく、『小さなパッケージ [http://www.yasuhisa.com/could/article/content-package-design/] 』にして利用者に配信することが主流になりつつある現在。これは、Web 上の情報のあり方を再考せざるを得ないと同時に、利用者にとって理解しやすい（ページに代わる）メタファが必要とされているのだと思います。小さなパッケージの表現方法としてカード UI は、無視できないデザインパターンのひとつです。 カード UI の可能性を最初に感じたのは、2010 年に登場したPinterest [http://pinterest.com/] 。たくさんの画像を全面に出しつつ、概要や操作を統一感を持たせてコンパクトに表現しています。P
デザイン ポストPC時代のWebで注目している2014年のキーワード タブレットの販売台数が PC を超えた [http://www.idc.com/getdoc.jsp?containerId=prUS24314413] 2013年第四半期。（スマートフォンは 2011 年で超えています [http://tech.fortune.cnn.com/2011/02/07/idc-smartphone-shipment-numbers-passed-pc-in-q4-2010/] ）。スマートフォンやタブレットはもちろん、情報へアクセスするための『ガラス』は、今後ますます増えていきます。2014年は、Web へアクセスするための手段が文字通り多様になるといっても過言ではありません。iPhone をはじめとするマルチタッチのスマートフォンが出回りはじめた頃は『モバイル Web』という言葉が用いられていましたが、これからは『The Web（これが Web）』と言い換えたほうが良いでしょう。PC がなくなることはありませんが、「まずはパソコン版を前提」という考え方はいちはやく拭い去らないといけなくなります。 自動的に取得した睡眠のデータを、いつでもアクセスでき
