JaSST'23 Hokkaido 2023/09/08

UIデザイン体験ワークショップ『ユーザー視点』で考えるペルソナなりきりで簡易ユーザーテスト
早く作って早く試して早く失敗する#jassthokkaido #jasst_do前に進もうとする人達に問いかけで成長促進させる

金内 透（かねうち とおる）

福岡にバフをかける

47歳 福岡出身

合同会社CGFM代表社員

UIデザイン+IT系野良ファシリテーター
非常勤講師

崇城大学 デザイン学科 デザイン発想論演習(2014〜)
佐賀女子短大 サービスデザイン演習(2020〜2022)@KaneuchiToru
フロントエンドエンジニア / UIデザイン /ジーズアカデミーFUKUOKA 講師

HTMLコーダー歴15年 / CSS / JavaScript /WordPress / React / miro / figma

Create a Good Future Meeting

BeforeAfter

合同会社CGFM
デザイナー (妻 @mutsuking ) と2人だけのUI/Webデザイン会社
システム会社の新規事業、スタートアップのデザインアドバイザーの案件多数
事業立ち上げや仕様策定段階から参加する壁打ちスタイルが得意今日のキーワード

なりきる
今日は仮想ユーザー(ペルソナ)になりきってWebサイトを考えますワークショップは皆で作る場

皆で良い学びの場を作っていきましょうチェックイン (今日学ぶこと)なりきる• ペルソナ(仮想利用者)になりきる• ユーザー視点のインストール• 早く作って 早く試して 早く失敗するワークの内容
1

ペルソナなりきり＆記録
ペルソナ
シート

一人がペルソナになりきってアドリブで演技
他のメンバーはセリフや画面要素を記録

2 アクティビティ
シナリオ作成セリフをベースにシナリオを手書きで作成

スタート

シナリオ
(台本)

時間がない場合は付箋の貼り合わせでOK

3 ペーパープロトタイピング作成

セリフ

😰

画面要素

ペーパープロトタイピング

ゴール

😁

セリフ

必要な画面要素

……
……
……
……

☑ _____☑ _____☑ _____……
……

ラフな手書きでOK
全画面を手分けして作成

…………
…………
…………

模造紙

4 ユーザーテスト
ユーザーがヒントなしで目的を達成できるかを検証
シナリオを読みながらペルソナになりきってペーパープロトタイピングを触っていくルール1

ワークショップ心得

この場の最高権限者はファシリテーター

時間厳守

失敗OK

ルール2

5グラウンドルール

たくさんのアウトプットが生まれる 良い議論する場を作るための決まりごと

1. ほめる 粗野なアウトプットを歓迎する
2. 聴く 傾聴

たくさんのアウトプット（検討材料）

3. 受けとめる 受容≠肯定4. 待つ 生産的沈黙
5. 愉しむ キツさも苦しさも含めて良質な仮説を立てられる（検討）(「5グラウンドルール」は株式会社つくるひとの登録商標です)無茶振りYes and Yeah！

宝くじ当たったんですって？

「そうなんですよ〜」
でも必ず返す。
否定はダメ

そうなんですよ〜○○○○○○○○○

イエーイ!!
イエーイ!!

成立したら二人でイエーイ

どうでしたか？
相手の意見を否定せずにさらに乗っかったアイディアを即座に返せましたか？

インプロ(即興演劇)の練習

社長ごっこ(ホテルの社長)

どうでしたか？

世界観は？

ワーク

目的は？

忍者養成学校の受験生向け入試案内サイト
簡易ユーザーテストの体験この3つで簡易ユーザーテストできる！
ペルソナの設定
演じる役柄の設定

ペルソナの台本
アクティビティシナリオ

テスターが演じる台本
価値を満たすための[行動]シナリオ

何を課題にしてるか？
何がゴールなのか？

プロトタイプ台本に必要な画面
UI/コンテンツデザイン
手書きでOK

󰢏セリフベース❌ 操作指示NG

どんどん作り込んでOK

ワークの内容
1

ペルソナなりきり＆記録
ペルソナ
シート

一人がペルソナになりきってアドリブで演技
他のメンバーはセリフや画面要素を記録

2 アクティビティ
シナリオ作成セリフをベースにシナリオを手書きで作成

スタート

シナリオ(台本)

時間がない場合は付箋の貼り合わせでOK

3 ペーパープロトタイピング作成

セリフ

😰

画面要素

ペーパー
プロトタイピング

ゴール

😁

セリフ

必要な
画面要素

……
……
……
……

☑ _____☑ _____☑ _____……
……

ラフな手書きでOK全画面を手分けして作成…………
…………
…………

模造紙

4 ユーザーテスト
ユーザーがヒントなしで目的を達成できるかを検証
シナリオを読みながらペルソナになりきってペーパープロトタイピングを触っていくペルソナは絶対じゃない

ペルソナは共通認識のためチームメンバーが利用ユーザー像とそのゴールを共有するために立てるもの。大事なのはアクティビティシナリオ(台本)ペルソナの項目(簡易版)
ペルソナの名前/職業/年齢

ざっくりでOK

ペルソナの顔ペルソナのゴール
下手でいいから手描きの絵(フリー素材OK)

ペルソナの背景どんな状態がゴール？
何をもってゴールとする？
どんな課題や問題を抱えてる？
何に悩んでる？

ペルソナのアクティビティシナリオ

スタート時のセリフ(利用前の心の声)��

途中のセリフ(途中の心の声)

ゴール時のセリフ(目的達成後の心の声)��今日のペルソナシート→PDFダウンロードはこちら

ペルソナなりきり＆観察

1回(5分以内)

ペルソナ役、記録係で役割分担
ペルソナ役

記録係

ペルソナになりきって発話スタート時のセリフ

可能ならチーム全員がなりきり体験すると◎ゴール時のセリフ観察

セリフの記録画面・
コンテンツの記録

スタート

ゴール

アクティビティシナリオの元

セリフ
プロトタイプの元画面・要素演じ終わってから並べる

メンバーと手分けして作成
ペルソナの台本
アクティビティシナリオ

テスターが演じる台本

最初は関係者で内部ユーザーテスト

ユーザーテストで成立するか検証󰢏セリフベース❌ 操作指示NG

プロトタイプ台本に必要な画面
UI/コンテンツ
手書きでOK

画面を手分けして全画面を先に作る

セリフの付箋の貼り合わせでもOK

ユーザーとサービスを理解するためのワークショップ

簡易テスト
簡易プロトタイプを手元にプロジェクトメンバーがユーザーになりきって使ってみる

観察・記録
ユーザー役

作る理由・メリット

ユーザーがヒントなしで目的を達成できるか検証できる
ユーザーが操作でつまづくポイントに早い段階で気づける
つまづいたポイントは、すぐに簡易プロトタイプを改良し短時間で繰り返しテストできる

案内・画面遷移そのサービス、ユーザーを見て作ってる？｜JaSST'23 Hokkaido 2023/9/8

簡易ユーザーテスト
シナリオ通りに行動できるか観察

セリフ中心のシナリオ

早く作って早く試して早く失敗する

プロトタイプを操作指示なし説明なしで行動できるか？

何を検証する？

簡易テスト

説明無しで使える？

内部テスト

外部テスト

チームメンバーでお手軽に試す

外からテスター召喚
何も知らない人で試すチェックアウト「今日 気づいたこと」チェックアウトレビュー

10点レビュー(仮)● 共通のお題、テーマで書いた意見をシャッフルして参加者全員でレビューする手法● 2人1組で10点満点で採点採点を規定回繰り返す(5回なら50点満点)

アンケートのお願い

できることから始めてみよう！

https://#jassthokkaido #jasst_do

forms.gle/a1Eay1WC1PK2N2u66