O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a navegar o site, você aceita o uso de cookies. Leia nosso Contrato do Usuário e nossa Política de Privacidade.
O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a utilizar o site, você aceita o uso de cookies. Leia nossa Política de Privacidade e nosso Contrato do Usuário para obter mais detalhes.
Overview•UX Tokyo has been conducting
many storytellingworkshop during 2012 in Japan.•Walkthrough full of step for crafting UX story at theworkshop.•Invent “Experience plotting” to generate a plot of story.•Trying to utilize storytelling approach for generatingdesign idea also. Experience plotting: a method to create a plot of UX story Generating design ideas Crafting UX Story Telling UX Story
Storytelling workshop by UX Tokyo
•“Storytelling for User Experience” Japanese edition has issued Dec 2011. •UX Tokyo has had presentation in seminar and conducted storytelling workshops. 2012/2 2012/2 2012/5 2012/6 2012/9 2012/10 2012/11 Dev Love World IA Day Info design Design Info design HCD-net Web UX 2012/12 Forum Forum AssociationJapanese Edition 2012SeminarWorkshop 2012/12 2012/1 2012/2 2012/4 2012/8 2012/11 Web UX Chiba HCD-net Dev LOVE UX Nagoya UX Nagoya Institute of tech & UX Osaka & UX Kyoto
Steps for creating design idea•Creating
design idea while crafting stories. Ideation Generating Collecting Selecting Crafting & Iteration Stories Stories Story Applying Design idea ストーリー ストーリー Context 分類してまとめたストーリー ストーリー ストーリー Image Context UXチーム Context Image Image Image
Crafting stories•Create design idea on
the way of crafting UX story. AnecdotesStructure Context Context of use Images for the design Anecdotes Scenario for design idea 1. Craft UX story of the beginning. The story can be a set of 2. Generating design idea based on UX “context of use”, “user insight” or “user scenario”. story. The idea will be part of the story.
Proposal of Experience Plotting•A “semi-structured”
method to design a plot (skelton) ofUX story.•Plot ingredients of the story collected by survey/research onto story structure.•Put context of use and images as well as anecdote ontothe plot.•Creator can add ad-hoc story elements if need moreelements.•Flexibility; Can be applied to both of crafting UX story orgenerating design idea with UX story.
Experience plotting•Storyteller can craft the
plot (skeleton) by plottingingredients onto story structure.•Preparing story structure and framework beforecrafting UX story, storyteller can craft a quality assuredstory effectively. Context Context Image Anecdotes Anecdotes Anecdotes StoryStructure Scene A Scene B Scene D Scene C Scene E
Procedure of the method•4 steps
to create the plot for crafting UX stories. Anecdote Anecdote Anecdote elements Anecdote elements elements Anecdote elementsStructure Anecdote Anecdote Anecdote Anecdote Add ad-hoc elements to the plot 4 1 Collect anecdotes (fragments of stories) Plot anecdotes onto story structure 3 2 Selecting anecdotes that collected at step1 Anecdote Anecdote Anecdote Anecdote AnecdoteStructure Anecdote Anecdote Anecdote Anecdote
Pattern A: Story Structure framework•Plot
story elements along with story structures (e.g. hero) contents emotion activity Everyday World 日常の世界 anecdote context contents contents The return The call to activity 日常世界への帰還 to the world 冒険へのきっかけ Adventure activity anecdote anecdote emotion emotion context context Threshold 世界の境界線 contents Achieving 目的の達成 Initiation はじまりと試練 contents activity the goal and trials activity anecdote anecdote emotion emotion context context contents 冒険の世界 World of the Quest emotion activity context anecdote
Pattern B: UX matrix framework•More
structured matrix to ﬁll out story elements. The call to Initiation The returnPlot of the story Adventure and trials Departures World of the Quest to the world Activity Activity Activity Activity Activity Activity Sub Activity Sub Activity Sub Activity Sub Activity Sub Activity Sub ActivityActivity Sub Activity Sub Activity Sub Activity Sub Activity Sub Activity Sub Activity Sub Activity Sub Activity Sub ActivityContext Context of use Context of use Context of use Context of use Context of use Context of useContents Contents Contents Contents Contents Contents ContentsEmotion Emotions Emotions Emotions Emotions Emotions EmotionsDevice Device touch-point Device touch-point Device touch-point Device touch-point Device touch-point Device touch-pointtouch point
Pattern B: UX matrix framework
(example)•Craft partial story and generate and plot design ideas. The call to Initiation The returnPlot of the story Adventure and trials Departures World of the Quest to the world Plan a schedule for search something launch app book something do activities Finish activities next month check with friends launch PC search something book a plan go outside Reflect the activityActivity check my schedule visit to website see informations check date/ place do an activity Plan next actions UX backgroundアプリ起動 story Design idea Design details, Context of use ○○する Commute Commute CommuteContext or at office or at office or home home outside outsideContents contents user uses contents user uses contents user uses contents user uses contents user uses contents user usesEmotion relax exiting want to get ASAP hard to find out :( Finally !! enjoy reflectionsDevice mobile mobile mobile mobile PC PC PCtouch point
Summary•UX story is output of
user experience ﬂow: Workshopparticipants can use storytelling approach for ensuring/empathizing UX in target users.•UX story is trigger to generate design idea: Trying toutilize storytelling approach for generating design ideaand combined the idea with UX story.•Experience plotting for crafting UX story: Using“experience plotting” enable participants to craft qualityassured UX story more efﬁciently.•Telling: Need to cultivate how to tell the UX story.
Defining UX requirements•Break down UX
story into activity as user requirements. UX story Task step Task step Task step Task step activity activity activity activity activity activity activity activity activity activity activity activity activity activity activity activity activity activity activity
Defining UX requirements (example)•Each activity
can be user requirements for a development UX story launch an app select a feature reserve something do tasks launch an app check schedule register information conﬁrm schedules show home screen search something register something conﬁrm something log in to system select date do payment do something open my page select place check reservation do something check updates add options check it at my page see something register schedules check a venue
Introduction Yoshinori Wakizaka Current UX
Specialist, mobile strategy section Past Usability Engineer in Mobile Device R&D UCD Specialist in Design department Member of UX TOKYO yoshinori wakizaka @wackiesrock