Storytelling ux tokyo-en

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Publicité

Storytelling for UXD
Designing UX by Experience plotting

Yoshinori Wakizaka
...

Introduction

Yoshinori Wakizaka
Current
UI/UX specialis...

Overview
•UX Tokyo has been conducting many storytelling
workshop during 2012 in Japan.
•Walkthrough full of step for craf...

Storytelling workshop by UX Tokyo
•“Storytelling for User Experience” Japanese edition has
issued Dec 2011.
•UX Tokyo h...

How to utilize UX story for designing

How to utilize UX story for designing
Visualize UX by crafting UX story

3 steps to craft UX stories
•3 steps to craft UX story.

Collecting Selecting Crafting
...

Collecting Stories
•Stories start from listening.

Investigate into log Hearing / Observation
...

Selecting Juicy Stories
•Select juicy stories from ingredients.
Ingredients Selection

...

Crafting Story
•Craft story by weaving the ingredients of the story.

Anecdotes Anecdotes Anecdotes Anecdotes
...

How to utilize UX story for designing
Designing UX by using UX story

Steps for creating design idea
•Creating design idea while crafting stories.
...

Crafting stories
•Create design idea on the way of crafting UX story.

Anecdotes
Structure ...

Experience Plotting
A proposal of framework for creating UX story

Proposal of Experience Plotting
•A “semi-structured” method to design a plot (skelton) of
UX story.
•Plot ingredients of t...

Experience plotting
•Storyteller can craft the plot (skeleton) by plotting
ingredients onto story structure.
•Preparing st...

Procedure of the method
•4 steps to create the plot for crafting UX stories.

Anecdote ...

Pattern A: Story Structure framework
•Plot story elements along with story structures (e.g. hero)
...

Handwriting used for workshop

Experience plot by using the framework

insight

context

...

Pattern B: UX matrix framework
•More structured matrix to ﬁll out story elements.

The call to ...

Pattern B: UX matrix framework (example)
•Craft partial story and generate and plot design ideas.

...

Scene

Activity

...

Summary
•UX story is output of user experience ﬂow: Workshop
participants can use storytelling approach for ensuring/
empa...

Appendix: Story to requirements

Defining UX requirements
•Break down UX story into activity as user requirements.

UX story
...

Defining UX requirements (example)
•Each activity can be user requirements for a development

...

twitter
@uxtokyo
facebook
uxtokyo

日本語版資料

ストーリーテリングとUX
ストーリーを使ったUX設計

Yoshinori Wakizaka
@UX Tokyo
2nd Jan 2013

Introduction

Yoshinori Wakizaka
Current
UX Sp...

これまでの活動
•2011年12月、UX Tokyoで「Storytelling for User Experience」を日本語

に翻訳して出版。
•以降、2012年には、ストーリーテリングをテーマに登壇、またワーク

ショップを多数開催。...

UX Tokyoとストーリーテリング
•2011年12月”Storytelling for User Experience”を翻訳出版。

•勉強会、大学でのワークショップによる実践。

2012/12 2012/2 ...

UXストーリーをデザインに活用する方法

UXストーリーをデザインに活用する方法
ストーリーを使ったUXの可視化

ストーリーのつくり方
•UXストーリーをつくる３つのステップ。

ストーリーをストーリーをストーリーを
集める選ぶ紡ぐ

...

ストーリーを集める
•ストーリーは聞くことから始まる。

ログをみる聞く、観察する

• サーチログ • ヒアリング
• サーバログ ...

ストーリーを選ぶ
•ストーリーを作る前に良い素材を選ぶ。

素材選ぶ

Anecdote
（ストーリーの断片）

Anecdote UXストーリー
（ストーリーの断片...

UXストーリーの構成要素
•UXのストーリーは大きく３つに分けられる。

アネクドート Anecdote Anecdote Anecdote
（ストーリーの断片）（ストーリーの断片）（ストーリーの断片...

UXストーリーをデザインに活用する方法
UXストーリーを使ったデザイン

デザインアイディアを生み出すステップ
•ストーリーを作りながらデザインアイディアを生み出す
Ideation

...

ストーリーの作成
•ストーリーを作りながらデザインアイディアを考える

ストーリーアネクドート
利用
...

経験プロット
UXストーリーを作成するフレームワークの提案

経験プロットについて
•ストーリーのプロット（設計図）をつくるための方法。

•抽出した要素を構造上にプロットしていく。

•コンテクストやイメージも追加する。

•欠けてる要素は後から追加する。

•UXをそのままストーリーにするのではなく、...

経験プロットの手順
•ストーリーの構造の上に、集めてきた素材をプロットしてくことによっ
て、UXストーリーのプロット（骨組み、設計図）を作成する。
•UXストーリーを作成する前に、ストーリーの構造とプロットを作成す
るためのフレームワークを用意...

経験プロットの手順

アネクドートアネクドート
アネクドート
...

フレームワークA: ストーリー構造
•ストーリーの要素をストーリー構造に沿ってプロットする。
コンテンツ
...

ワークショップで用いる手書きのテンプレート

英雄構造のフレームワークを用いた経験プロット

インサイト

コンテクスト

デザインアイディア

アネクドート...

フレームワークB: UXマトリクス
•プロットの段階でUXの要素を抽出、整理できる。
ストーリーの冒険へのはじまりと冒険からの
...

フレームワークB: UXマトリクス（例）
•まず部分的にストーリーを作り、デザインアイディアをプロットする。

ストーリーの旅へのはじまりと ...

シーン

アクティビティ

利用状況...

まとめ
•UXストーリーはユーザー経験のフローのアウトプット：ストー

リーテリングによってUXを視覚化し、共有可能なものにした。
•UXストーリーはデザインアイディアを生み出すためのトリガ：

ストーリーテリングのアプローチを用いてデザインア...

付録: ストーリーから要件を抽出する

UXの要件を定義する
•UXストーリーをユーザー要件となるアクティビティに分解する。

UX story
タスクステップタスクステップタスクステップタスクステップ

アクティ...

UXの要件を定義する (例)
•それぞれのアクティビティが開発で必要な要件となる。

UXストーリー
アプリ起動機能選択 ○○を予約タスクの実行

アプリ起動...

twitter
@uxtokyo
facebook
uxtokyo (http://www.facebook.com/groups/12356148...

Partager Slideshare

LinkedIn
Facebook
Twitter

Intégrer

Taille (px)

Afficher les Slideshows associés à la fin

Code abrégé pour WordPress

Lien

Partager
E-mail

Power of Story by Whitney Quesenbery 13838 views
Master Track B: "The UX & Storytell... by iMedia Connection 1170 views
Designing around storytelling - UX ... by Anna Dahlström 2872 views
Persona storytelling by Dara Pressley 7328 views
Najczęściej popełniane błędy w stor... by OSOM STUDIO - Age... 2350 views
Mobile Prototyping Essentials by Rachel Hinman 82239 views

Afficher sur Slideshare

1 sur 57 Publicité

Afficher sur Slideshare

1 sur 57 Publicité