- 追加された行はこの色です。
- 削除された行はこの色です。
&pgid;
#contents();
* このページは？ [#b0db693e]
【IA分科会】明日から実践できるIA Vol.3 ユーザー目的からユーザーフローを導き出す (WebSig24/7)
http://websig247.jp/committee/ia/000124.html
の第一部のメモをピコ勉のために整理したもの。
h1. お題
- [[坂本貴史さん:http://bookslope.jp/blog/]]がライブで情報設計していく過程、考え方を解説。
* [自治体のサイト：東京都]の改善を考える [#rcfb16ba]
[WebSig24/7] IA分科会 ライブIAとグループワーク bookslope blog
http://www.bookslope.jp/blog/2009/01/websig247_liveia.html
&color(red){※メモを取りきれなかった部分は坂本さんのまとめを見て付け足しています。};
h1. 情報設計のプロセス
* お題 [#g5c8c647]
h2. 1. 優秀なサイトの知識をつける
- [自治体のサイト：東京都]の改善を考える
* サイトのランキングを見る [#we14575a]
* 情報設計のプロセス [#s9d530a3]
** 1. 優秀なサイトの知識をつける [#s08f5aa9]
- サイトのランキングを見る
たとえば、「自治体 ユーザビリティ ランキング」などでググってみる。
自治体 ユーザビリティ ランキング - Google 検索
http://www.google.co.jp/search?rlz=1C1GGLS_jaJP299JP304&sourceid=chrome&ie=UTF-8&q=自治体+ユーザビリティ+ランキング
http://www.google.co.jp/search?q=%E8%87%AA%E6%B2%BB%E4%BD%93+%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3+%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0&lr=lang_ja
* その年だけでなく過去数年を見る（ニーズの移り変わりを知る） [#c9f3c101]
- その年だけでなく過去数年を見る。
→ ニーズの移り変わりを知る。
2008年：浜松市（ディレクトリサーチ復活。ラベリングは身近な言葉になったな。）
※URL
http://www.city.hamamatsu.shizuoka.jp/
2007年：名古屋市（ディレクトリサーチがなくなったな... そういえばグーグルも）
※URL
http://www.city.nagoya.jp/
2006年：新潟市（ディレクトリサーチがあるな）
※URL
http://www.city.niigata.jp/
2004年：柏崎市
http://www.city.kashiwazaki.niigata.jp/
h2. 2. いくつか見た中で自分の感覚に近いものを選ぶ
** 2. いくつか見た中で自分の感覚に近いものを選ぶ！ [#wf2bf639]
* 優秀なサイト中で自分の感覚に近いものを教科書にする。 [#rb5268c6]
- 優秀なサイト中で自分の感覚に近いものを教科書にする。
// 優秀なサイトだけを見れば良いのではない。
// モチベーションのためには「自分のしたいようにする」「自分のしたい方向性を見つける」こと。
// 良いサイトだけを見せられてこれを作ってください、といわれてもモチベーション上がらないっしょ！
優秀なサイトだけを見れば良いのではない。
モチベーションのためには「自分のしたいようにする」「自分のしたい方向性を見つける」こと。
良いサイトだけを見せられてこれを作ってください、といわれてもモチベーション上がらないっしょ！
** 3. Webと実体験の接点を探す。 [#ze2cf999]
h2. 3. ターゲットとニーズを考える
今回は、''「引越しをした後に区役所に手続きに行くこと」を想定''して考えてみる。
* いろんなターゲットがいるが... [#s2c111d2]
** 当事者 [#d135a9ac]
** 関係者 [#bf2b9907]
** 利用者 ＝ 区民、都民 [#y08a927b]
⇒ 例えば、「引越しをした後に区役所に手続きに行くこと」を想定して考えてみる。
- まずは自分の実体験に置き換えてみる。（自分なら普段どうしてる？）
-- まずついたら「フロアマップ」を見るよね。
-- カウンターで書類書いて窓口に持ってくよね。
h3. Webと実体験の接点を探す。
- たとえば写真で探す（ググる！）。
一番良いのは現場に行き写真を撮ることだが、毎回そうもしてられないので...
* まずは自分の実体験に置き換えてみる。（自分なら普段どうしてる？） [#k9b36ec9]
** まずついたら「フロアマップ」を見るよね。 [#uc25a68c]
** カウンターで書類書いて窓口に持ってくよね。 [#be3da847]
* たとえば写真で探す（ググる）。 [#ab42bc93]
// 一番良いのは現場に行き写真を撮ることだが、毎回そうもしてられないので...
** 4. ターゲットとニーズを考える [#e7ca48e8]
h3. ユーザーのニーズを調べ、ユーザーの仮説を立てる。
- いろんなターゲットがいるが...
-- 当事者
-- 関係者
-- 利用者 ＝ 区民、都民
* 区役所 自治体 利用者などでググる。 [#oa7ea633]
自分が利用者になって考えてみる。
* 一番手っ取り早いのは「SNS」 [#s74f4e69]
** SNSのトピックをざっと見る（だけでもユーザーのニーズを知ることができる） [#w511f680]
** mixi、kizasi.jp、YouTube... [#m9fa1bed]
** 5. ユーザーのニーズを調べ、仮説を立てる。 [#bc3df776]
* 一番大切なのは仮説を立てること！ [#j0887552]
*** 調べる [#l0b812c7]
* 一番分かりやすいもの、たとえば「AIDMA」で考える [#s3a9a37a]
⇒ ノートへ
- 区役所 自治体 利用者などでググる。
- 一番手っ取り早いのは「SNS」
-- SNSのトピックをざっと見る（だけでもユーザーのニーズを知ることができる）
-- mixi、kizasi.jp、YouTube...
h2. フローと情報構造
*** 仮説を立てる（シナリオを考える） [#e93e638d]
* フロー [#fc030705]
* 情報構造 [#r1fa1d8b]
// フローと情報構造は全く別もの
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
一番大切なのは仮説を立てること！
h3. 情報構造
- プロセスに分解して考える。たとえば「AIDMA」。
* 教科書のサイトマップを見て大分類をピックアップする。 [#d6f2a53a]
⇒ 自分でタグ付けし直してみる（再分類する）。今のサイトの再整理。
~~~~~~~~
|プロセス|行動|要件|
|A|場所を知る|アクセスマップ/地図|
|I|手続きを見る|手続きの掲載|
|D|カンタンだと分かる|カンタン、工夫|
|M|場所と方法を覚える|記憶 →印刷|
|A|区役所に行く||
* グローバルナビ [#pb16c1ad]
⇒ 普遍的な情報、これ以上分解できない情報
** 6. 情報構造を考える [#md80bf6e]
* 例）柏崎市 [#ac9725c0]
- 教科書にしたサイトのサイトマップを見て大分類をピックアップする。
- 改善したいサイトの項目に照らし、自分でタグ付けし直してみる。
⇒ ''再分類する''（今のサイトの再整理）
** 7. ナビゲーションを考える [#u572df44]
- タグ付けしたものを大小分類してメインナビゲーション（グローバルナビ）を決める。
グローバルナビ
→ 普遍的な情報、これ以上分解できない情報
** 8. ラベルを考える [#j31f93cf]
- 仮説（シナリオ）から導き出した要件に必要なラベルで再整理する
- 柏崎市
http://www.city.kashiwazaki.niigata.jp/
** 「くらし」は分類ではなく切り口でしかない [#n8b9bcec]
-- 「くらし」は分類ではなく切り口
** 9. 画面フローと画面を考える [#oa4124e8]
h2. ポイント
- 仮説（シナリオ）から導き出した要件を元に画面フローと画面を考える
* 対象サイトをくまなく見ない。 [#c73f35f0]
* その業界で一番優秀なサイトを見る。（教科書を作る） [#q1916065]
* 自分を利用者として見てみる。自分が使えないと思うものは他の人もそう思ってる。（プロセスを考える） [#ecf761a3]
※フローと情報構造は全く別もの
* ポイント [#p1dfdb3f]
- 対象サイトをくまなく見ない。
- その業界で一番優秀なサイトを見る。（教科書を作る）
- 自分を利用者として見てみる。自分が使えないと思うものは他の人もそう思ってる。（プロセスを考える）
* もっと詳しく知りたいときは？ [#pfbafde0]
- 当日の動画が公開されています。
IA分科会 「明日からできるIA Vol.3 ユーザー目的からユーザーフローを導き出す」のビデオを公開いたしました (WebSig24/7)
http://websig247.jp/committee/ia/000125.html
#blikifooter(近藤)
tag: [[IA>tag/IA]], [[ピコ勉強会>tag/ピコ勉強会]]
![[ARK-Web SandBox]](image/sandbox.gif "[ARK-Web SandBox]")
