講師をして感じたプロトタイプの可能性
昨年暮れから今年のはじめにかけて デジタルハリウッド大学院 秋葉原校にて「未来のインターフェイス」講座の講師をしていました。全 8 回のこのコースは、予測不可能な社会でデザインをしていく上で、少しでも早くアイデアを形にして伝えるためのノウハウと実践に近い演習を行いました。未来的（SF的）なインターフェイスを考えるというよりかは、今あるデザインの課題へのアイデアをプロトタイプし、未来へ繋げていくためのプロセスを学ぶ講座になりました。 昨年の 5 月から、青森、名古屋、金沢でプロトタイプに関するセミナーやワークショップを行いましたが、デジハリ大学院での講座のための実験でもありました。そこでの経験でうまくいったこと、上手くいかなかったことを参考にしてカリキュラムを構築。1 回 1時間半の講座が 8 回あるコースは長いなと最初は思っていましたが、盛りだくさんの内容になりました。 Web サイト構築
皆の「良い」を作り、話し合うプロセス
2012年10月20日、金沢歌劇座で UX Kanazawa が開催されました。先月、basecamp NAGOYA でおこなったプロトタイピングのセミナーの金沢版になります。主催者の @ichigami さんのご好意で急遽金沢で開催することができました。かなりギリギリの告知だったのにも関わらず定員オーバーでキャンセルなしという高出席率の会になりました。 基本的に名古屋で行った内容を継承していますが、3時間半という長い時間を活用して名古屋ではカバーできなかったことを金沢で行うことができました。ワークではチーム別で作ったプロトタイプの意図を発表する時間を設けることができましたし、批評の場をもつことが出来たのが長時間イベントの魅力。私の心配とは裏腹に懇親会に持ち越して話し合いをするという濃い時間になりました。 話し合うための領域設計 目的なしにプロトタイプを作るとコスト高になるだけでなく、話し
Year in Review 2011
文脈を理解したWebコミュニケーションデザイン 今年の Web デザインを語るのにひとつの軸になった記事。モバイルにフォーカスした記事も書きましたが、来年も文脈をテーマに幾つか記事を執筆することになると思います。 記事を読む
UXの奥にあるもうひとつのレイヤー
9月23日に第6回 .NET中心会議が開催されました。エンタープライズ向け、B2B 向けのシステムを開発している方が多く参加されるイベントで、今回のテーマは「UX」でした。製品発表会やサービス紹介に必ずといっていいほど耳にするようになった「体験」というフレーズ。デザイナーだけでなく、エンジニアや経営者など幅広い方々から重要性が認知され初めているのが分かります。しかし、「UX」という言葉は人によって定義や強調するところがまちまちですし、範囲が広過ぎて結局よく分からないイメージが未だにあります。 昨年開催されたリクリのセミナー＆ワークショップで、分かり難い UX を具体化するためのアプローチを紹介しましたが、まだ課題は多いのが現状です。Web では深い議論が出来ないところから、「UX = 素敵なインターフェイスとインタション」という表層的な部分が先行しているところもあります。今後、多様化が進む
モバイルコンテキストの見分け方と注意点
モバイルにおける文脈とは 「文脈を理解したWebコミュニケーションデザイン」という記事で、利用者のコンテキスト（文脈）に応じて Web サイトの見せ方も変化させる必要があると話しました。利用者から取得できるコンテキストを７つ挙げましたが、今回はモバイル環境におけるコンテキストとは一体何であるかを少し掘り下げてみようと思います。モバイルにおけるコンテキストとは何でしょうか？何を基にして仮定することができるのでしょうか？ モバイルにおけるコンテキストを理解する上で以下の３つがキーになります。 誰が使っているか（Who） 何を使っているか（What） 何処にいるのか（Where） これらをリアルタイムかつ自動で取得することでコンテキストをある程度把握することができるようになります。例えば何を使っているのかを User Agent などで理解することが出来れば、PC版のフルサイトではなく自動的に最
未来の仕事はゲーム化する
以前から、人の「楽しむ」という感情を理解し、その感情を助長することができるゲーム的な要素をアプリやサイトに取り入れることは有効な手段であると解説しています。しかし、ゲームの要素は foursquare がバッジシステムを取り上げる前から様々な場所にありましたし、Web の世界だけでなく、私たちの仕事にしてもゲーム的な要素はあります。社内外であるコンペやチームになって仕事を完成させるというプロセスはゲームそのものといっても良いでしょう。 今後私たちの仕事スタイルはよりゲーム的になっていくのでしょうか。 例えばタスクに応じてポイント制にするとどうなるでしょう。今まで時給制といった時間で報酬金額を換算する方法から、ポイントから金額を換算するという考え方が出来るようになります。バッジのようなシステムを取り入れることで、その人が何に対して信用度が高いのかというのも視覚化され、コラボレーションの促進に
文脈を理解したWebコミュニケーションデザイン
パッケージングの違いは文脈の違い 前回の記事「あなたも私もメディアカンパニー」で、コンテンツを制作するだけでなくメディアカンパニーのように配信の仕方にも工夫をしなければならないという話をしました。コンテンツを配信する際に考えておきたいポイントを記事で幾つか紹介していますが、制作者として注目しておきたい要素は「パッケージング」です。情報を利用者・顧客に届けるために、どのようなパッケージングをすると最適なのかを考えなければいけません。 パッケージングは、制作者であれば意識しなくても常に考えていることです。パソコン上で動作する Web ブラウザ上でどのように Web サイトの情報を表示させれば良いかを常に考えていると思います。最近だとスマートフォン向けの Web サイトをどう作るか考えている方も多いでしょう。パッケージングでまず最初に考えておきたいのが、どの情報をどのように見せるかです。 例えば
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
キーワード2011: Talk Now（今すぐ対話）
2010 年のキーワードを事例と共に紹介するミニシリーズ。今回は「Talk Now」です。コミュニケーションデザインという言葉はよく耳にしますが、語られる内容は主に情報発信者側が伝えたい情報(思い)を伝える方法にフォーカスされがちです。今回ピックアップしたキーワード「Talk Now」は一方通行の伝達ではなく、双方向・多方向による対話を指しています。人と人、サービスと顧客、そしてコミュニティとコミュニティによる相互関係が対話を生み出します。デザインをする立場から言えば、対話がしやすい環境作りと仕組みを作ることが必要とされるでしょう。 瞬時のフィードバックを期待する人々 昨年の6月には6500万もの Tweets が１日に流れていました。もちろん、今現在であればこの数字はさらに大きなものになっているでしょうし、情報の流れはさらに早く複雑なものになっているでしょう。人々は今この瞬間を楽しむよう
自社にUX文化を広めるコツ
UX や HCD の勉強をしてみたり、ワークショップに参加しても、会社内での理解を獲得するのが難しい場合があります。装飾より広い範囲でデザインを考えことは時間 (コスト) が必要だけでなく、同僚のデザインプロセスの参加は不可欠です。しかし、成果物として見え難いプロセスですし、「自分はデザイナーではない」と最初から拒否されることもあります。外で入手した様々なデザインアプローチをひとりでいきなり始めても何も変わりませんし負担が大きくなるだけです。UX を社内の文化として取り入れるよう働きかけ、デザインがしやすい環境作りがまず必要になります。 つまり、勉強の次は啓蒙活動です。 社内勉強会をしているところであれば、そこで外で学んできた知識を共有することはできると思います。やっていない企業でも忙しいスケジュールの中から2,3時間ほど共有する時間を絞り出すことは出来るはずです。では、そこで何を話せば良
青森で話したＵＸの大事なコト : could
UX講演 青森で話したＵＸの大事なコト 「UX実現には何をしなければいけないの？」と考える方もいると思います。デザインそのものにも言えますが、UX もある特定の作業と結びつけることは出来ませんし、そう解釈することでビジョンを共有するというもっと大事なことが抜けてしまう可能性があります。 先週7月17日、青森のほうで UX をテーマにした講演をしました。青森は CSS Nite AOMORI 2007 以来、毎年来青しているので「訪れる」というよりかは「戻ってきた」というイメージがしますね。2008年前はWebマーケティング、そして2009年はコンテンツ戦略について話をしました。来青経験はあるものの、ほとんどのセミナーが講演のみでしたが、今回はセミナーとワークショップをワンセットにしたイベントでした。 UX は概念的な説明になりがちですが、講演で解説した道筋を、続くワークショップで具体的に体
Google のデザインガイドライン10項目
以前 Google の UX プロセスというエントリーで、Google が考えるユーザー体験を向上するための対策を紹介しました。Google のような数多くのサービスを運営している大企業でなかったとしても、参考になる項目が幾つかありましたが、先日 Google Operating System で Google’s Design Guidelines という記事が掲載されました。Google アプリケーションのユーザー体験を担当する Jon Wiley 氏が WritersUS Conference で語った Google のデザインガイドライン10項目がリストされています。 使える: 人々の生活、仕事、夢にフォーカスする 早い: ミリ秒でも早くする シンプル: 簡略化することの重要性 魅力的: 初心者にも上級者も引きつける何かをつくる 先進的: 新しいものを生み出すことに意欲的になる ユ
様々な意味をもつWebサイトのスピード
「UXの測定要素」で最初にスピードを挙げたのは、Webの体験において近年重要なポジションになってきているからです。ブロードバンドだからこそスピードを要求されますし、モバイルだと欲求はさらに高まるでしょう。プログラムがより早く動作するように記述の工夫や構成の検討したり、CSS や HTML といったマークアップからでもパフォーマンスを上げることが出来ます。こうした技術的なアプローチだけではなく、情報の整理の仕方や心理的な部分からスピードを表現することが可能です。 例えば、トップページのように様々な導線も含まれた情報量の多いページがあるとします。技術的な工夫を施し、表示速度が早いページにしたとしても、情報が入り組んでいて利用者が見つけ難い構成であれば「時間がかかる＝遅い」と感じるでしょう。「２つ以上の製品を比較したい」「製品の特徴を把握したい」という利用者に明確な目的がある場合はどうでしょうか
UXの測定項目を考えてみた
日本でも UX デザイナーと名乗る方が増えてきましたが、去年あたりから Web では一種のバズワード的な存在になっている UX (User Experience)。『バズワード』と書きましたが、重要と感じている方が多くいるからこそ注目されているわけですし、流行から次のステージに進んでいるのも事実です。デザイナーと呼ばれている方はもちろん、Web サイトを構築する様々な職種の方が UX に反応しているのをみると、ひとつの共通言語 (認識) として重要なポジションになる可能性を秘めています。 ユーザーテスト、ペルソナ設定、アジャイル開発など、水準の高い UX を実現するための様々なアプローチが存在しますし、今でも模索が続けられています。作り出すほうだけでなく、作った後、つまりサイトの測定方法はどうでしょうか。UX を意識して作ったまでは良いですが、それをどう評価すれば良いのでしょうか。ページビ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
