アイデア 作れることは正義である 撮影：飯田昌之 12月14日に CSS Nite Shift7 [cssnite.jp/lp/lp31/] が開催されました。基調講演ということで、少し先の未来を話すようにしていましたが、今回は未来に備えるための『今の話』をしました。「スクリーンの先、私たちの仕事の先 」という題名で話した今回の講演。スクリーンの外を見ようというメッセージは伝わったと思いますが、仕事の先の意味が捉え難かったかもしれないので、この記事で解説しようと思います。 アイデアと完成品との間 アイデアがあるからこそ、新しいサービスやプロダクトが生まれます。しかし、この間には大きな溝があって、なかなか繋がらないことがあります。素晴らしいアイデアでも製品にしてみるとそうでもなかったり、どこかで質が低下してしまったり、アイデアが製品にうまく反映していなかったり、いろいろです。 Web サイト制作の世界では、この溝が広く深いことがあります。アイデアを生み出したり、設計に関わる「考える人」と、実際手を動かして構築する「作る人」が完全に分離（分業）していることがあります。作るひとが、考える側に立ち入る余地がないこともあ
ガイドライン 問題解決のためのスタイルガイド入門 定義が広いスタイルガイド フロントエンド開発者からスタイルガイドという言葉を耳にするようになりました。効率的、かつ一貫性のある見た目とコードをつくるための共有ツールとして、スタイルガイドが使われることがあります。一見、目新しくみえるスタイルガイドですが、最近生まれた新しいアイデアではありません。 ロゴやコーポレートカラーの使い方を記したスタイルガイド [http://www.logodesignlove.com/brand-identity-style-guides]は昔からありますし、 ライターにもスタイルガイド [http://web.calstatela.edu/library/styleman.htm]があります。 このように、開発者も、デザイナーも、ライターも同じように「スタイルガイド」という言葉を使っています。人によって、その言葉から受ける印象も異なれば、必要としている要素も異なります。 YUI 並の UI アセット [http://yuilibrary.com/] をスタイルガイドに含めることを期待している人もいます。アプリや Web サイト開発におけるスタイルガイ
UI 利用者モードとUIの関係 タッチデバイスを視野にいれた UI パターンの事例がかなり出そろってきました。使いやすいと定評があるもの、流行なもの、採用例が多いものなど様々ですが、実際のところどの UI パターンを採用すれば良いか迷う場合がでてきます。「○○の場合は、このパターン」と一発で決めることが出来なくても、考慮したいパターンを絞ることができます。絞り込みの際に利用者のモードが役に立ちます。 モードとは、人がアプリケーションやサービスと向き合うときの状態のことを指します。利用者の意図、環境、時間、向き合っているデバイスに応じて、モードがダイナミックに変化することがあります。モードを理解することで、利用者のニーズに近いインターフェイスを提供することができます。同じ系統のアプリケーションでも UI が全く異なる場合がありますが、それは利用者のモードの捉え方の違いからだと考えられます。 モバイルアプリケーションの多くは以下の 5 つのモードに振り分けることができます。 1. Explore（探索）: 全貌を見渡したり、新しいものを見つけ出す 2. Consume（消費）: コンテンツ観覧にフォーカスする
デザイン 模擬のWebから特性を活かしたWebへ 2013年10月5日に WebSig一日学校 2013 [http://1ds.websig247.jp/2013/] が開催されました。普通のセミナーとは異なり、廃校をリノベーションした独特の会場をつかって Web に関わる様々な分野の方が集まるイベントです。2011年も 一日学校で講師 [http://www.yasuhisa.com/could/article/design-is-politics/] をさせていただいたので、2回目の登壇になります。 WebSig一日学校は、毎回視野の広いテーマで開催されることから、日々の仕事にすぐ役立つ情報は少なめです。しかし、仕事にある制約や事情という縛りを一旦抜けて、自由に思考できる場なのが良いなと思っています。今年も１日学校の最後に開催されるワールドカフェに生徒の一員として参加しましたが、ひとりの Web の仕事に携わる人間として平等に語り合えるのは素晴らしいことだと思います。 模擬の時代の終焉 今年は「未来へ繋ぐWeb系デザイン思考」という題名で講演。作るだけでは価値がない時代に、どのように Web をデザインすれば良いのか
デザイン 偽デザイナーが送るデザインに関するメッセージ 素敵なデザインだなと思った人もいるかもしれませんが、実は全部『ウソ』。 アーティスト Amy West [http://amywest.ie/] が立ち上げたデザイナーをあざ笑うかのようなプロジェクト。「Grafik BS [http://www.behance.net/grafikBS]」へアクセスすると、他にもたくさんの作品をみることができます。 本質を追求せず、見た目やスタイルがすべてだと考える架空のクリエイティブエージェンシー GrafikBS。Behance Network のほうで本物のデザイナーと混じって作品を公開しています。わざわざ Twitter アカウント [https://twitter.com/GrafikBS] を作ったり、インタビュー映像まである懲りようです。インタビュー映像ではデザイナーらしからぬ危険な言葉を次々に発しています。 * スタイルがデザインで最も重要。見た目が良いものに人は反応する * インターネットで調べれば、今のトレンドが分かる。それを真似れば良い * デザインは見た目を良くすることであり、それ以上のものではない *
デザイン 即興が超える領域の壁 これは、私が好きな動画のひとつ。 歴史に残る映画の名シーンは、俳優たちによる即興が数多くあります。ヒース・レジャーが魅せた「ダークナイト [http://amzn.to/1dlJUJb] 」の怪演や「タクシードライバー [http://amzn.to/19Yew3b]」の名台詞が即興というのは、知る人ぞ知る有名な話。25 の映画のシーンを見ながら、俳優達の想像力と演技力を堪能できる内容です。（英語ですが、簡単な解説がアノテーションに記載されているので、表示しながら観覧すると楽しみが増します） 映画好きなら見ておきたい動画ですが、即興について考えさせられる動画でもあります。 俳優は台本どおりに台詞を話したり、監督の指示通りに演技をすることが仕事ではありません（それを好む監督もいますが）。「俳優だから」と、自分の周りにラインを引かず、与えられた世界の中を自由に動き回ることがあります。即興は、その表れだと思います。即興は、脚本によって定められた領域に留まらず、ときには領域からはみ出ることもあります。うまくいけば、作品の世界観を広げたり、登場人物に深みを与えてくれることがあります。
デザイン ポジティブとネガティブのデザインバランス 個人や社会の反映させるような強みや長所を研究するポジティブ心理学 [http://ja.wikipedia.org/wiki/%E3%83%9D%E3%82%B8%E3%83%86%E3%82%A3%E3%83%96%E5%BF%83%E7%90%86%E5%AD%A6] 。以前、ポジティブ心理学から学べるデザイン思考 [http://www.yasuhisa.com/could/article/positive-psychology/] でも取り上げましたが、より良い体験を設計したいと考えるデザイナーであれば無視できない分野だと思います。一見、自己啓発の話に聞こえるわけですが、チーム管理や、コミュニケーションなどにも役立つと言われており、関連書籍や資料から多くを学ぶことができます。 [https://www.amazon.co.
デザイン イメージ先行を超えた有意義なブランド価値 刷り込むだけがブランドか 企業ブランドを紹介する Web サイトを見る度に「ブランドってなんだろう」という疑問が頭を過ります。 どのサイトも洗練されたイメージつかってブランドを紹介しています。時には『企画モノ』を通して面白いアイデアに乗せてブランドを紹介していることもあります。PR の意味合いも含めてブランドメッセージを訴えかけているからかもしれませんが、時に「これをすることでブランドを伝えているのだろうか」と思うことがあります。 元々 brander という焼き印をつけることを語源としているブランド。イメージ（言葉・絵・音など）から、製品やサービスを連想させやすくし、それが安心感や信頼性にも繋がると言われています。焼き印としてのブランドであれば、イメージ先行の『刷り込み型』のコミュニケーションでも十分なのかもしれません。 しかし今のブランドは、他にも様々な意味が含まれています。 例えば、企業ブランドは企業が訴えるイメージだけでは完成せず、消費者の経験や価値観も加味された、複合的な存在であるといわれています。この場合、ブランドを通して約束された価値や意味を、消費者にきちんと提
