ドキュメントが欠かせない理由欧米の企業とお仕事するときにいつも感心するのがドキュメントのボリュームと質。私も結構書く方だと思っていますが、それを容易に上回る情報量のドキュメントが共有されることがあります。ただ単に文字数が多いわけではなく、必要十分な情報が図なども交えて明文化されています。 エンジニアに限らず、デザイナーやプロダクトマネージャーもしっかりドキュメントを書く習慣が根付いているように見えます。恐らく下記の理由からしっかりドキュメントを書かざるを得ないのかもしれません。 皆が同じ時間帯で仕事をしているわけではない場所も違うので「ちょっと話してすり合わせ」とはいかない英語が第一言語ではない人たちとコミュニケーションをしている文化も違うのでお互いがもつ『当たり前』が通じない日本企業で日本語で通じ合える環境では馴染みがない状況です。ドキュメントを書かなくても、ちょっと話せば分かり合える場

UXの全部入り感がもたらす不安UX について勉強を始めると、一度くらい「The Disciplines of User Experience Design」のような概念図を目にすると思います。 UX には UI デザインやモーションデザインといった視覚的な部分だけでなく、心理学や社会学といった人の認知や行動の理解も必要ということが見て分かります。 Dan Saffer が考案したベン図を Thomas Gläser がリファインしたものこの図だけでなく、UX をテーマにしたインフォグラフィックは他にもたくさんあります。図によって切り口や詳細度が異なりますが、ひとつ共通点があるとすれば、UX には多分野の知識が欠かせないことを表している点。様々な分野を包括した何かが UX であると表現しています。 体験ですから見た目だけに止まらないのは納得です。また、UX デザイナーとして仕事をしていれば、

消えるハードとソフトの境界線 Apple Watch のドキュメンテーション には、以下のような言葉がデザインコンセプトとして記載されています。 Even the physical border of the Retina display has been considered, resulting in edge-to-edge UI design that effectively renders that border invisible. Thoughtful app design should contribute to this experience of hardware and software feeling indistinguishable. 物理的なオブジェクトとソフトウェアには境界線がなく、UI デザインにもそれが表れています。よく考えられたアプリデザインは、ハード

内輪受けは止めにしようではないか LSD LAB で公開されている UIデザイナー不要説は、テクノロジーと付き合うデザイナーであれば一読しておきたい記事のひとつです。私が記事を読んで感じた課題は、 UI デザインが重要視されているかどうかということではなく、果たしてデザイナーは デザインを営業できているかどうかというところです。 たとえビジネスゴールが共有されていたとしても、デザイナーが考える UI デザインの価値と、それ以外の方が考える UI デザインの価値が異なることがあります。特にデザイナーが考える価値は、内輪受けになりやすいことが多々あるように思えます。デザイナーが「すごく良いよね」「イケてるね」というものは、ほとんどの場合デザイナー以外には理解されません。内輪で分かりやすい言葉や感覚で語りかけても、聞き手は「？」（価値を感じない）になってしまいます。 今でもデザイナーのなかでは「

09より最新版を ChatWorkの社内勉強会で、Keynote をプロトタイプ制作に使う方法を共有したことがあります。コード不要な点と、共有が比較的しやすいのでオススメしています。しかし、他のプロトタイプツールと同様、得意・不得意をしっかり理解していないと時間がかかるだけで無意味な作業になることがあります。 古くから Keynote を使っている方は Keynote 09 を好む方がいます。最新版に比べて UI が分かりやすく分類されていたり、AppleScript のサポートが充実していることから、今でも使っている方がいると思います（私も講演時は 09 を使うことがあります）。ただ、プロトタイプを作る際は必ず最新版を使うようにしています。最新版のほうが優れているのは以下の4点です。 0.01秒単位で微調整が可能 Keynote 09 では、スライドショーを再生しなければアニメーションを

9月13日に金沢で WDF Vol.15 が開催されました。今回はポッドキャストでおなじみのたにぐちまことさん、神森 勉さん、そして初共演になる株式会社キノトロープの生田 昌弘さんとご一緒させていただきました。昨年はコンテンツに関する講演やワークショップをしてきましたが、今年は 1 月以来ストップしていました（最近はデザインプロセスの話が多かったです）。今回は久しぶりのコンテンツ関連の講演ということもあって「コンテンツとはなにか？」という原点に立ち返って話をしました。 「コンテンツ」と言うけど コンテンツとはなにか？と尋ねられたら「訪問者・利用者のためになる情報」と応える方がいると思います。確かに利用者のためでなければいけないわけですが、立場によってニュアンスが異なる場合があります。 PR やプロモーションでは、自分たちをアピールすることで、お客様に商品・サービスの魅力を伝えるということが

良いって何ですか？ デザインの話をするのは、たとえ本業をしている方にとっても難しいことがあります。それが他分野の方ということになると、なおさらです。目的に沿って議論することで、デザインがより洗練されるわけですが、別の部署、他の役職の方との会話になると、なかなかうまくいかないことがあります。 その理由は、彼等がデザインのことを理解していないからというより、お互いが考える「正しい」を理解していないからということがあります。 Webサイトやアプリを設計・開発されている方全員「良いものを作りたい」と考えています。ただし、その「良い」のニュアンスは立場によって少し異なることがあります。「良い＝売れる」と解釈する人もいれば「良い＝使いやすい」と捉える方もいます。それぞれがもつ「良い」という価値観が、その人の意見や考え方に大きな影響を及ぼしています。 言葉だけでは理解ができない デザイン案を見せると、以

本当にコントロールできないのか WD101シリーズの最初に、Webデザインは見た目のコントロールができないという話をしました。スクリーンの大きさが多種多様なだけでなく、利用者が見た目や操作性を自由に変えることができる Web。DTPのような感覚でサイトをデザインしても、誰かの Web アクセスの利便性を損なうと指摘しました。 デザイナーはある種、混沌とした状態から秩序を生み出す能力をもっていると思います。バラバラになった情報を整理して一貫性のあるメッセージを伝えたり、混雑した Web の世界に明確な道筋を示す仕事をしています。秩序を作り出すということは、ある程度のコントロールはなくてはならないわけです。 コントロールすることがデザイナーの仕事であるとすれば、『コントロールができない Web』との相性がよくないように見えますし、デザイナーにとって非常に仕事が難しい環境のようにみえます。しかし

今プログラミングを教育に取り組もうという声が高まっています。CODE.orgのようなサイトも立ち上がっていますし、Scratch のような子供から楽しめるビジュアルプログラミングもあります。 デザイナーの中でもプログラミングを始めたい方もいると思います。WWDC 2014 で発表された Swift は、スクリプト言語のような感覚でコードが書けるので、始めるには良い機会なのかもしれません。 ただ、デザイナーの立場からみると、プログラミングは遠い存在に見えることがあります。しかし、「問題解決のため」という視点からみると、デザインとプログラミングには共通点がたくさんあります。人間中心デザインに基づいた発想にも、実装可能なところまで落とし込んで模索しないと、夢心地なアイデアになることがあります（もちろん自由な発想が必要なときもありますが）。コードを書くひとの考え方を取り入れることで、アイデアを洗練

撮影：飯田昌之 12月14日に CSS Nite Shift7 が開催されました。基調講演ということで、少し先の未来を話すようにしていましたが、今回は未来に備えるための『今の話』をしました。「スクリーンの先、私たちの仕事の先」という題名で話した今回の講演。スクリーンの外を見ようというメッセージは伝わったと思いますが、仕事の先の意味が捉え難かったかもしれないので、この記事で解説しようと思います。 アイデアと完成品との間 アイデアがあるからこそ、新しいサービスやプロダクトが生まれます。しかし、この間には大きな溝があって、なかなか繋がらないことがあります。素晴らしいアイデアでも製品にしてみるとそうでもなかったり、どこかで質が低下してしまったり、アイデアが製品にうまく反映していなかったり、いろいろです。 Web サイト制作の世界では、この溝が広く深いことがあります。アイデアを生み出したり、設計に関

作り手の視点だと、どうしても製品・サービスそのものだけにフォーカスして善し悪しを判断することがあります。しかし、製品そのものは利用者体験において、ほんの一部でしかありません。製品と使う人との１対１の関係だけではなく、そもそも製品に触れようと思った『何か』があります。それは、内の感情に響くものであったり、製品・サービスと個人的な繋がりや、感情移入になることがあります。『何か』とは文化であり、文化が今、製品・サービスにおいて核となる存在になりつつあります。 例えば Pinterest を見てみましょう。 Pinterest は、2011年にブレイクしたイメージブックマークサービス。Bookmarklet を使って Web ページの画像をクリッピングするというコンセプトは、目新しいものではありません。Tumblrを真っ先に思いついた方もいるでしょうし、Wistsのような類似サービスは 2006年

Pinterest, Path, Instagram など、アプリのスタートアップでデザインが重要であると言われるようになってから久しいです。しかし、デザイナーという存在の理解はされているのかというと時々分からなくなります。 考えるきっかけを与えてくれたのが、Wells Riley 氏が公開した「Startups, This is How Design Works」というページ。デザインの全体像が分かる素晴らしいまとめではありますが、デザイナーへの期待値を不意に高めている部分があります。 アプリデザインに絞って考えたとしても、そこで必要とされるデザインは、インタラクション、グラフィック、アーキテクチャ、タイポグラフィ、コーディング、ユーザースタディなど多岐にわたります。これらを総括して「デザイン」と呼ぶわけですが、デザイナーも総括した存在ではありません。インタラクションデザイナーはグラフィ

先日、帰省した際に母と家電量販店を訪れました。そこで、いろいろな製品を見学したり質問に応えながら雑談していたわけですが、母が興味深い言葉を残していました。 「私とあなたではシンプルの意味合いが違う」 例えば Apple TV は、TVに接続するとパソコンからメディアをストリーミングしてくれるだけでなく、TV番組や映画、YouTube も見れるようになります。録画して残すという考えから、クラウドを利用してオンデマンドでいつでも好きな時間に見るこという考えに変わります。何が出来るのかを理解しているのであれば 1台で様々な役割を果たす Apple TV のようなデバイスは便利でシンプルです。 しかし、1台で何でも出来るということがシンプルにならない場合があります。使い方によって様々なメディア体験ができる Apple TV より、録画・観覧するためのデッキ、ケーブルTVをみるためのチャンネル、ゲー

先週末、パンダの会 その陸が開催されました。5月に @3panda さんと対談をしたことがキッカケで実現した今回のイベント。パンダの会は Web サイト制作をはじめてまだ 1, 2年くらいの方を主な対象としていますが、この日はおなじみの顔ぶれもチラホラあり、リラックスした雰囲気で行われました。今回のお題は『Webをつかって何をしたいか見つけ出そう』。先月開催された WebSig 1日学校では、多くの先生がキャリアについてお話されていましたが、私はパンダの会でキャリアについて話すことになりました。 2006年に流行していた言葉や技術を前面に押し出してアピールしている企業や個人はいるでしょうか。2011年のトレンドも同じようなことになるでしょう。 Webは動きが目まぐるしく、トレンドについていくのが精一杯になりやすいところから、数年先を見据えたプランが立てれないことがあります。誰もが予測は出来

セミナーや記事を通してコンテンツを活かす方法を幾つか紹介してきましたが、サイトデザインを考えるときと同様、まず質問を投げかけるのが道筋を作る手がかりになる場合があります。「これはサイトにとって良いコンテンツか？」といった単純な質問をするのではなく、質問を洗練させていくことで、よりフォーカスされたコンテンツ開発につながる場合があります。 サイト開発に携わる役職は様々。携わる役目も違えばサイトの捉え方も違ってきます。サイトナビゲーションひとつをとっても、ユーザビリティ、IA、グラフィックデザインの切り口によって出てくる質問が異なるでしょう。それは、コンテンツ視点でも同じです。ナビゲーションもコンテンツの一部として捉えるとが出来、サイトや利用者にとって最適なのか判断の手がかりになる質問が出てきます。 例えばナビゲーションに対して、「このコンテンツ (ナビゲーション) はサイトの役割とゴールに適し

Nine Inch Nails の Trent Reznor といえば、オンラインを活用した様々な活動を数年前から積極的に行っているアーティストのひとり。ウェブサイトもちょっとした SNS になっていますし、以前からネット上で新アルバムの無料配信、GarageBand ファイル形式で楽曲を公開、400GBのコンサートのHD映像を BitTorrent で公開といった様々な活動をしています。 レコードレーベルに対して強い意見を持っている方としても知られていますね。 そんな彼が公式フォーラムに降臨。「my thoughts on what to do as a new / unknown artist」というタイトルで無名アーティストへのアドバイスを幾つか書いています。彼の経験とリスナー/ファンの変化に敏感に反応して活動している彼らしい言葉が幾つかあります。アーティストに向けているとはいえ、他

アクセスしたウェブサイトから離脱する理由はいろいろあると思います。目的を達成したのであれば最高ですが、そうでない場合もあります。利用者がサイトを去る理由はサイトによって異なると思いますが、共通した思いを抱いていることもあります。ちょうど１年くらいの記事ですが「25 reasons users STOP using your product: An analysis of customer lifecycle」で、利用者がサイトを利用しなくなったときの感情や思いをリストアップしています。主にソーシャルサイトを意識したものになっていますが、ウェブサイト全般にもいえることで思い当たるところを以下にリストしてみました。 なぜこれが自分にとって価値があるのか分からない なかなか表示してくれない いろいろしたいわけじゃない 登録してまで利用したくない パスワード忘れてしまった そもそも何をしたら良いの

「アート・オブ・プロジェクトマネジメント ―マイクロソフトで培われた実践手法」「イノベーションの神話」の作者として知られている Scott Berkun氏は、現在も執筆活動だけでなく講演やブログなど情報発信を絶え間なく行っている方です。そんな彼が先日「なぜデザイナーは失敗するのか」という刺激的なタイトルのレポートを掲載しました。詳しい内容は UIE13 で話されたそうで、スライドの PDF 版をダウンロードすることが出来ます。 デザイナー、プロジェクトマネージャ、プログラマーなど様々な役職の方300名を対象に調査 (そのうち 35.2% はデザイナーで、49% はチームを管理したりリードする方)。41の質問に対してデザイナーが失敗すると思うものを1〜5のスコアを付けるというアンケート。詳しくは記事を読んでいただきたいですが、平均スコアが高かったのは以下の10項目。 デザインをしない方がデザ

ウェブサイトの構築といっても、立場関係を考慮することなく、コラボレーションのようなデザインプロセスになってきています。デザインプロセスのどのフェイズにおいても、開発メンバーやクライアントを交えて意見を交換するときがあります。皆でサイトを作り上げて行くわけですから、会話をすることはとても大事な時間ではありますが、建設的な意見ばかりが出て来るわけではありません。時には会議が迷走してしまったり、開発メンバーの士気を下げてしまう可能性もあります。 チームメンバーだけでなくクライアントにも伝えておきたい、建設的なフィードバックの仕方。よりよいウェブサイトを皆で作って行くために覚えておきたい項目を5点紹介します。 感情を含む熟語を含めない 「好みではない」「違う気がする」といったネガティブな表現だけでなく、「好きだね」も使うのを控えたほうが良いです。もちろん、違う意見を言うことは悪い事ではないですし、