シミュレーションとリアリティ デザイン調査は利用者の理解、そしてプロジェクトの方向性を共有するために欠かすことができません。調査がないデザインプロセスは UX デザインとは呼べないといっても過言ではないほど重要ですが、調査だけで利用者の『現実』を捉えるのは難しい場合があります。 ユーザーインタビューを通して様々な意見を聞き出すことができますし、その場で使い方を見せてもらうこともできるでしょう。しかし多くの場合、利用者の声と意図にはギャップがありますし、会議室という日常とは異なる場で、現場で起こっていることを再現するのは難しいです。ユーザーインタビューだけでなく、ユーザビリティテスト、カードソーティングなど様々な手法はありますが、調査する側によってつくられた状況の中（シミュレーション）で行われることが多いです。調査の多くはシミュレーションであり、現実（リアリティ）とは異なることを理解していな

遠くなりはじめた Web サイト 2015年11月から12月にかけて Medium のほうでコンテンツ配信をしていました。 Medium は昨年から日本へ本格進出をしていることから、注目している方も少なくないと思います。Medium の人気の秘密は、使いやすくコンテンツの邪魔をしないライティング環境を提供している部分だけではありません。Twitter の創業者のひとりであり、現 Medium の CEO である Evan Williams を中心としたスタートアップ & テック界隈から徐々に Medium の文化が広がったという背景も魅力。こうした機能やデザインだけでは表現できないところまで日本語化されているわけではないですし、日本では昔からあるブログプラットフォームをはじめ、書く環境が豊富に揃っています。 私の場合、情報発信ができる環境が既にあるので Medium に魅力を感じていなかっ

「だからなに？」 Web 上で情報発信をしている方であれば、一度は頭に思い浮かべる言葉だと思います。知名度もない実力もない自分が、わざわざ外に向けて発信することに何の意味があるのだと。 今でも自分の文章が上手いとは思いませんが、昔は下手でも気ままに書いていました。2002年の記事を掘り起こしてみたところ、大学の演劇を見にいったときのことを書き残していました。以下はそのとき書いた日記の一部からの引用です。 僕が演劇が好きなところのは、ステージという限られた空間の中での演出や場面の変化を一望できるところです。ひとつの『場面』でもいろいろなことが同時進行していて、見方によってはいろいろ楽しめるという舞台ならではの魅力があるからかもしれません。 当時はまだ米国に住んでいて、ある制作会社で Web デザイナーとして勤務していました。ビジュアルデザインだけでなく、 HTML/CSS/JavaScrip

8月8日、クリーク・アンド・リバー社主催のイベント「と、コラボ特別編」で UX をテーマに座談会をしました（#tocolabo）。ポッドキャストで対談したネットイヤーグループ株式会社の坂本貴史さんと参加者といっしょに「UXってなに？」という初歩的でありながらも難しい課題について話し合いました。セミナーでもワークショップでもない、話をするだけのイベントでしたが、参加者の満足度が非常に高い有意義な時間になりました。 上図: webディレクターの阿呆な研究の @azumi0812 さんが、イベントで作ってくださったグラフィックレコーディング 共有できるかどうかが課題 以前、HTML 5 Experts のインタビューで「いま、UXを語るのはなぜ悩ましいのか？」を話したことがあります。仕事環境、クライアント関係、役割に応じて UX という言葉のニュアンスが微妙に違うことがあるので、言葉だけ聞いて決

データだけでは答えは導き出せない チームで工程を進めていく上で、何か根拠のようなものが求められます。そこで、デザインやコンテンツの定量・定性調査は欠かすことができません。「これは本当に使いやすいのか」「集客できるのか」「儲かるのか」といった様々な声に対して応えなければならない状況があります。 最近は解析ツールの発展や A/B テストのような模索がしやすくなったことで、データ収集の敷居が下がりました。そして、データを基に実践するための『プロセス』や『フレームワーク』も幾つかあります。しかし、周りが納得するための十分なデータと、確立した手法を用いてプロジェクトを進めれば成功が約束されるのかといえばそうではありません。 以前、ポッドキャストのリスナーから「UXデザインプロセスを実践しても失敗することはあるのか？」という質問がありました。確立されたプロセスは、失敗する可能性を低くすることはできます

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

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

PVが人気を証明しているとはいえない ページビュー（PV）は、とても気持ちいい数値です。自分が作ったコンテンツの反応を分かりやすい数値で示してくれます。また、多くの広告モデルが PV を基に価格が設定されているので、ビジネスに直結している数値といえると思います。しかし、PV が高いから、訪問者が満足しているとは限らないですし、顧客ロイアリティに繋がっていないかもしれません。そこで、ソーシャルメディア … という意見もありますが、そこの評価指標も RT 数、Like 数といった PV と似たような数字に留まっている場合があります。 特にブログのようなメディア配信をしていると、PV 至上主義になりがちです。PV を稼ぐために釣りタイトルを付けたり、手軽なお菓子コンテンツで、人を集めようとしてしまいます。もちろん、それをひとつの『戦略』といってしまえば、そうかもしれません。しかし、それで欲しい読

行程の先にあるもの コンテンツの仕事ばかりしていると、利用者のことを考えていないように思われてしまうかもしれませんが、そんなことはありません。コンテンツと利用者は切っても切り離せない関係です。以前は電子書籍としてまとめることができるくらい UX のことを書き続けてたわけですから、利用者のことを無視するなんて考えられないわけです。しかし、最近は意図的に取り上げないようにしています。 UX について頻繁に書いていたときからそうですが、「UX デザインを実践したけど、そのあとどうするの？」という疑問を常に感じていました。プロセスを踏めば、ワイヤーフレームが描けるのかといえば、そうではないことがあります。そのあと、ただ作れば完成するのかというと違うと思います。利用者のことを徹底的に考え、同意を得たからといって、利用者のニーズに応えることができるのかといえば、そんなことはないわけです。 多くの方が『

紙的な情報配信 新聞記事は、印刷されたらそれで終わりです。後の紙面で修正・注釈が入る場合がありますが、記事が世に出た瞬間、そのままのかたちで残ります。また、配信できるタイミングと回数が限られているので（朝・夕、時々号外）、期限までにどれだけ記事の質を高めるかが勝負になることもあると思います。新聞社の Web サイトは、こうした『新聞の性質』を強く残したまま Web コンテンツを配信しているように見えます。 カテゴリやキーワード（タグ）を活用した情報分類をするなど、 Web の特性を活かした手法を取り入れているものの、記事を集めた書庫のような存在です。以前紹介した公共施設の Web サイトと似たような状況といえるでしょう。新聞社の Web サイトの記事の特長をみると、記事の形状は、紙の時代とほぼ変わりないことが分かります。 配信された記事は、そのままの形で残る 訂正や追加情報が入る場合はある

本日話題になった銀行サイトの緊急メッセージ。このように緊急時になるとサイトデザインからかけ離れたコンテンツエリアを貼付けるサイトは少なくありません。 サイト運営は大事業 コンテンツの仕事に携わる海外のプロフェッショナルと情報交換をすることがありますが、最初驚いたことが運営人数が圧倒的に違うところ。日本で、ひとりかふたりの「Web担当者」が運営しているサイトの規模だと、海外（特に欧米）の場合、 10 人前後のチームを抱えていることがあります。10人前後の Web チームが存在するのは、メディア・パブリッシングのようなコンテンツの掲載頻度が高いサイトに限らず、様々なジャンルで同じことがいえます。大企業の Web サイトだとおもっと多くの人を抱えていることがあるそうです。 Web チームの仕事は企業によって異なりますが、共通して以下のようなタスクがあります。 コンテンツ制作から掲載までのワークフ

縮小する Search & Find Google 以後の Web 利用は「Search & Find（検索して見つける）」が根底にありました。情報を見つけるために、キーワードを入力して検索したり、ディレクトリを掘り下げて目的の情報へたどり着くという行動です。 今や『当たり前』となった利用者行動ですが、Web の黎明期からそうだったわけではありません。90年代は、検索するといっても、欲しい情報が見つかる検索エンジンはなく、使わないほうが良いという考えもありました。そうしたなか、Google という優秀なアルゴリズムを実装した検索エンジンが登場したことで、広大な Web の中から情報を探し出すことが出来るようになりました。 このように技術が『当たり前』を作りだすことがあります。私たちの行動や思考は、技術に大きく左右されることがあるわけです。Google のような検索エンジンが登場したことで、

ポッドキャスト ポッドキャスト、再び配信中です 今年から再開しているポッドキャストのすべては、議題のようなものをあらかじめ決めていますが、行き先を決めることなく語り合うという形式にしています。 2011年2月から名前を変えてスタートをした Automagic Podcast。2014 年 1 月からは、誰かと雑談するという形式で、ほぼ毎週のペースで配信しています。 昨年度は仕事のリズムが変わったことと、さすがに一人で話すのが辛くなてきたので、半年ほど小休止していました。以前から 何人もゲストに来てもらっていますが、Q & A 形式のインタビューになりがちで、躍動感のようなものが少ないことがありました。 これは、ひとりでポッドキャストをしているときにもいえることです。台本を作って、それを読み上げているわけではありませんが、話をしている途中で新しいアイデアが生まれたり、予想もしていなかった展開

LINE, WhatsApp, Facebook Message のようなメッセージアプリの魅力のひとつに「情報の流れが制御できる」ところがあると思います。１対１の会話が中心なので、ノイズが少ないですし、情報を追いかけるのも容易です。Jelly のように、メッセージアプリのような表現がメッセージアプリ以外で見られるようになってきているのも、今の利用者に求めらている情報の形だからなのかもしれません。 今、UI デザインという観点で注目しているのは、この『メッセージ型 UI』で、どのような形状が人と情報とのやりとりに最適なのかをよく考えています。メッセージアプリだからといって、写真やテキストを送り合うチャットだけのために使うわけではありません。オススメのお店、地図、記事、レシピ、レビューなど様々なコンテンツが会話の中で共有されますが、それが最適な形で表示されているのかというと、そうではありませ

タブレットの販売台数が PC を超えた 2013年第四半期。（スマートフォンは 2011 年で超えています）。スマートフォンやタブレットはもちろん、情報へアクセスするための『ガラス』は、今後ますます増えていきます。2014年は、Web へアクセスするための手段が文字通り多様になるといっても過言ではありません。iPhone をはじめとするマルチタッチのスマートフォンが出回りはじめた頃は『モバイル Web』という言葉が用いられていましたが、これからは『The Web（これが Web）』と言い換えたほうが良いでしょう。PC がなくなることはありませんが、「まずはパソコン版を前提」という考え方はいちはやく拭い去らないといけなくなります。 いつでも、どこでも自分の好きなデバイスから、サービスを受けることが出来るようになった現在。消費者はどこへ向かうのでしょうか。そして、Web を利活用するためのお手

Webデザイン Tweets CS4.JPを勢いで作ってみました 以前は開発合宿に参加して勢いで作るということをやっていましたが、最近はめっきりしていませんでした。長いスパンで開発のお手伝いをするのも楽しいですが、逆に一気に作ってしまうやり方も時には挑戦したくなります。というわけで、久しぶりにデザインも含めて２日で作ったページを紹介。Twitter で交わされている CS4 ネタを淡々と流しているだけのページです。時間がないといっても、時間がないときに作れてしまうからよく分からん。 Tweets CS4.JP 最近、CS4 が発売されたけど、みんなどう使っているのか、どう思っているのか知りたい方は参考になるかもしれません。仕組みとしては大変単純なもので検索結果を MagpieRSS を使ってパースしただけなのですが、それだけだとどうかなので、文字列にキーワードが見つかったら左右に変動するよ

UXサービス お勧めのオンラインコラボツールいろいろ 基本的なコミュニケーションはメールやチャットといった文字情報のみで出来ますが、ビジュアルに関する考えを共有する場合、文字だけでは難しいです。スクリーンショットに手軽に情報を入れたり、スクリーンキャスト (動画) を作るツールが充実してきたので、ビジュアルを共有するのも難しくなくなってきました。絵を見せて意見を交換するというやりとりだけならメールでも難しくありません。しかし情報共有したり、共同作業をしたいと考えると、オンラインツールが最適です。今回はウェブサイト制作に役立つオンラインでコラボレーションを可能にするツールを幾つか紹介します。 Protonotes 以前builder.comの記事として紹介したことがありますね。ウェブサイトに JavaScript のコードを埋め込むだけで、どのサイトにも付箋を貼付けることが出来るサービス。使

プロトタイプを作るのは重要ですが、作るためにおおくの時間を割きたくないところ。特に作ったあとも何回か調整をするわけですから、あまり作り込むわけにはいきません。しかし、あまりに単純な見た目だと情報共有が難しくなります。自分が使い慣れているツールを使うのは第一歩ですが、ちょっとしたことを気をつけることで、効果的なプロトタイプを早く作れるようになります。 スゴいコツだ！というのはありませんが、心がけてるだけでも少しばかり早く作れるようになりますよ。 使えるパレットを用意する よく使う UI 要素やコメントを付けるためのパーツはパレットにしておくと効率的。以前紹介した、OmniGraffle用とPowerPoint用を利用すると手軽です。 テンプレートを用意する OmniGraffle では、通常のファイルを新規作成が出来るだけでなく、テンプレートを作成することが出来ます。単位をピクセルにし、グリ

プロトタイプを作るソフトウェアは Visio のような高度な機能があるものを含めて複数あります。一番最初の段階であれば紙でも良いと思いますが、Webサイト上でのインタラクションを可能な限りリアルに再現して検証するにはパソコン上で行うのが最も適しています。どのツールが良いか迷っている方もいると思いますが、どうやら Microsoft では PowerPoint 2007 がワイヤーフレームを作るツールとして使っているそうです。 2007年、韓国で開催されたカンファレンスで PowerPoint 2007 を使ったワイヤーフレームに関するセミナーがありました (Silverlight ムービー)。Microsoft には Visio があるのになぜ PowerPoint を使うのかというと、PowerPoint のほうが使える人が圧倒的に多いだけでなく共有もしやすいからだそうです。例えば Ex

海外では Twitter をカスタマーサービスや利用者とのコミュニケーションツールとして利用しているところが増えてきています。自動車メーカーではFord、GM、Honda。スポーツだとChicago Bulls、San Diego Chargers。他にもComcast、Travel Channel、DirecTV、Best Buy、Starbucks、Burger Kingなどなど。参加する企業の数は増え続けています。 Twitterは気軽に参加出来るサービスですが、コミュニケーションとしてではなく、単なる宣伝ツールとして使うとかえってマイナス効果になりかねません。企業によっては Twitter を使う体勢になっていない場合もあります。Top 10 Reasons Your Company Should Not Tweetという記事で、その企業が Twitter をするべきではない10の