Latest thinking
すぐに使えるノウハウではなく、「なぜそうなっているのか」を考える記事を書いています。デザインの仕事で感じるモヤモヤに、構造から向き合いたい人のための場所です。
レスポンシブとか、そういうことの前に
レスポンシブWebデザインに関する話題を見渡すと、そこまで気にして実装を踏みとどまる必要ってあるのかな？と思うことがあります。 もちろん、レスポンシブWebデザインがパーフェクトなソリューションではありません。しかし、Webにおいてパーフェクトなソリューションが存在するのでしょうか。簡単に作れるツールがないから。古いブラウザへの対応が困難だから。レスポンシブに画像を対応するための最適な方法がないから。実装をしないための理由はいくらでも作ることができますが、実装しない理由は、スマートフォン専用サイトを作ることでも、CSSレイアウトにすることでも、たくさん並べることができます。 Webは完璧な世界ではありません。そして、完璧な世界が訪れることを期待してはいけない場でもあります。予測不可能な世界 [http://www.yasuhisa.com/could/article/unknown-future/] であり、すぐに新しいものスタンダードになる世界。不完全でありながらも、進化を繰り返すのが Web です。Webが不完全であるのと同じように、ソリューションも不完全なものばかりです（普及
私たちはすべての人と友達になれるのか
ソーシャル。ソーシャル。ソーシャル。 今、この言葉を聞かない日がないくらい耳にしています。そして、様々な言葉がソーシャルと組み合わせて使われることがあります。ソーシャルリーディング、ソーシャルラーニング、ソーシャルファンディング、ソーシャル医療・・・。おそらく私たちの行うすべての行動はソーシャル化され、ソーシャルという言葉を使う必要がなくなる日が来るのかもしれません。 ソーシャル化される・・・これは、私たちの情報が公の場にさらされ、すべての人が何かしらの形で繋がっているネットワーク化された状態です。人との繋がりや影響力がネットワーク化された社会では重要と考えられているからこそ、評価経済や評判経済という言葉が生まれてきたのでしょう。 人と人とが繋がり合い、新たな可能性を生み出すソーシャルな世界。常にネットワークにいるからこそ、心を支え合うこともできるかもしれない。Sean Parker 氏が、彼の新しいスタートアップ Airtime を語るときに使った言葉が「Eliminate Loneliness [http://thenextweb.com/apps/2012/06/05/se
設計のヒントを生み出すコンテンツ要素の視覚化
今後のコンテンツ配信、これからの Web と人との関係を考えると、ページというメタファが足かせになることがあります。Webサイト設計者はページという概念を捨ててデザインをしなければならないと、CSS Nite in TAKAMATSU vol.6 [http://www.yasuhisa.com/could/article/cssnite-takamatsu/] をはじめ、幾つかの講演を通して話してきました。 とは言うものの、現状 Webページという情報を束ねる単位は必要とされていますし、何か枠組みがなければデザインすることもできません。もちろん、ページを作るなと言っているわけではなく、ページを作る前に、まずはページから離れてコンテンツの設計を始めたほうが良いという意味です。ページという四角形の枠組みの中に、コンテンツやナビゲーションといった要素をパズルのように置いていく作業に入る前に、コンテンツの全体像を掴む必要があります。 コンテンツを細分化し、関連づけさせることで、実際のページ設計に役立つだけでなく、運営やシステム構築にも重要な役割を果たします。 ここで言う細分化とは、プレ
文化が作り出す利用者との関係
作り手の視点だと、どうしても製品・サービスそのものだけにフォーカスして善し悪しを判断することがあります。しかし、製品そのものは利用者体験において、ほんの一部でしかありません。製品と使う人との１対１の関係だけではなく、そもそも製品に触れようと思った『何か』があります。それは、内の感情に響くものであったり、製品・サービスと個人的な繋がりや、感情移入になることがあります。『何か』とは文化であり、文化が今、製品・サービスにおいて核となる存在になりつつあります。 例えば Pinterest [http://pinterest.com/yhassy/] を見てみましょう。 Pinterest は、2011年にブレイクしたイメージブックマークサービス。Bookmarklet を使って Web ページの画像をクリッピングするというコンセプトは、目新しいものではありません。Tumblr [http://tumblr.com] を真っ先に思いついた方もいるでしょうし、Wists [http://wists.com/]のような類似サービスは 2006年くらいからあります。技術やアイデアに革新的なものが何
妥協の先にあるデザイン視点
本当に妥協のない体験なのか Microsoft が自社製のタブレット Surface [http://www.microsoft.com/surface/en/us/default.aspx] を発表しました。着脱可能な超薄型キーボードを搭載。タブレットとしても、ノートパソコンとしても使うことができるのが最大の特徴です。 2012年4月、東京都内で開催された開発者向け会議「BUILD」で、あらゆる機器で「妥協のない」体験 [http://pc.nikkeibp.co.jp/article/news/20120424/1047264/"]を Windows 8 は提供できると話していましたが、それを形にしたのが Surface だと思います。ひとつの OS でタブレットもノートも関係なく操作ができるという、Windows 8 の強みを活かしたプロダクトといえるでしょう。 両方ともで使えるということに「妥協をしていない」Windows
Transformative Web Design という言葉に隠された意味
6月9日に開催されたSwap Skills doubbble05 [http://swapskills.info/doubbble/05.html] で、基調講演を行いました。昨年に引き続き二度目の基調講演。昨年は、迫り来るモバイル機器中心の世界に備えてコンテンツファースト [http://www.yasuhisa.com/could/diary/swapskills-doubbble01/] を実践しようというのがテーマでした。今年は「Transformative Web Design ～変化にしなやかに対応するデザイン力～」と題して、コンテンツを Webという特有の場でより活かし、デザインしていくのはどうしたら良いのかというテーマで話をしました。 既に日本のスマートフォンユーザーは 30%を超え、タブレットをはじめとしたパソコン以外で Webへ接続できるデバイスが増え続ける今日。「Webはもうパソコンだけのものではない。むしろ、マイノリティである」という考えも、昨年では予測でしかなかったかもしれませんが、既に現実になっています。デバイスという垣根を超えて、利用者が欲しいタイミング
デザインの試行錯誤とラグをなくすプロセス
ワイヤーフレームやスケッチで、ある程度カタチになっているアイデアも、スクリーン上に実際に描いてみないと分からない場合があります。ラフでは良い感じに見えるものでも、いざ色を付けたりレイアウトを組み上げていくと「あれ？」と思うこともしばしば。ワイヤーフレームやスケッチとして出てきた設計図をそのまま型にすれば上手くいくというわけでもないのが、デザインの難しいところであると同時におもしろいところです。 Photoshop [https://www.amazon.co.jp/dp/B007STFL50/ref=as_li_ss_til?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=B007STFL50&adid=1SDQQZA8J767WJSDH9D2&] や、Fireworks [https://www.amazon.co.jp/dp/B007STFV9G/ref=
触れる・動くによって変わるデザインプロセス
5月26日、青森にて今後のWebサイト制作との向き合い方 [http://www.aoit.jp/20120526/]というイベントが開催されました。今回は これから求められるWebコミュニケーションスキルと題してプロトタイピングの基礎を解説しました。 CSS Nite in TAKAMATSU [http://www.yasuhisa.com/could/article/cssnite-takamatsu/] のとき「静的なカンプは過去の手法」と話しましたが、ではどうしたら良いのかを考えるキッカケとして本セミナーは参考になったかと思います。 「とりあえず見せて」の解釈について 人は誰しもアイデアをもっていると思います。 自分の頭の中ではハッキリしていたとしても、人に伝えることが出来なければアイデアは活かされることはありません。アイデアはどうすれば伝えることが出来るのでしょうか。 「話せば分かる」という言葉がありますが、そう簡単にはいかないのが現実。同業者で同じような知識を持っていたとしても、同じ言葉が違ったふうに解釈される場合があります。 Webサイトデザインのアイ
UXとUIが混同されるワケ
最近 UX [http://www.yasuhisa.com/could/tag/ux/] と UI [http://www.yasuhisa.com/could/tag/ui/] を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させた [http://www.yasuhisa.com/could/article/ui-ux-2011-trends/]ことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例 [http://design.org/blog/