COULD
すぐに使えるノウハウではなく、「なぜそうなっているのか」を考える記事を書いています。デザインの仕事で感じるモヤモヤに、構造から向き合いたい人のための場所です。
言葉はグラフィックより大事なインターフェイス
2013年3月16日にAndroid Bazaar Conference 2013 Spring [http://www.android-group.jp/conference/abc2013s/] が開催されました。昨年に引き続き [http://www.yasuhisa.com/could/article/human-centered-game-design/] 今年も登壇。前回はゲームをテーマにして話をしましたが、今回は「コンテンツで改善する UI デザインの極意」と題してコンテンツと UI をテーマに話をしました。 見た目が綺麗だから良い UI というわけではない 見た目とインタラクションの提案は素晴らしいですが、メニューのキャプションは「My」だけ。これは何ができるアプリなのでしょうか。UI のインスピレーションとして Dribblbe [http://dribbble.com/search?q=UI]
アクセシビリティから変わるビジュアルデザイン
W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 [http://www.jsa.or.jp/stdz/instac/commitee-acc/W3C-WCAG/WCAG20/index.html] の中に「 アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 [http://waic.jp/docs/jis2010/understanding.html] をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4
ネイティブ広告は新たな接点をつくれるのか
昨年頃から注目を浴びている広告形式で「ネイティブ広告（Naitive Ads）」というのがあります。詳しくは Techcrunch（米）のコラム Where You Can Go Right, And Wrong, With Native Ads [http://techcrunch.com/2013/02/17/the-native-ad-movement-and-the-opportunity-for-web-publishers/] を参照していただきたいですが、様々なメディア媒体の形式に合わせた広告を指します。例えば Tumblr [http://www.tumblr.com/sponsors] の右側にある「Tumblr Radar」のように、見た目がサービスのデザインに馴染んでいて、あたかもコンテンツの一部のように見えるものが多いです。
対話から生まれる今後のビジネス観・デザイン観
従来のやり方は通用しない 上図は Economist Intelligence Unit が 2012 年 11 月に発表した Outside looking in: The CMO struggles to get in sync with the C-suite [http://www.managementthinking.eiu.com/sites/default/files/downloads/EIU_SAS_CMO_WEBr1.pdf] （PDF）から抜粋したものです。CMO が現状、投資に力を入れている分野と、3 年後重要になると考えている分野の割合を比較しています。あくまで CMO の希望ではありますが、今後のマーケティングの青写真といえると思います。 ソーシャルメディアやモバイルといった新しい分野が伸びをみせていて、
講師をして感じたプロトタイプの可能性
昨年暮れから今年のはじめにかけて デジタルハリウッド大学院 [http://gs.dhw.ac.jp/] 秋葉原校にて「未来のインターフェイス」講座の講師をしていました。全 8 回のこのコースは、予測不可能な社会でデザインをしていく上で、少しでも早くアイデアを形にして伝えるためのノウハウと実践に近い演習を行いました。未来的（SF的）なインターフェイスを考えるというよりかは、今あるデザインの課題へのアイデアをプロトタイプし、未来へ繋げていくためのプロセスを学ぶ講座になりました。 昨年の 5 月から、青森 [http://www.yasuhisa.com/could/article/webdesign-and-prototyping/]、 名古屋 [http://www.yasuhisa.com/could/article/paper-prototyping-seminar/]、金沢 [http://www.yasuhisa.com/could/article/
WD101: 画面ではなく部品から始めてみよう
このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 * Webは見た目のコントロールがきかない [http://www.yasuhisa.com/could/article/wd101-nocontrol-in/] * モニターの外をデザインするのが大半である [http://www.yasuhisa.com/could/article/wd101-outside-monitor/] * Webは寛容性をデザインする場である [http://www.yasuhisa.com/could/article/wd101-progressive-enhancement/] * Webのデザインは枠のない世界である [http://www.yasuhisa.com/could/article/wd101-no-edge/] * Webデザインであるもの、そうでないもの [http://www.
情報アーキテクチャの脊髄を視覚化
2月9日に東京で開催された World IA Day 2013 [http://2013.worldiaday.org/locations/tokyo-japan] に参加してきました。前回の記事 [http://www.yasuhisa.com/could/article/btwn-big-ia-and-small-ia/] で書いた今後の IA の課題のヒントになるようなメッセージを、イベントを通して幾つか見つけることができました。 今回は吸収した内容を自分なりにインフォグラフィックにしてみました。 [http://www.flickr.com/photos/yhassy/8467245165/] イベントを通して『情報』にはデータベースに蓄積できるようなものと、掴み所がないものと二種類あると考えました。言い換えれば右脳的な情報と左脳的な情報があるといったところでしょうか。まったく違う存在のようにみえる二種類ではありますが、4つの段階を踏んでアーキテクチャ（構造）を作り出しているようにみえました。 1. Deconstruct （分解）
Big IA と Small IA の間で
Big になり過ぎている IA Big IA 広義としての IA 。映画監督やオーケストラの指揮者のような存在で、製品やサービスのビジョンを形にする役割。 Small IA 狭義としてのIA。プロジェクトに関わる人々が理解できるようにビジョンの詳細を設計し、具体化していく役割。 Peter Morville 氏が 2000年に寄稿した記事 [http://argus-acia.com/strange_connections/strange004.html] で、Big IA と Small IA に明確なラインを引かず、情報システムの構造化という IA の核心を軸にしてコラボレーションをすれば良いと説いています。実際、多くの IA プロフェッショナルは Big / Small といった分類を過剰に意識することなく、いずれの設計に携わることもありますし、UXデザイナーと呼ばれる方とコラボレーションをしている場合もあります。 こうした現状を理解しているわけですが、IA で語られる話題が Big （ビジョンの設計）
パフォーマンスは技術課題ではなくデザインの課題
人気デザインギャラリーサイトから幾つかモバイル向け Web サイトのパフォーマンスを検証してみました。以下が各サイトのリクエスト数とファイルサイズになります。 * FELISSIMO 500色の色えんぴつ [http://www.felissimo.co.jp/500/]: 81リクエスト / 1.94MB * 旅館 大村屋 [http://www.oomuraya.co.jp/] 55リクエスト / 1.52MB * UR オンラインストア [http://www.urban-research.jp/sp/] 90リクエスト / 705kb * JiNS PC [http://www.jins-jp.com/jins-pc/sp/] 78リクエスト / 1.39MB * らでぃっしゅレシピ [http: