デザイン ポジティブとネガティブのデザインバランス 個人や社会の反映させるような強みや長所を研究するポジティブ心理学 [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 という焼き印をつけることを語源としているブランド。イメージ（言葉・絵・音など）から、製品やサービスを連想させやすくし、それが安心感や信頼性にも繋がると言われています。焼き印としてのブランドであれば、イメージ先行の『刷り込み型』のコミュニケーションでも十分なのかもしれません。 しかし今のブランドは、他にも様々な意味が含まれています。 例えば、企業ブランドは企業が訴えるイメージだけでは完成せず、消費者の経験や価値観も加味された、複合的な存在であるといわれています。この場合、ブランドを通して約束された価値や意味を、消費者にきちんと提
UI 利用者の期待とUIデザインについて UI デザインとひとことで言ってもたくさんのことを考慮しなければいけません。単一機能のシンプルなアプリの設計だったとしても、UI の課題は山のようにあります。私自身、どこから始めたら良いのか分からなくなることがありますが、UI デザインを考える始めるために、ふたつの疑問を自分自身に問いかけるようにしています。 * 利用者が期待に応えられるようなインターフェイスはなにか？ * 利用者が目的に辿り着く為の明確な道筋はなにか？ 利用者と目的の間には『溝』があります。それをどう埋めるのかを考えるのも UI デザイン。 矢印のような印がついたボタンがあれば、利用者は何を期待し、行動するのか。 この２つの疑問のなかで特に重要になのが「期待に応える」という部分です。実は、利用者の期待をうまく処理できていないために、使い難いという反応に繋がる場合があります。では、ここでいう 期待とは、どういう意味なのでしょうか。 * 次に表示される画面が、利用者の思っていたものであること * 操作した結果が、利用者が想定していたものであること それでは、逆に期待通りではない状態とはどういったもので
デザイン 多種多様なWebアクセスにおけるパソコン向けデザインの弱点 通信機器の普及率を2010年と2012年度で比較（総務省 2013年）。 日本も既にポストPC時代 先週、総務省が平成二十四年度の通信利用動向調査 [http://www.soumu.go.jp/johotsusintokei/statistics/statistics05a.html] を発表しました。詳しくは公開されている PDF (又は生データで公開されている Excel/CSV) を参照してほしいですが、特筆すべき点は以下の 6 つです。 * パソコン（デスクトップやノート）からの Web アクセスは 2009 年をピークに毎年下降している * 家庭内、外関係なくパソコンからの Web 利用は低下している * 同時に低下しているのは従来の携帯電話。保持率は依然高いが Web アクセスは減ってきている * 従来のアクセス端末の利用は低下しているが、今まで以上に Web アクセスする人は増えている * 10代から40代の Web 利用率は頭打ちをしているが、増えてきているのが 65 歳以上の高齢者
UI 人との関わりから考えるタッチUIのあり方 タッチ UI のデザインで難しいのは、表層的な部分だけを設計すれば良いものになるわけではないという点です。技術もきちんと理解することで、Web なら Web らしい、アプリならアプリらしいデザインになります。表層的な部分から入ると、見た目は良いけど使い難くなったり、「なんとなく違う」という声に繋がることもあります。 だからといって、絵を描きながら UI を模索することを否定しているわけではありません。しかしながら絵を描く過程があったとしても、人がデバイスとどのように関わるのかを理解していることが前提になります。人はどのように UI に触れて、どのようなフィードバック（アウトプット）を期待しているのでしょうか。 タッチデバイスにある新しい挑戦 多くの方がタッチデバイスを扱うようになって数年経ちますが、今はもう画面に触れるだけが唯一の方法ではありません。人とデバイスの関係はより親密になったと同時に、関わり方は多様で複雑になりました。 おさらいという意味も含めて、最近のデバイスと人との関わり（インプット & アウトプット）をまとめてみました。 多種多様なインプットとアウトプットが
サービス マルチデバイス体験のためのデザインの課題 ここ 1, 2 年のアプリ購入の条件はマルチデバイスでシームレスな操作ができることができることが前提になっており、その傾向はますます強くなっています。私が愛用している Byword [http://www.yasuhisa.com/could/review/byword/] も保存という操作をすることなく、マルチデバイスですぐにデータにアクセスできることが購入のキッカケになっています。 [https://itunes.apple.com/app/id532016360] 明るさ調整や、スピードダイヤルといった機能もあり。連携できるアプリも順次増えています。 マルチデバイスと同様、重要になってくるのがアプリ間のデータのやりとりや操作が可能なこと。Web サービスを基にして作られたアプリであれば大丈夫ですが、孤立した状態で存在で存在するアプリも少なくありません。Android だともう少しスマートな解決策がありそうですが、iPhone の場合だと Launch Center [http://appcubby.com/launch-center/] は便利です。TextExpander
イノベーション 構造とプロセスとクリエイティブについて デザイン思考の盲点 利用者への理解を深めながら新しいプロダクトやサービスを作り出すときにデザイン思考が役立つと言われています。異領域の人たちによるコラボレーションや試行錯誤を繰り返しながら完成に近づけるプロセスは、イノベーションの原動力とも言われています。日本でもデザイン思考を取り入れて新しい価値を生み出している企業が増えてきました。 私もプロトタイプ [http://www.yasuhisa.com/could/article/dh-prototyping-course/] をキーワードとして、デザイン思考を取り入れている人間のひとりではあるものの、デザイン思考による盲点が気がかなりになることがあります。 デザイン思考はプロダクトやサービスを作るための考え方・メソドロジーであるが故に、短期的かつ狭い視野に留まりがちになります。人のもつ課題や不満を解決するのは、プロダクトやサービスである場合も多々あるわけですが、時には社会構造、エコシステム、文化といった部分に注目したほうが効果がある場合があります。 例えば朝の満員電車で人が怪我して危険という問題があります。これを解決するためのサ
UI UIだけでもデザインできる理由 UI（ユーザーインターフェイス）は、いつの頃からか魅力的な視覚要素が含まれた GUI として語られるほうが多くなりました。これはある種、デザインを装飾としてのみ捕われてしまう状況と似ているところがあります。 では、ユーザーインターフェイスとは一体何なのか。スケッチしてみました。 昔からあるデスクトップでも、Google Glass のような未知のデバイスでも、人とコンピュータの関わりは必ずといっていいほど発生します。 人が何かをインプットすることで、コンピュータは処理したデータをアウトプットして人に伝えます。ユーザーインタフェイスとは、人のインプットを助長したり、コンピュータが処理したデータを人が理解できるようにアウトプットする役割を果たします。つまり、人が操作するコンピュータとの関わりを円滑なものにするのがユーザーインターフェイスの基礎と捉えることができます。UI を HCI (Human-Computer Interface) と言い換えることがありますが、UI とは表層的な絵を指すだけではなく、関係性を設計するものというのが分かってきます。 先月のセミナー [http
UI 保存アイコンでみえてくるアイコンデザインの勘違い 先日 Goodpatch さんが 保存アイコン＝フロッピーディスクの時代は終わった…？ [http://memo.goodpatch.co/2013/04/about-save-icon/] という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在 [http://www.yasuhisa.com/could/article/meaning-of-save/] と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring [http://www.yasuhisa.com/could/article/text-is-ui/] でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロード
デザイン デジタルデザインにおける「色あせない」とは デジタルは色あせないのか 素晴らしいデザインは時代を超えて色あせないなものだと言われています。 建築、産業デザイン、グラフィックデザインなど、色あせないデザインは分野を問わず今でも「良い」と思えるものばかりです。デザインされた当時の社会背景や作り手の想いがタイムカプセルのように詰め込まれているわけですから、時代を感じずにはいられないはずです。しかし、それでも時を超越した魅力があるわけですから不思議なものです。 ディーター・ラムス [http://www.yasuhisa.com/could/article/braun-apple/] のようなモダンな製品は色あせないと言われますし、ルイ・カーン [https://www.google.co.jp/search?q=louis+kahn&hl=en&safe=off&source=lnms&tbm=isch&sa=X&ei=
アクセシビリティ アクセシビリティから変わるビジュアルデザイン 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 原則は以下のとおりです（翻訳サイトより抜粋）
デザイン 対話から生まれる今後のビジネス観・デザイン観 従来のやり方は通用しない 上図は 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 の希望ではありますが、今後のマーケティングの青写真といえると思います。 ソーシャルメディアやモバイルといった新しい分野が伸びをみせていて、ブランド広告が大きく落ちているのが分かります。
WD101 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.yasuhisa.com/could/articl
デザイン パフォーマンスは技術課題ではなくデザインの課題 人気デザインギャラリーサイトから幾つかモバイル向け 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://recipe.radishbo-ya.co.
サービス キーワード 2013: Stimul-experience（同時体験） 昨年、 Everyscreen [http://www.yasuhisa.com/could/article/2012-everyscreen/] というキーワードを提唱しました。スマートフォン、タブレットという特定のデバイスだけでなく、生活の様々なシーンに登場する「スクリーン」に対してどうデザインすれば良いのかを解説しました。今年はこの傾向がさらに強くなると考えられます。昨年は O2O [http://www.sophia-it.com/content/O2O] のようなオフライン、オンラインの連携が注目されましたが、導線をつくることに重きを置くところがありました。しかし、人々の生活はオフライン、オンラインと明確に分離できる状態ではなくなったことで、単なる導線では十分ではないと考えられます。 同時に存在し体験する [http://www.slideshare.net/yhassy/webweb-6266527]2年前に講演した「多次元化するWebと今後のWebデザイン [http://www.slideshare.net/yhassy/webweb-6266527] 」。
デザイン Year in Review 2012 #a01レスポンシブにデザインするために克服すること [http://www.yasuhisa.com/could/article/responsive-design/] 今年 Webサイト制作者の間で話題になった『バズワード』ですが、今年の最初に書いたこの記事はひとつの到達点だと思います。作り方・考え方変えないと作れない。 記事を読む [http://www.yasuhisa.com/could/article/responsive-design/]#a02 楽天から学べる日本的なWebアプローチ [http://www.yasuhisa.com/could/article/rakuten-and-webdesign/] 好き・嫌いではなく、なぜそうなったのかを考えるためのヒントになる記事。日本の社会背景まで踏み込むと納得のところが多々あります。 記事を読む [http://www.yasuhisa.com/could/article/rakuten-and-webdesign/]#a03 スタートアップとデザインについて [http://www.yasuhisa.com/
デザイン 機械化によってはじまる未来のデザインプロセス 毎年恒例の年末イベントは、東京は CSS Nite Shift [http://www.yasuhisa.com/could/article/prototype-the-future/] ですが、名古屋の WCAN [http://wcan.jp/2012winter/] も毎冬講演しています。今年は「モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン 」と題して今後の Web デザインワークフローのヒント紹介しました。チャーリー・チャップリンの名作「モダン・タイムス [https://www.amazon.co.jp/dp/B004IPQE6W/ref=as_li_ss_til?tag=could-22&camp=1027&
コンテンツ 小さくなる配信パッケージと思考・設計の変化 先週、iPad 専用の雑誌として注目を浴びていた The Daily [http://learn.thedaily.com/] が、12月15日で廃刊 [http://www.theverge.com/2012/12/3/3721544/the-daily-ipad-news-mag-shutdown-december-15th] になりました。創刊後、Web にプレビュー記事を公開したり、多デバイス化を進めていましたが、うまくいかなかったようです。 2 年前に iPad が登場して以来、紙の雑誌と同じような見た目にインタラクティブ性を加えた「タブレット雑誌」は幾つかでてきました。しかし、多くのタブレット雑誌の売れ行きは 印刷版の10%も満たない [http://www.themediabriefing.com/article/2012-05-31/Data-shows-magazine-publishers-are-failing-to-join-tablet-revolution] と言われており、複数バージョン作らなければならないコストに合うかどうか難しいところ。まだ伸び
コンテンツ コンテンツから始める人間中心設計 11月23日、岡山市で amplifizr, Vol. 3 [http://amplifizr.jp/seminar-event/vol3-basis-of-content-design-on-the-multi-device.html] が開催されました。ポッドキャスト [https://itunes.apple.com/jp/podcast/automagic-podcast/id74183614]の第 51 回、54 回に出演された 大月さん [http://twitter.com/ohtsuki2843]が主催するこのイベント。 1 時間弱のセミナーが多い中、amplifizr は数時間つかってじっくり学べる場になっています。 今回は、「マルチデバイス化を見据えたコンテンツ設計 基礎講座 」と名付けて、スマートフォンやタブレットという今流行のデバイスをはじめ、今後登場するであろう未知のデバイスを利用する人々に対して、どのようにコンテンツを配信したら良いのかという話をワーク（練習問題）も交えて行いました。今までも何度かコンテンツを話題にした講座を行っていますが、今回は長時
デザイン メタデザイナーを育成するデザイン教育 今月末から デジタルハリウッド大学院 [http://gs.dhw.ac.jp/curriculum/subject/list-all/index.html#future_interface] でプロトタイピングをテーマにしたコースを受け持つことになりました。１時間くらいの短い講義で話をしたり、ワークショップの経験はありますが、数週間にわたって生徒と交流しながら進めていく授業をするのは始めてになります。少々不安ではありますが、今までの経験を活かして教育の分野に貢献できればと思います。 今、デザインの教育に関わることは非常に意味のあることだと考えています。 先月開催された UX Kanazawa [http://www.yasuhisa.com/could/article/uxkanazawa-prototyping/] で、成安造形大学でデザインを教えていらっしゃる大草真弓 [http://grasslands.biz/] さんが参加されていました。大草さんとの懇親会での会話やメール交換は、私の中で大変刺激になりました。デザインといっても製造・制作の要素が強かった従来の捉え方から
UX ポジティブ心理学から学べるデザイン思考 [https://www.amazon.co.jp/dp/4757210442/ref=as_li_ss_til?tag=could-22&camp=1027&creative=7407&linkCode=as4&creativeASIN=4757210442&adid=0JVXP9BVDZTF9TJHAGNN&] デザインはよく「問題を解決するための設計」と解釈されることがあります。HCD の観点からみると、その意味合いは強いでしょうし、人が扱うアプリケーションに携わる仕事をしている方であれば、常に問題解決のためのデザインを意識されていると思います。タスクを完了するためにはどうすればシンプルで効率が良いのか、ゴールに辿り着きやすくするための使いやすさを設計するのがデザインですが、それだけではありません。 目の前にある問題を解決するだけではなく、いかにポジティブな感情を引き出すのかもデザインの大きな課題です。ポジティブな感情を引き出すためのデザインをするという意味合いから UX という言葉が使われることがあります。「気持ちのよい」「爽快な」といったポジティブな言葉をつかってデザ
デザイン 2012年 デザインの4つの課題 ここ 1, 2 年でアプリが爆発的に増えただけでなく、スマートフォンの普及により Web がさらに身近になりました。便利な世の中になったかのように見えますが、今見るトレンドから新たな課題が浮き彫りになりました。今年末から来年にかけて、デザインの観点から解決していきたい課題が 4 つあります。こうした課題を Web やイベント、会合を通して議論できたらなと考えています。 一貫性のないジェスチャーインタラクション マルチタッチスクリーンは、インタラクションデザイナーに新たな可能性を提示たのと同時に、大きな課題を残しています。ジェスチャーUIの課題と対策 [http://www.yasuhisa.com/could/article/gesture-ui/] でも指摘しましたが、現状ジェスチャーにはスタンダードと呼べる操作がなく、アプリごとに異なる解釈をしています。 iPhone のメールアプリで左から右へスワイプをすると「削除」のボタンが右側に表示されますが、同じジェスチャーを Twitter 公式アプリですると、スワイプした項目は消えて新たにメニューが表示されます。これが Facebo
デザイン 紙プロトタイピングから始まる問題解決への議論 先週オープンしたばかりの名古屋のコワーキングスペース basecamp NAGOYA [http://basecamp-nagoya.jp/] で、「 プロトタイピングからはじめよう [http://basecamp-nagoya.jp/event/20120921.html] 」という題名でセミナー＋ミニワークショップを行いました。今年の春に開催した青森のセミナー [http://www.yasuhisa.com/could/article/webdesign-and-prototyping/] 以来、2度目のプロトタイピングセミナーになります。前回は、セミナーだけだったのに対し、今回は短めのワークショップ付き。また、プロトタイピング全般の話ではなく、ペーパープロトタイピングにフォーカスした内容にしました。 ペーパーが最強ではない プロトタイピングだけではありませんが、何かを作る話題になると、どうしても「どのツールがベスト？」みたいな話になりがちです。すぐに作れるだけでなく、手を動かすというアナログな感覚が心地良いことから、ペーパープロトタイピングは人気の手法です。しかし、他の
デザイン 変化する媒体、進化するクリエイティブ クリエイティブは、媒体の特性と配信方法に影響されることがあります。 音楽の世界を見てみましょう。 アルバムの起源ともいえるレコード（LP）が生まれたのは 1948 年（音楽を録音・再生できるレコード自体は 19世紀からあります）。LPは、両面におよそ 20 数分の音楽を保管することができました。ミュージシャンは 20 x 2 分の範囲に入るように音楽を構成しました。ラベルのデザインも LP ならではのものが生まれましたし、ジャケットにしても同様のことがいえます。 その後、さらに小さく、さらに多くの曲を保管できる CD が普及しはじめます。曲の長さも大幅に増え、トラック数も自在に増やせることから、その特徴を活かした曲が作られるようになりました。裏返して再生する必要がなくなった CD のラベルは、LP に比べて大胆になり、ジャケットも印刷技術の発展の恩恵を受け、デザインも多彩になりました。 ボブ・ディランのアルバム「Freewheelin’ [https://www.amazon.co.jp/dp/B0000024RQ/ref=
ソーシャルメディア ソーシャルメディアとデザインで共通する思考と課題 6月に開催された Swap Skills doubbble05 [http://www.yasuhisa.com/could/article/transformative-web-design/] の講演で、「Webに関わる仕事は様々な専門分野があり、分断されていることがあるが、実は同じ方向を向いている」と話しました。共有要素としてコンテンツ [http://www.yasuhisa.com/could/tag/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84/] を挙げましたが、それだけではありません。 ソーシャルメディアとデザインは共通点が幾つかあります。それぞれの分野で重要視されている思考、プロセス、長期的なゴールや課題など、様々な点において似ているところがあります。別の部署にいる離れた存在というよりかは、似た思考をもった味方と捉えることができます。 以下にソーシャルメディアとデザインで共通している要素を 4 つ挙げました。