Beyond Mobile IA Thinking 
Lightning Talk at Goodpatch 
坂本貴史 
2014.10.31 
by photonate.com
グラフィックデザイナー出身 
ネットイヤーグループ参画 
HCD-Net 評議員 
OpenUM プロジェクト発足 
寄稿・講演多数 
著書『IAシンキング』ほか 
坂本貴史 
@bookslope
by Sgkh
タブビュー型 
Vimeo
いい製品には、理由がある
UX Archive 
http://uxarchive.com/
モバイルにおけるデザインパターン 
デバイスエコシステムIAパターン 
デバイス単位(PCとタブレットと 
モバイルなど)の組み合わせにより、 
利用順序や使い方を定義します 
コンテンツ単位(画面やファイル) 
の組み合わせにより、画面フローや 
コンテンツの表示順序を定義します 
UIパターン 
コンポーネント単位の組み合わせ 
により、表示スタイルや表示方法(振 
る舞い)などを定義します
ユーザビリティテストで問題点を抽出し修正すること (治療) 
に依存しすぎるのではなく、 
設計/開発の段階でユーザビリティ上の問題を 
あらかじめ潰しておくこと (予防) が大事 
Usability testing myths 
Rolf Molich
シナリオと画面の関係性 
本日の朝刊日付選択過去の朝刊 
過去の夕刊 
朝刊にいるときに、過去の夕刊はダイレクトに見れない
シナリオと画面の関係性 
本日の朝刊日付選択過去の朝刊 
過去の夕刊 
本日(朝刊) 
本日(夕刊) 
過去(朝刊) 
日付 
夕刊・朝刊の選択と日付の選択が必須となる 
過去(夕刊)
GunosyのUIを徹底的に分析してリデザインしてみた 
http://uid-lab.tumblr.com/post/58605815304/gunosy-ui
Justinmind: Interactive wireframes for web and mobile 
http://www.justinmind.com/
YouTube 
koboを開封
いい製品でも、いい体験とは限らない
First Time User Experiences 
http://firsttimeux.tumblr.com/
Webサイト分析カスタマージャーニー分析 
Webサイト 
セッション単位 
流入フロー・サイト構造 
顧客接点全体 
ユーザー単位 
ユーザー行動プロセス・LTV
Axure: Interactive Wireframe Software & Mockup Tool 
http://www.axure.com/
GoPro 
What this person do you?
いい体験にも、いくつも課題がある
ステージ 
行動 
感情 
感情 
曲線 
解決案 
来店商品を探す会計退店 
・商品棚に行き、目的の 
商品を探す 
・商品を持ち、レジに向 
かう 
・コンビニに入る 
・商品を渡し、財布を開 
ける 
・小銭を取り出し、お金 
を渡し、商品を受取る 
・商品を持って、店の外 
に出る 
・喉が乾いたので、コン 
・ドリンクは奥のほうに 
・小銭出すのが面倒… ・搬出する人が邪魔で出 
ビニで水でも買おうあったはず… 
にくい… 
・よく売れるドリンク類 
は入り口付近に陳列する 
・近くのコンビニの場所 
を知らせてくれる 
・スイカなどの電子マネー 
での支払いができる 
・搬入・搬出口を一般客 
とは別にする
AS IS TO BE 
現状把握 
課題にフォーカス 
組織横断の課題把握 
企画(ビジョン) 
ソリューション 
クロスチャンネルの提案
Community Pharmacy for Walgreens 
IDEO
発症して治療をするのか 
or 
発症するのを防ぐのか 
Reframe problems 
Takashi Sakamoto
IA thinking to make the world a better place 
IA思考を通じて、世界をより良くする 
World IA Day 2014 
The Information Architecture Institute
Happy Halloween! 
ありがとうございました 
@bookslope 
bookslope@gmail.com

Beyond Mobile IA Thinking at Goodpatch LT