UIデザインワークショップ - JaSST'23 Hokkaido

Transcript

1. UIデザイン体験ワークショップ
   ペルソナなりきりで簡易ユーザーテスト
   JaSST'23 Hokkaido 2023/09/08
   『ユーザー視点』で考える
   早く作って 早く失敗する
   早く試して
   #jassthokkaido #jasst_do
   

   View Slide

2. 今日のキーワード
   なりきる
   今日は仮想ユーザー(ペルソナ)になりきって
   Webサイトを考えます
   

   View Slide

3. 皆で良い学びの場を
   作っていきましょう
   ワークショップは皆で作る場
   

   View Slide

4. チェックイン (今日学ぶこと)
   • ペルソナ(仮想利用者)
   になりきる
   • ユーザー視点のインストール
   • 早く作って 早く試して 早く失敗する
   なりきる
   

   View Slide

5. ワークの内容

   ペルソナ
   シート
   

   スタート ゴール
   😰 😁
   セリフ
   画面
   要素
   ペーパー
   プロトタイピング ……
   ……
   ……
   ……
   ……
   ……
   …………
   …………
   …………
   ☑ _____
   ☑ _____
   ☑ _____
   ペルソナなりきり＆記録
   1
   アクティビティ

   シナリオ作成
   2
   ペーパープロトタイピング作成
   3
   ユーザーテスト
   4
   模造紙
   一人がペルソナになりきってアドリブで演技
   他のメンバーはセリフや画面要素を記録
   シナリオ
   (台本)
   セリフをベースに
   シナリオを手書きで作成
   時間がない場合は
   付箋の貼り合わせでOK
   ラフな手書きでOK
   全画面を手分けして作成
   ユーザーがヒントなしで目的を達成できるかを検証
   シナリオを読みながらペルソナになりきって
   ペーパープロトタイピングを触っていく
   セリフ
   必要な
   画面要素
   

   View Slide

6. ワークショップ心得
   失敗OK
   時間厳守
   この場の
   最高権限者は
   ファシリテーター
   ルール1
   

   View Slide

7. 1. ほめる
   2. 聴く
   3. 受けとめる
   4. 待つ
   5. 愉しむ
   (「5グラウンドルール」は株式会社つくるひとの登録商標です)
   たくさんのアウトプットが生まれる 良い議論する場を作るための決まりごと
   たくさんの
   アウトプット
   （検討材料）
   良質な仮説を
   立てられる
   （検討）
   5グラウンドルール
   ルール2
   粗野なアウトプットを歓迎する
   傾聴
   受容≠肯定
   生産的沈黙
   キツさも苦しさも含めて
   

   View Slide

8. View Slide

9. Yes and Yeah！

   宝くじ当たったん

   ですって？

   そうなんですよ〜

   ○○○○○○○○○

   イエーイ!!

   

   イエーイ!!

   「そうなんですよ〜」

   でも必ず返す。

   否定はダメ

   無茶振り

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

   

   View Slide

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

    View Slide

11. View Slide

12. インプロ(即興演劇)の練習
    社長ごっこ
    (ホテルの社長)
    

    View Slide

13. どうでしたか？
    

    View Slide

14. 忍者養成学校の
    受験生向け入試案内サイト
    簡易ユーザーテストの体験
    ワーク 目的は？
    世界観は？
    

    View Slide

15. この3つで簡易ユーザーテストできる！
    ペルソナの設定
    演じる役柄の設定
    ペルソナの台本
    アクティビティシナリオ
    テスターが演じる台本
    価値を満たすための[行動]シナリオ
    プロトタイプ
    台本に必要な画面
    UI/コンテンツデザイン
    手書きでOK
    󰢏セリフベース
    ❌ 操作指示NG
    どんどん作り込んでOK
    何を課題にしてるか？
    何がゴールなのか？
    

    View Slide

16. ワークの内容

    ペルソナ
    シート
    

    スタート ゴール
    😰 😁
    セリフ
    画面
    要素
    ペーパー
    プロトタイピング ……
    ……
    ……
    ……
    ……
    ……
    …………
    …………
    …………
    ☑ _____
    ☑ _____
    ☑ _____
    ペルソナなりきり＆記録
    1
    アクティビティ

    シナリオ作成
    2
    ペーパープロトタイピング作成
    3
    ユーザーテスト
    4
    模造紙
    一人がペルソナになりきってアドリブで演技
    他のメンバーはセリフや画面要素を記録
    シナリオ
    (台本)
    セリフをベースに
    シナリオを手書きで作成
    時間がない場合は
    付箋の貼り合わせでOK
    ラフな手書きでOK
    全画面を手分けして作成
    ユーザーがヒントなしで目的を達成できるかを検証
    シナリオを読みながらペルソナになりきって
    ペーパープロトタイピングを触っていく
    セリフ
    必要な
    画面要素
    

    View Slide

17. ペルソナは共通認識のため
    チームメンバーが利用ユーザー像とそのゴールを共有するために
    立てるもの。大事なのはアクティビティシナリオ(台本)
    ペルソナは絶対じゃない
    

    View Slide

18. ペルソナの項目
    (簡易版)
    スタート時のセリフ ゴール時のセリフ
    ペルソナの顔
    下手でいいから
    手描きの絵
    (フリー素材OK)
    ペルソナの名前/職業/年齢
    ペルソナのゴール
    ペルソナの背景
    どんな状態がゴール？
    何をもってゴールとする？
    どんな課題や問題を抱えてる？
    何に悩んでる？
    (利用前の心の声) (目的達成後の心の声)
    
    ざっくりでOK
    途中のセリフ
    (途中の心の声)
    ペルソナのアクティビティシナリオ
    

    View Slide

19. →PDFダウンロードはこちら
    今日のペルソナシート
    

    View Slide

20. ペルソナなりきり＆観察

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

    ペルソナ役

    セリフの

    記録

    画面・

    コンテンツの

    記録

    記録係

    観察

    2回

    (5分以内)
    ゴール時
    のセリフ
    ペルソナになりきって発話
    スタート時
    のセリフ
    

    View Slide

21. スタート ゴール
    セリフ
    画面・要素
    演じ終わってから並べる 

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

    プロトタイプの元

    

    View Slide

22. ペルソナの台本
    アクティビティシナリオ
    テスターが演じる台本
    プロトタイプ
    台本に必要な画面
    UI/コンテンツ
    󰢏セリフベース
    ❌ 操作指示NG
    画面を手分けして

    全画面を先に作る

    セリフの付箋の

    貼り合わせでもOK

    メンバーと手分けして作成

    手書きでOK
    ユーザーテスト
    で成立するか検証
    最初は関係者で 

    内部ユーザーテスト 

    

    View Slide

23. そのサービス、ユーザーを見て作ってる？｜JaSST'23 Hokkaido 2023/9/8
    簡易テスト
    簡易プロトタイプを手元に
    プロジェクトメンバーが
    ユーザーになりきって使ってみる
    作る理由・メリット
    ユーザーがヒントなしで目的を達成できるか検証できる
    ユーザーが操作でつまづくポイントに
    早い段階で気づける
    つまづいたポイントは、すぐに簡易プロトタイプを改良し
    短時間で繰り返しテストできる
    ユーザー役
    案内・画面遷移
    観察・記録
    ユーザーとサービスを理解するためのワークショップ
    

    View Slide

24. 簡易ユーザーテスト
    シナリオ通りに行動できるか観察
    セリフ中心の

    シナリオ

    プロトタイプを

    操作指示なし

    説明なしで

    行動できるか？

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

    View Slide

25. チェックアウト
    「今日 気づいたこと」
    

    View Slide

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

    View Slide

27. アンケートのお願い
    https://
    forms.gle/a1Eay1WC1PK2N2u66
    できることから始めてみよう！
    #jassthokkaido #jasst_do
    

    View Slide