はじめてのアプリui、実践的プロトタイピング

1Copyright (C) 2014 DeNA Co.,Ltd. All Rights Reserved.

April 19, 2014DeNA Co., Ltd.

はじめてのアプリUI実践的プロトタイピング

クリエイターワークショップ#01


▼座学を織り交ぜつつ全体説明（60分程度）・ペルソナとは？・ユーザーシナリオとは？・課題テーマ「ヘアカタログSNS」の説明 !▼ブレスト（60分）・グループ分け（5分）・グループディスカッション !▼プロトタイピング（90分）・ホワイトボード or 模造紙を使って、サービスのワイヤーフレームを作成・プロトタイピングツール（POP等）の説明・プロトタイピングの作成 !▼まとめ（60-90分）・発表と講評会、リフレクション !▼懇親会（60分）

Agenda

Copyright (C) 2014 DeNA Co.,Ltd. All Rights Reserved.

3

自己紹介和泉純一（いずみじゅんいち）水谷友一(みずたにともかず) 山本麻友美(やまもとまゆみ) 佐藤遥（さとうはるか）


4

実践の中でペルソナ／シナリオ法を、具体的なアウトプットに紐づけて理解すること

目的


はじめにペルソナとは

一般的に ”ユーザーモデル”としてのペルソナと ”開発手法”としてのペルソナと

２つの意味合いが混ざって話されているので、それぞれの意味合いを整理します。


ペルソナとは1.企業が提供する製品・サービスにとって、最も重要で象徴的なユーザモデルの呼称

2.ソフトウェア/サービスのデザインに関する開発手法のひとつ”ペルソナ・シナリオ法”の総称

ペルソナとは


ペルソナとはペルソナとは

1.企業が提供する製品・サービスにとって、最も重要で象徴的なユーザモデルの呼称



ペルソナの作り方

今回のユーザーモデルとして設定したペルソナ


ユーザーモデルとしてペルソナが、もたらす効果

ユーザーモデルを設定することで得られる具体的な効果について

ペルソナが、もたらす効果

10



サービスのユーザーモデルとして 22歳(女性)をイメージしてください

プランナーエンジニア殿様

11




12


過去の自分友人テレビ雑誌

好みのタイプタレント家族

アニメのキャラ漫画 2ch


趣味、経験、文化等の違いでイメージはバラバラ


13



22歳(女性)？

ユーザーモデルの共通化が難しい


14



22歳(女性)の共通イメージ

ユーザーモデル !

ペルソナ

15



22歳(女性)の共通イメージ

ビジュアルイメージだけでは機能しにくい

16



人物像を明確にするために、知識レベル、普段の仕事、ライフスタイルなどを設定する

ユーザーとサービスとの適切なインタラクションを具体的にイメージしやすくなる

17



ビジュアライズ、言語化する事で誰のためのサービス／システムなのかが

明確になる

UI/UXを考える際ユーザー視点の共通化が計れる

18



ペルソナを自分に憑依させるくらいの気持ちで


ユーザーモデルとしてのペルソナの作り方

※割愛

ペルソナの作り方


ただ、これだけだと。。 !

”ユーザーモデルとしてのペルソナを作った後の

具体的な開発手法ってのが、イマイチよくわからない。”

ペルソナの使い方


ペルソナとはペルソナとは

1.提供する製品・サービスにとって、最も重要で象徴的なユーザモデルの呼称



ペルソナとは

開発手法としてペルソナを使ってデザインできるコト


ユーザーの目的にあったソフトウェア/サービスの使い勝手提供すべき機能自体も含めた " UX : ユーザー体験 "

ソフトウェア/サービスによってユーザーが、どのような価値を受け取るのか? ユーザーの受け取る価値（良質なユーザー体験）を最大化するための開発手法

ペルソナとは

開発手法としてペルソナを使ってデザインできるコト


ペルソナを使ったデザイン開発手法

ペルソナ・シナリオ法

仮想的なユーザーモデルの詳しいプロフィールを設定し、ロールプレイ的にサービス/システムを、評価しながら最適なデザインを探る開発手法




まずは、ペルソナの目的、ゴールまでの

行動シナリオを”物語風”に作成

サービスの目的、コンセプトを明らかにするためサービスのターゲットユーザー（ペルソナ）が、そのサービスをどういった目的で、どういった利用の仕方をするのか？利用することでどういった体験を得るのか？というユースケースを、物語風のシナリオとして描く開発手法 !サービスがペルソナのニーズに応えるためにはどうすればよいかを探るために用いる !物語風の行動シナリオからユーザーの利用状況を明確にする事で、調査、開発の段階に携わって居なかったメンバーにユーザの利用状況から、その背後のコンテキストまで含めた形で伝える事もできる

コンテキスト（Context）あるいはコンテクストとは、文脈や背景となる分野によってさまざまな用例がある言葉であるが、一般的に「文脈」と訳されることが多い。文脈により「脈絡」、「状況」、「前後関係」、「背景」などとも訳される。


26

ヘアカタログSNSアプリをつくろう

お題



ペルソナの目的、ゴールまでの

ヘアカタログSNSアプリのシナリオ

自宅での夕食後に録画していないテレビ番組を見ている時に、出演者のアスタイルが気に入った。自分も似たような髪型にしたいが、そもそも髪の長さが違うし、イメージがわかないので、このアプリで似たようなヘアスタイルの人を探した。





春になったので心機一転でイメージチェンジしたい。たくさんあって絞りきれずどんな髪型にしたらよいか迷っているところ。このアプリでトレンド、ライフスタイル、自分の顔の雰囲気にマッチする髪型を探した。





休日にパーマをかけ、このアプリを使って自分の写真を簡単にアップロードして、リアルな友人に感想を聞けたので嬉しい。面識のない人達の意見も、このアプリならプライバシーの心配なく、ポジティブな感想をメインに聞けるので嬉しい。


5W1Hを押さえるとゴールが明確なシナリオになりやすい



31

自分の求めるヘアスタイルが見つけられ、評価を得る事によって、満足出来る。

サービスの提供したい価値


ペルソナ・シナリオ法のデメリット？

最初にペルソナとシナリオを使って仕様を細かいところまで固めて、それを基にしてサービス/システムの仕様を作っていく手法なので、仕様についてはスクラム(イテレーション)というよりも、ウォーターフォールに近い。


イテレーション【iteration】特にアジャイル開発における、短い間隔で反復しながら行われる開発サイクルのこと。設計・試験・調査・改善という一連の工程で構成され、内在するリスクや問題点を短いサイクルで発見・改善しながら開発を進められるという利点がある。

出典：デジタル大辞泉


ペルソナをアップデートする必要性とタイミングペルソナを作成、使用している間に、社会情勢が変わり、それに応じて企業戦略が変わることもある。このような場合の対応は、フォーカスの当て方がロングタームなのかショートタームなのかによって決める。 !大きく普遍的なテーマ（課題）を取り扱うのであれば、社会的な環境の変化に影響を受けないため、そのままペルソナを使用できます。 !具体的なプロダクト(サービス/システム)の場合は、フォーカスが当たっている方がインサイト*を得やすいため、ペルソナの情報を変えていくべきです。

*インサイト（英: insight）とは、ユーザー（顧客）の持つ潜在意識や洞察

ペルソナをアップデートする必要性とタイミング


34

ブレストする際のルール

１：批判をしない２：自由奔放な意見を大事に３：質より量４：アイデアの便乗を歓迎

出典参考：http://nanapi.jp/18779/

http://nanapi.jp/18779/


35

シェアしたい相手のIDを検索して追加

ここから POPを共有

してください

POPでのプロジェクトをシェア


36

http://creator.dena.jp/archives/37709363.html

こちらのセミナーについてのまとめ記事は下記

http://creator.dena.jp/archives/37709363.html

はじめてのアプリui、実践的プロトタイピング

Design