Archive for the ‘ux’ tag
16 Card Sorting Tools for IA/UX
先日、カードソーティングのワークショップをしたこともあり、カードソーティングについて改めて興味を持ち始めています。基本的にはアイデア発想法に近いところがその理由かも知れません。
「カードソティング」という言葉より、品質管理でいう「新QC七つの道具」の「親和図法 (Affnity Diagram)」および「KJ法」という言葉のほうが、日本ではもしかしたら知っている人は多いのかも知れません。
とりあえず、メソッドの理解というより便利なツールをまとめておこうと思います。
カードソーティングと言えばDonna Spencerさんの名前がまず思い浮かぶこともあり、彼女のブログ「DonnaM」を見ていくだけでも非常に参考になります。また、Boxes and Arrowsのほうに詳しく書かれた記事があります。ちなみに今年のIAサミット2009でも実際に彼女にもお会いすることができました。
- DonnaM – IA – card sorting
- Card sorting tools – a short summary
- Card sorting: a definitive guide – Boxes and Arrows: The design behind the design
そのDonna Spencerさんが書かれた書籍「CARD SORTING」の「Manual vs Software」p. 55にツールについての紹介がされています。本を買わなくても、Rosenfeld Mediaサイトの「Card sorting software tools」からも見ることができます。
また、ナビゲーションについて詳しく書かれた書籍「デザイニング・ウェブナビゲーション」の「カードソーティング」p. 178でもツールがいくつか書かれていました。こちらは2007年にJames Kalbachさんが書かれたものを浅野さんやコンセントの長谷川さんが翻訳された本ですね。
Card Sorting Tools
- OptimalSort
OptimalSort – online and easy cardsorting - Websort
Card Sorting with Results | WebSort.net - MindCanvas (Open Sort & TreeSort)
MindCanvas | A research service from Uzanto - xSort
xSort is a free card sorting application for Mac OS X - SynCaps
Design for Usability – Card Sorting Introduction - Card sort analysis spreadsheet
Rosenfeld Media – Card Sorting: Card sort analysis spreadsheet - CardZort
Jorge A. Toro - CardSort
CardSort – UCD Tool for Information Architecture ※<index.php> がエラー - CardSword
CardSword - WebSort
Card Sorting with Results | WebSort.net - 11. WebCAT
WebCAT: Overview - 12. uzCardsort
mozdev.org – uzilla: cardsort - 13. EZSort
IBM Ease of Use – EZSort (beta release) ※サーバーエラーのためアーカイブを参照。 - 14. Socratic Card Sort
Socratic Technologies, Inc. - 15. StickySorter
Microsoft Office Labs – StickySorter - 16. Classified
URL不明
ということで、合計16のツールがカードソーティングのツールとしてまとめることができます。
実際に「card sorting」で検索してみると、たくさんの記事があることがわかります。実際、以下のようなサマリーサイトがたくさんありました。このエントリーを書く上でも参考になりました。
最後に、Slideshareでタグ「card-sorting」での検索結果は下記から見ることができます。
その中でBenny Skogberg氏がまとめている「Card Sorting Tools」というスライドがあったのでご紹介します。
IA Cocktail Hour Tokyo (UX Insenticve参加報告) のお知らせ
IAAJでも公開しましたが、来る9月4日 (金) に、IAカクテルアワーを行いたいと思います。前回からかなり時間が空いてしまいました。前回までの活動風景はFlickrで「iaaj」タグで検索していただけるとご覧いただけます。
今回は、(株) ビジネス・アーキテクツの奥さんから6月に参加されたUX Insentive (サンフランシスコ) の参加報告をしていただけることになりました。
現地でのワークショップということですので、日頃の共有方法やブレストなどで参考になることが多いかと思います。興味ある方がぜひご参加ください。
【IA Cocktail Hour Tokyo】
内容: UX Insenticve参加報告
日時: 09/04 (金) 18:30～21:00
場所: (株) ビジネス・アーキテクツ 会議室
定員: 30名～40名程度
会費: 1,000円程度 (ドリンク代)
主催: IAAJ
協力: (株) ビジネス・アーキテクツ
人数制限としては、30名～40名程度とさせていただきたいと思います。
参加表明は、直接 <entry@iaaj.org> までメールをお送りください。氏名 (できれば読みがな)、所属先、メールアドレスを記載ください。
■補足
UX Intensive
2009年6月14日～17日にサンフランシスコにて開催。
プロダクトデザイン、UI、オンラインサービスのユーザーエクスペリエンス構築のステップアップを目指す、UXプロフェッショナル向けの4日間のワークショップ形式のセミナー。1日づつテーマを分けて実施。
- 1日目: デザイン戦略
デザインをビジネスへの関連性を明確にしていくために必要なツールを紹介。 - 2日目: デザイン調査
最も利用して欲しいユーザーの洞察を通してデザインに役立つ情報を収集するアプローチを紹介。 - 3日目: 情報アーキテクチャ
今回は通常のIAプロセスではなく、メタデータ、コンテンツ分析、検索、分類とサイト構成例についてのアプローチを紹介。 - 4日目: インタラクション・デザイン
モデル化やデザインコンセプトの制作から、クイックプロタイピングまでのアプローチをテスト課題に沿って実践。
Adaptive path Inc.
米国を代表する、ユーザーエクスペリエンスをテーマにプロダクツから、ウェブサービスのデザインコンサルティングを行う会社。
「Ajax」を命名した人物としても有名なジェシー・ジェームス・ギャレット氏は、「blog」の命名に貢献したといわれるピーター・メイホールズ氏と共に創設メンバーであり、共同経営者。
■関連URL
以上、よろしくお願いします。
UX London
IA Summit 2009およびUIE Web app Summitに引き続いてまた海外でUX系のイベントです。
6月15日〜17日まで、カンバーランド (ロンドン) で「UX London」が開催されます。
IA Summit 2009で配られていたチラシでも見ていたので非常に気になってはいたのですが、すでに売り切れの模様……。
写真はFlickrで「uxlondon」で見れます。
それはそうと、海外でのイベントのスピーカーはどこに行ってもほとんど同じですね……。以下がUX Londonのスピーカーですが、やはりIA Summit 2009でも講演されていた方が多数います。個人的にはまだ聴けていないLuke Wroblewski氏の講演に一度参加したいと思ってはいるのですが、なかなかその機会がありませんね。
Speakers
- Don Norman (Nielsen Norman Group)
- Leisa Reichelt (User Experience Designer)
- Dan Saffer (Principal, Kicker Studio)
- Luke Wroblewski (Senior Director, Yahoo!)
- Jared Spool (Director, UIE)
- Jeff Veen (Entrepreneur)
- Eric Reiss (CEO, FatDUX Group)
- Peter Merholz (President, Adaptive Path)
それにしてもこのサイト非常にキレイですね。「Silverback」で有名になったClearleft社の協力のようです。Clearleft社ということはAndy氏が代表を務める会社ですが、この会社のサイトもやっぱりキレイです。
しかし、「UX」という冠がつくことがひっかかりますね。IA Summit 2009でJesse James Garrett氏が話された「The Memphis Plenary」の一文に影響を受けてのことですが、「UX」という冠にしてしまうとすべてが包含されてしまうので、これからはすべて「UX」がつくのかと考えさせられてしまいます。
Get Wireframing and Prototyping
Fred Beecher氏は「Axure」についてもワークショップを開いていたりするようですが、これに関係して「ワイヤーフレーム」や「プロトタイピング」に関するエントリーがあったのでご紹介します。
まず「Get Wireframing」という下記エントリーですが、すごいですね。よくまとめたなと感心してしまいます。
内容は下記のアウトラインになっているので、すべてがいいリファレンスになりますな。
「Article」などは個別に集めてたまに読む程度だったのですが、まとまっているのでいつでも参照できます。
- Techniques
- Tools
- Wireframe Examples
- Wireframing Articles of Interest
- Paper Prototyping
- Useful Wireframing Resources
- Kick Ass Books
次に「16 Design Tools for Prototyping and Wireframing」ですが、これはツールを16個あげてそれぞれをレビューしています。
と、この2つのエントリーだけでもリストアップしてみると24ものツールがあることになります。
もちろん「multifunctional applications (多機能なツール)」としてしまえば、世の中のほとんどのツールが含まれてしまうかも知れませんが。
これからツールを検討しようとしていた場合、このリストアップは参考になるのではないでしょうか。ボク自身触ったことがあるのはごくごく一部のような気がしますので時間のあるときにでも試してみたいと思います。
- Visio – Visualize, explore, and communicate complex information.
- OmniGraffle Pro – Create diagrams, process charts, quick page layouts and website mockups
- Axure RP Pro – Rapidly create wireframes, prototypes and specifications for applications and web sites.
- iRise Pro
- Pencil – Free sketching & GUI prototyping tool, can be installed as a Firefox add-on or as a standalone application.
- SmartDraw
- MockupScreens – For the Non-Designers, allows you to sketch and organise screen mockups.
- Balsamiq Mockups – Easily and quickly created rough mockups with predefined elements
- Lucid Spec
- ConceptDraw Pro
- iPlotz – Quickly sketch wireframes of Web sites and demonstrate navigation between pages
- Go Analogue
- PowerPoint or Keynote
- Adobe Fireworks
- HTML
- Adobe Flash
- Fluid IA – Agile UI Prototyping
- OverSite – Provides a menu of widgets to create wireframes, or mockups with drag and drop features.
- Justinmind – Design a wireframe and test their web usability
- EasyPrototype – Works with your existing techniques such as paper sketches, Photoshop mockups etc.
- Gliffy – Create website wireframes and share web mockups with anyone.
- Jumpchart – Online collaborative wireframe
- Lovely Charts – Diagraming app that allows you to create site maps, flowcharts, wireframes and more
- Protoshare – Collaborate online wireframe tool with real time communication and clickable wireframes.
UX Australia 2009
「UX Australia 2009」が、キャンベラ (オーストラリア) で3日間 (8/25〜8/27) 開催されます。
こちらの「Call for proposals (CFP)」がDonna Spencerさんからから告知されていましたので引用します。オーストラリアのIAコミュニティは一度参加してみたいですね。
We are very pleased to announce the call for proposals for UX Australia 2009.
The conference program for UX Australia 2009 will be based on your input, to ensure that the conference reflects current user
experience practice and also reflects the types of presentations you would like to see.
We are calling for proposals for main conference presentations and for pre-conference workshops.
- Call for proposals – main conference < UX Australia
- Call for proposals – pre-conference workshops < UX Australia
開催までのスケジュール (The Key dates) は以下のようになっています。
- 16 Feb 2009: Call for proposals open
- 29 Mar 2009: Proposals close (this is not a flexible date – we will close on midnight AEST this date)
- 30 Mar 2009: Reviewing starts
- 11 Apr 2009: Speakers notified
- 1 May 2009: Conference registration opens (with full program available)
UX Book Club Tokyo
「アンビエント・ファインダビリティ」や「デザイニング・インターフェイス」、「マイクロフォーマット」の翻訳でご活躍の浅野さんのブログにもあるとおり、ここ最近「IAI (Information Architecture Institute)」のMLで「UX (User Experience) Book Club」という読書会のプランについての議論が非常に盛り上がっています。
UX関連での書籍といえば、「Rosenfeld Media」のウェブサイトでも購入できる「MENTAL MODELS」や「WEB FORM DESIGN」などが一番わかりやすいかと思います。
ただ、どちらも洋書というだけあったなかなか手が出せない方も多いと多いと思いますが、そんな方にもこの「UX Book Club」は後押ししてくれるいい機会になると思います。
「UX Book Club Tokyo」は、東京で開催を計画しているUX関連の読書会です。実現に向けてのアイデアやご意見をぜひお寄せください。 参加にご興味をお持ちの方は、以下のメンバーリストにお名前とコンタクト情報（メールアドレス、ブログURL、各種SNSのアカウントなど）を追加してください。5名を超えるようであれば、発起人の浅野が中心となって具体的にプランニングを進めたいと思っています。
まだ、活動自体は明らかになっていませんが、すでに参加を希望している有志が名前を連ねているようで、そんなボクも参加を希望させていただきました。
自分でもなかなか読書に時間を避けなくなってきているので、この機会にまた読書するサイクルにできればと思います。というわけで、今後の期待する取り組みとしてご紹介します。
Web Design Basics
「エクスペリエンス」を直訳すると「体験」になると思いますが、「おもてなし」という言葉で思い浮かぶ方もいるかと思います。
ウェブサイトを設計する際に、どう使ってもらうとか考えると思うのですが、その「どう使ってもらうか」を「エクスペリエンス」と考えた場合、そのためのルール作りには一定の方針が必要になってきます。
「行動指針」という言葉を聞いたことがあるかと思いますが、ウェブサイト上におけるエクスペリエンスを実現するための方針とはまさに「行動指針」に相当するものです。
行動指針の代表的な例としては、リッツカールトンやディズニーがあります。詳しくは、それぞれのサイトを参照してもらうとして、これらのサービス提供者は、そのサービス精神を末端まで行き届かせるために指針を掲げています。
ウェブサイトに関わる人を「ウェブサイト提供者」とした場合にも同じことが言えるわけで、提供する側には常に「HOW」の部分で「指針 (ポリシー)」が必要になります。
ディズニーの例
ディズニーのテーマパークには4つの「行動指針」があります。
- Safety (安全)
- Courtesy (礼儀正しさ)
- Show (ショー)
- Efficiency (効率)
「OLCグループCSRの取り組み」には次のように書かれています。
ディズニーテーマパークには、「SCSE」という行動指針があります。【Safety 安全】、【Courtesy 礼儀正しさ】、【Show ショー】、【Efficiency 効率】の頭文字をとったもので、全キャスト（従業員）にとって、ゲストに最高のおもてなしをするための判断・行動のよりどころとなります。東京ディズニーランド、東京ディズニーシーのキャストは、入社時に「SCSE」を理解するところからスタートし、常にそれを心に持ち続け実践しています。「SCSE」は、その並びがそのまま優先順位を表しており、安全がすべてに優先するということを示しています。
東京ディズニーリゾートサイトにも「エクスペリエンスのための四つの鍵「SCSE」」というのが掲げられています。
テーマショーを通して、ゲストに最高のエクスペリエンス（素晴らしい体験）を提供するための要素は SAFETY（安全性）、COURTESY（礼儀正しさ）、SHOW（ショー）、EFFICIENCY（効率）の四つの言葉に集約されます。この四つの言葉の頭文字「S・C・S・E」は、「人を大切にする運営」を具体的に表現したものです。
ということで。
自分たちが今つくっているウェブサイト、ウェブサービスには指針がありますか?
また、それはどんな指針でつくられていますか?
ウェブサイト設計の重要さはこの指針の重要さに気づくところからはじまります。
UXpod – User Experience Podcast
UXpod – User Experience Podcast
http://uxpod.com/
Information & DesignのGerry Gaffney氏がはじめたポッドキャスト。
Donna Maurerさんの「カード・ソーティング」のインタビューが掲載されたようですね。
実はこれの日本語版をしたいなと思っていたので「やられた感」がありますね。
# 完全にドタバタしていて手がつけられませんでした……。
携帯電話サービスの「ユーザーエクスペリエンス」
これまた「UIEvolution Inc. の中島氏のブログ」ですが、携帯業界で世界的なイベント「GSMカンファレンス」で話されたスライドの説明がついていたのでメモ。
Life is beautiful: 携帯電話サービスのユーザー・エクスペリエンスは誰が責任を持つべきか？
http://satoshi.blogs.com/life/2006/07/post_9.html
おもてなしの責任者は、ホテルを設計したアーキテクトでもなければ、ホテルを建てたゼネコンでもありませんよね。それはサービスを提供しているリッツ・カールトンそのものです。
「まさしくその通り」と、うなりたくなるようなメッセージなので心が晴れやかになります。
こういうのを自分でも話せるようにならないとと思いました。
モバイル系の案件の話があれば、声をかけてください (> どなたか)。
ユーザーエクスペリエンスのハニカム構造
今さらと思われる方も多いと思いますが、「ユーザビリティ」というワード単独で説明できる時代は終わりました。
提案資料に含まれていたり、ドキュメントで高々と謳っていたりするのであれば、見直したほうがいいでしょう。
これからはそれが (具体的に) なにを示しているか説明ができなければなりません。
「ユーザーエクスペリエンスのハニカム構造」として下記の図があります。
- Useful
- 役に立つこと
- Usable
- 使いやすいこと
- Desirable
- 望ましいこと
- Findable
- 探しやすいこと
- Accessible
- アクセスしやすいこと
- Credible
- 信頼できること
- Valuable
- 価値があること
つまり、これらのバランスを検討することが重要であり、どれか1つでも欠けているとユーザビリティを検討したことにはならないので注意が必要です。
ACCESSIBLE KYOTO – アクセシブル京都
http://accessiblekyoto.net/
でも取り上げられていますね。
『アンビエント・ファインダビリティ』で書かれているのでご存じの方も多いと思いますが、Peter morville氏の「Semantic Studios」のサイトに原案があります。
User Experience Design
http://semanticstudios.com/publications/semantics/000029.php