Yasuhisa Hasegawa - Yasuhisa Hasegawa (Page 65)

結ぶWebを作っていこう

7月9日と17日に楽天トラベルサマーフォラム 2012 [http://travel.rakuten.co.jp/forum/2012/] が開催されました。全国の宿泊施設に関わるおよそ 2,000名の方々が、東京と大阪に集結。楽天トラベルという名のひとつのコミュニティの「お祭り」と言えるイベントでした。こうした大きな舞台で話すということで当日の直前まで緊張していましたが、基調講演後にあった名刺交換の列は、フォーラム史上最長の大盛況でした。お客様の中で「今までで一番良かった」と言ってくださる方もいて、正直ホッとしました。フォーラムでは、基調講演、分科会、ミニセッションと3つの講演を行いました。大きな世界観の話から、実践的なことまで様々な切り口で話しましたが、ひとつのテーマとして「結び」があったと思います。世界中の人々とネットワークで繋がっていることから、 Web は情報拡散や自己アピールをする場に適しているように見えます。Webを大きなインタラクティブビルボードのように捉えた作り方をしているところは少なくありませんが、私は Web のポテンシャルを最大限に引き出すのはアピール以

デザイン

デザイナー育成のための3つのキーワード

Don NormanEngineering Design Education Engineers are trained in narrow specialties but do not get the broad systems thinking or the appreciation of human-centered design necessary for engineering design in the 21st century. 2008年なので、少し古い Don Norman 氏のインタビューですが、共感するところが多々あったので紹介。近年のエンジニアや徹底的に狭い分野で技術力を磨いていくものの、広い視野をもって思考できる者が少ないと指摘しています。彼の「エンジニア」という言葉は「デザイナー」と置き換えて考えることができます。複雑な課題に対して「何か」を作る際に、特殊化されたスキルは役に立ちますが、そもそもの課題の解決のプロセスには、

Webデザイン

レスポンシブとか、そういうことの前に

レスポンシブ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ページという情報を束ねる単位は必要とされていますし、何か枠組みがなければデザインすることもできません。もちろん、ページを作るなと言っているわけではなく、ページを作る前に、まずはページから離れてコンテンツの設計を始めたほうが良いという意味です。ページという四角形の枠組みの中に、コンテンツやナビゲーションといった要素をパズルのように置いていく作業に入る前に、コンテンツの全体像を掴む必要があります。コンテンツを細分化し、関連づけさせることで、実際のページ設計に役立つだけでなく、運営やシステム構築にも重要な役割を果たします。ここで言う細分化とは、プレ

UX

文化が作り出す利用者との関係

作り手の視点だと、どうしても製品・サービスそのものだけにフォーカスして善し悪しを判断することがあります。しかし、製品そのものは利用者体験において、ほんの一部でしかありません。製品と使う人との１対１の関係だけではなく、そもそも製品に触れようと思った『何か』があります。それは、内の感情に響くものであったり、製品・サービスと個人的な繋がりや、感情移入になることがあります。『何か』とは文化であり、文化が今、製品・サービスにおいて核となる存在になりつつあります。例えば 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

Webデザイン

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=