コミュニケーションとしてのプロトタイプの真価
カンプ2.0になっていないか プロトタイプを作ることが今日のデザインプロセスにおいて、不可欠になりつつあります。3年前ではなかなか響かなかった話題でしたが、ますます複雑になるアプリ / Web サイトデザインにおいて、いきなり完成品に近いものを作り込むという手法が通用し難くなりつつあります。また、高機能ツールも手軽に使えるようになったことで、とりあえず作って見せるという行為がしやすくなりました。 実機で画面遷移を確認するだけでなく、アニメーションもコードの知識なしで作れるようになった現在。ツールはますますパワフルになっていきますが、プロトタイプツールの目的は実装のための青写真を作るためにあるわけではありません。 ビジュアルデザイン（インタラクションデザインも含）と実装には以前から大きな溝が存在します。デザインカンプと呼ばれる、あたかも完成図のように見える成果物をもとにコーディング（実装）し
次世代Webはブラウザの外にある
10月18日、法政大学にて次世代 Web カンファレンスが開催されました。Web に関わる技術について徹底的に話し合うイベント。セッションすべてディスカッションで勉強会というより話を聞きに行くというニュアンスが近いかもしれません。8 月に UX をテーマに議論する会を開きましたが、今年はこうした『会話』を軸にしたイベントに興味を惹かれます。 今回は、「デザイニングWebアクセシビリティ」の著者である太田良典さん（@bakera）、RDFの専門家でありコントラバス演奏者である神崎正英さん（@_masaka）と Webアクセシビリティをテーマに 1 時間ほど話をしました。私は Web アクセシビティの専門家ではありませんが、株式会社インフォアクシアの 植木真さんとのポッドキャストがキッカケで呼んでいただきました。3 者異なる視点から、Web アクセシビリティの現在と未来について話し合いました。
コンテンツやデザインに欠かせない価値観を共有するプロセス
利用者中心とは言いますが 自分たちが作りたいものを作るのは身勝手な行動のように見えますが、「自分たち」という価値（アイデンティティ）が確立されているかされていないかは大きな差があります。価値がないまま、「利用者のため」という考えだけ一人歩きしてしまうと、極度な A/B テストの実践など、数字が高いほうを選択するという製品開発になる可能性があります。 利用者中心のデザインは必要です。しかし、それは土台になる【価値観＝ビジョン】があるから成り立つものであり、いきなり利用者中心のデザインプロセスを実践しても意味のないことだと考えています。スタートアップ向けの講座で ビジョンの共有が重要だと話したのもそのためです。プロジェクトを始める際は、必ずといっていいほど「我々は何者か」という部分を振り返るようにしています。 付箋には「気分が良い」「落ち着く」といった、感情的なフレーズが含まれることがあります
デザインが機械化されても心配しない理由
それって本当にオリジナル？ レスポンシブ？フラット？ビデオをつかった背景？CSSアニメーション？ゴーストボタン？いろいろな『トレンド』を見て勉強している間に、すべて導入されている 14ドルのテンプレートをすぐに手に入れることができます。 CMS を活用して情報が更新しやすいレストランサイトを構築したい？専用の WordPress テーマを使えばすぐに完成します。英語だからダメと思うかもしれませんが、UI のローカライズが簡単できるように工夫されているので、使うことを諦めることはありません。 制作者の視点で語られる『オリジナルのデザイン』には、ひとつの矛盾があると思います。最新のデザイン動向を追いかけ、それを実践することが良いデザインに繋がると考えることがありますが、トレンドになる表現はすぐにコモディティ化されていきます。オリジナルを求めているつもりが、誰でも使えるものをゼロから手作りにして
ピクサーから学ぶクリエイティビティの秘密
Early on, all of our movies suck. 我々の映画は最初はすべてヒドイものである。 これは「 ピクサー流 創造するちから（原書 Creativity Inc.）からの一節。ピクサーといえば、最初の長編映画「トイ・ストーリー」以来、ずっとヒットを飛ばし続けている映像製作会社。CGのクオリティもさることながら、彼らが作り出すユニークな物語が人気の秘密だと思います。そんなピクサーが「最初はすべてヒドイ」と本中では断言していますし、「ヒドイ状態からヒドくない状態にすることが仕事」とまで言い切っています。映画を見ている立場からすると信じられない言葉ですが、デザインを含めたクリエイティブな仕事に共通していると思います。 Webデザインにおけるデザインカンプが良い例ですが、最初からほぼ完璧なものを求められることがあります。これはクリエイティビティとは雷が頭に落ちてきたかのよう
Adaptive Path 買収から思う銀行のこと、デザインのこと
米国の金融大手キャピタル・ワンが UX コンサル会社である Adaptive Path を買収しました。その２ヶ月前にはモジュール式スマートフォン「Ara」を手がけた Daniel Makoski 氏が同銀行へ移籍しています。金融機関という巨大な組織でいかにデザイン思考が広がり、形になるのか今から楽しみです。ひとつの案件としてではなく、組織の一員として内側から変えていくという Adaptive Path のアプローチは、最近の私の仕事の仕方と重なるところがあります。 デジタル化は進んでいるものの、改善余地が数多く残されている大手金融機関。一般企業とは比べものにならないほど、安全性、プライバシー、危機管理の整備と実装を考慮しなければならないわけですから一筋縄にはいかないと思います。米国では銀行は顧客ロイアリティが低いビジネスとされている理由も、私たちの生活の合ったサービスが提供されていないか
コンテンツから先に考えなければデザインすらできない理由 : could
ワイヤーフレームの間違った使い方 たまにリニューアル案件をいただくときがありますが、見た目より先にコンテンツを整理しましょう、一緒に作っていきましょうと説得するようにしています。このサイトでも様々な角度からコンテンツの重要性を語ってきましたが、最もシンプルな方法は「UX を考えていきましょう」「モバイルファーストで戦略を練っていきましょう」といった専門性の高い言葉を使うのではなく、今までのやり方ではうまくいかないということを分かりやすく説明することです。 従来の Web サイト制作でよくあったのが、まずワイヤーフレームをつくって情報の大まかな構成を設計するというやり方。ワイヤーフレームを作ることは間違っていませんが、コンテンツを作る前に始めてしまうと、あとで大きなギャップを埋める作業が発生することがあります。コンテンツなしで構成を作り始めると、例えば以下のような状況に陥ります。 文字が多過
デザインが分からない人とデザイン話をするコツ
良いって何ですか？ デザインの話をするのは、たとえ本業をしている方にとっても難しいことがあります。それが他分野の方ということになると、なおさらです。目的に沿って議論することで、デザインがより洗練されるわけですが、別の部署、他の役職の方との会話になると、なかなかうまくいかないことがあります。 その理由は、彼等がデザインのことを理解していないからというより、お互いが考える「正しい」を理解していないからということがあります。 Webサイトやアプリを設計・開発されている方全員「良いものを作りたい」と考えています。ただし、その「良い」のニュアンスは立場によって少し異なることがあります。「良い＝売れる」と解釈する人もいれば「良い＝使いやすい」と捉える方もいます。それぞれがもつ「良い」という価値観が、その人の意見や考え方に大きな影響を及ぼしています。 言葉だけでは理解ができない デザイン案を見せると、以
作れることは正義である
撮影：飯田昌之 12月14日に CSS Nite Shift7 が開催されました。基調講演ということで、少し先の未来を話すようにしていましたが、今回は未来に備えるための『今の話』をしました。「スクリーンの先、私たちの仕事の先」という題名で話した今回の講演。スクリーンの外を見ようというメッセージは伝わったと思いますが、仕事の先の意味が捉え難かったかもしれないので、この記事で解説しようと思います。 アイデアと完成品との間 アイデアがあるからこそ、新しいサービスやプロダクトが生まれます。しかし、この間には大きな溝があって、なかなか繋がらないことがあります。素晴らしいアイデアでも製品にしてみるとそうでもなかったり、どこかで質が低下してしまったり、アイデアが製品にうまく反映していなかったり、いろいろです。 Web サイト制作の世界では、この溝が広く深いことがあります。アイデアを生み出したり、設計に関
知りたい人にも伝わるUXにするために必要なこと
今年のはじめ「Quantifying the User Experience」という書籍を読みました。利用者体験をいかに数値化するのかという課題を、統計学と掛け合わせて解説しています。利用者の行動の観察やアンケートといった、ユーザー調査の結果を数値化して UX に活かそうという内容です。所々、数式が出てくるなど、他の UX 関連の書籍とはひと味違う難解な書籍でした。 実は、この書籍がオススメだから記事を書いているわけではありません。これは UX 実践者（もしくは UX デザイナーと呼ばれる人たち）が陥る問題に繋がるのではと思い、この書籍を紹介しました。UX も他の分野と一緒で、深く掘り下げないと理解できないところがたくさんあります。利用者の体験を考え始めると、必然的に社会学や心理学に目が向いてしまうのもそのためでしょう。また、方法論も確立されはじめたこともあり、海外からたくさんの情報が流れ
デザインの決定に役立つビジョンの共有
9月24日 Samurai Startup Island で、久々に短めのプレゼンをしました。トピックは UX という広く浅いテーマということもあり、最初は登壇をお断りしようと思っていました。しかし、スタートアップとして奮闘している人たちと今まであまり接点がなく、他の登壇者の話に興味があったので、参加を決めました。参加者からの質問がたくさん出たパネルディスカッションも含め、よいイベントだったと思います。 作れば良いという時代ではない 昨年「スタートアップとデザインについて」という記事を執筆しました。当時と今では、状況は少し異なるところがあります。国内外問わず、インタラクションデザイン、インターフェイスデザインの質は向上していますし、そこへの投資（時間とお金）をしなければならないという認識も高まっています。 しかし、良いと思われるデザインを『導入』すれば品質向上につながるという誤解は未だに強
今のモバイル対応に抜けている大事なコト
変換だけではないモバイル対応 サイト制作の仕事の依頼がきた場合、どの手法で制作するのかという議論をするのではなく、今のコンテンツがどのような状態にあるのかを共有するようにしています。見た目だけ、なんとなくモバイル対応するのであれば、難しい仕事ではないですし、極端な話、自動変換ツールを使えば済む課題です。 しかし、作ってはみたものの、文章は途中で切れていたり、重要な情報はパソコン版で見ないと分からないといった中途半端なサイトになることがあります。「パッと見の良さ」や「今すぐあること」を重要視してしまうが故に、企業にとっても利用者にとっても不十分な結果になります。 今のモバイル対応は見た目の『変換』が最優先で、企業が担保したい体験まで設計しきれていないのが現状です。企業が担保したい体験 … それは、企業が提供したいサービスやコンテンツをデバイスに関係なく提供できることだと考えています。 より厳
構造とプロセスとクリエイティブについて
デザイン思考の盲点 利用者への理解を深めながら新しいプロダクトやサービスを作り出すときにデザイン思考が役立つと言われています。異領域の人たちによるコラボレーションや試行錯誤を繰り返しながら完成に近づけるプロセスは、イノベーションの原動力とも言われています。日本でもデザイン思考を取り入れて新しい価値を生み出している企業が増えてきました。 私もプロトタイプをキーワードとして、デザイン思考を取り入れている人間のひとりではあるものの、デザイン思考による盲点が気がかなりになることがあります。 デザイン思考はプロダクトやサービスを作るための考え方・メソドロジーであるが故に、短期的かつ狭い視野に留まりがちになります。人のもつ課題や不満を解決するのは、プロダクトやサービスである場合も多々あるわけですが、時には社会構造、エコシステム、文化といった部分に注目したほうが効果がある場合があります。 例えば朝の満員
コラボがクリエイティブプロセスの唯一の方法ではない
最近読んだお気に入りの書籍の中に Susan Cain の「Quiet: The power of introverts in a world that can’t stop talking」があります。心理学で人の性格をおおまかに Introvert (内向性）と Extrovert （外向性）に分類することがあるそうです。議論に参加したり、自分の意見をしっかり主張するほうが良いという風潮があることから、外向性のある人間になるよう努力すべき、内向性は不利だと考えてしまう方もいるかと思います。著者はこうした考え方に疑問を投げかけ、内向性のもつ強み、そして外向性と内向性のバランスについて書籍で語っています。 TEDでも講演したことがある方なので、書籍は知らなくてもプレゼンテーションは見たことがある方はいるかと思います。 スーザン・ケイン 「内向的な人が秘めている力」 社交的で活動的であること
カンプがなくなったときのデザイナーの役割
手段を再想像する 昨年末に開催された CSS Nite Shift 5 で「Reimagination（再想像する） 」の話をしました。人とコンピュータの関わり方が行動や価値観を再定義しているのと同じように、Webサイト制作にしても同様のことがいえます。今までの当たり前を疑い、未来に柔軟に対応できるワークフローが必要とされています。 例えば従来必須だと言われていたワイヤーフレームも考慮対象です。少し前に ASCII へ「柔軟性あるデザインプロセスへ移行するためのヒント」という記事を寄稿しました。ワイヤーフレームが果たそうとしているコミュニケーションの目的は間違っていませんが、つくるためのツールや手法に問題があるのではないかという疑問を投げかけた記事。絶対いると思い込んでいるものも、今の時代にマッチしなくなってきているものは少なくありません。 また、Photoshop や Fireworks
保存アイコンでみえてくるアイコンデザインの勘違い
先日 Goodpatch さんが 保存アイコン＝フロッピーディスクの時代は終わった…？ という興味深い記事が掲載されていました。フロッピーディスクを保存アイコンをとして採用するのは古いのではないか、という議論は国内外で何年かに一回はあります。私も 2009 年に変わりゆく「保存」の存在と題してフロッピーディスクアイコンのあり方も踏まえて、今後の保存の姿を模索していました。また、先月開催された Android Bazaar Conference 2013 Spring でも同じ話題に触れています。 アイコンと問題解決について 様々なデザイナーが新しい保存アイコンを提案しているものの、「うん、これは保存だ」と納得できたものはほとんどなかったと思います。ダウンロードにみえるものも少なくありませんし、中には抽象的すぎて何を意味しているのかさえ分からないのもあります。自分たちのクリエイティブアウトプ
アクセシビリティから変わるビジュアルデザイン
W3C が勧告しているウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 の中に「アクセシビリティの 4 原則」というのがあります。JIS X 8341–3 をはじめ、国内外で定められている Web アクセシビリティの土台のような存在です。久しぶりに、この 4 原則を振り返ってみて気付いたのが、Web デザインの原則と同じではないかという点です。特にビジュアルデザインで気をつけることと重なるところがあります。 アクセシビリティの 4 原則は以下のとおりです（翻訳サイトより抜粋）。 知覚可能 情報およびユーザーインターフェースの構成要素は、ユーザーが知覚できる方法でユーザーに提示可能でなければならない。 操作可能 ユーザーインターフェースの構成要素およびナビゲーションは操作可能でなければならない。 理解可能 情報およびユーザーインターフェースの操作は理解可能でなければなら
情報だけでは価値がない時代の学びの姿
「時代の流れが速すぎて学ぶのが辛い」 「いろいろありすぎて覚えるのが大変」 このような言葉を聞いたことがあります。確かに学ぶことが多いですが、知識との向き合い方で学習の仕方が大きく変わります。学習への向き合い方の変化が、気持ちを和らげてくれることもあります。 昔は情報をもっていることが知識であり、情報を得る方法が学習と捉えられていた時期もありました。故にセミナーに参加したり、書籍を買っても自分が知らない情報があるかどうか、たくさんの情報が書かれているかどうかが評価の基準になり、情報を得たから「学べた」という満足に繋がったのかもしれません。昔の学校の授業は情報が中心なっていたのも、何か関係しているかもしれません。 終着点があった従来の学習 知識を得る方法が書籍、新聞などといった媒体の場合、そこに書かれている情報が知識であり、学びの『終着点』でした。 その理由は媒体の制約が関係しています。 新
機械化によってはじまる未来のデザインプロセス
毎年恒例の年末イベントは、東京は CSS Nite Shift ですが、名古屋の WCAN も毎冬講演しています。今年は「モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン」と題して今後の Web デザインワークフローのヒント紹介しました。チャーリー・チャップリンの名作「モダン・タイムス」をモチーフに講演のシナリオを構築。効率化・機械化が進む、今の Web デザインの世界で、いかにデザインの仕事をしていくのかを 4 つのキーワードに合わせて話をしました。 Content（コンテンツ） Code（コード） Communication（コミュニケーション） Creative（クリエイティブ） 機械 vs. 人間の先にあるもの 上記のデザインを見てください。実はこれ、すべて WordPress のテンプレートです。見たことがないオリジナルのデザインと感じた方もいると思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
利用者の期待とUIデザインについて