#4_web_ux_wakizaka

UX
4th June 2011 Yoshinori Wakizaka

✤
UX

✤
2011

✤

✤

✤


Introduction

Yoshinori Wakizaka
Facebook yoshinori wakizaka
Twitter @wackiesrock

→IT

role
UX→ for


2000

✤


Internet
Web

Access
Messaging

Sync Sync


2010


✤

✤

✤


Internet
Search, Share, SNS, Storage

Access Access Access

Sync Sync


✤
PC Intel+MS
✤
CPU MW PC
✤

PC PC PC PC

OS OS Windows

CPU CPU CPU

Vendor Vendor Intel


UX
PC

TV


More users will connect to the Internet over mobile devices than desktop PCs

http://gigaom.com/2010/04/12/mary-meeker-mobile-internet-will-soon-overtake-fixed-internet/


http://www2.parc.com/csl/members/weiser/


3 basic form for ubiquitous computing

✤
Tab: wearable centimetre sized devices.
✤
Pad: hand-held decimetre-sized devices.
✤
Boards: metre sized interactive display devices.
Topic Statement Purpose

Inch-scale computers, embedded into the Identification/tracking and computer
Tab
everyday world, limited display capabilities. management (applications/memory).

Foot-scale computers, moderate display,
“Leave-behind” devices, used anywhere
Pad basic input techniques, advanced
(scrap-paper computers).
communication techs (100 dev/room).

Yard-scale computers, abundant display, Discussion area, storage mechanism
Board
basic input techniques (“chalk-stylus”) . (downloadable pad-shelf).


Current status

✤
Tab
✤
Pad PC

✤
Boards TV

IT


Big brother is watching you
✤

http://www.ﬂickr.com/photos/timrich26/3048134488/


Extending the platform beyond mobile to other appliances


OS
✤
OS

App App App App App App

TV

✤
× ×OS

Service Ser

Browser App Browser

OS PC Mobile

✤
/

Web App

PC PC website RIA

Smartphone
Smartphone Smartphone App
Optimized site

Ke-tai Mobile site Mobile App


✤
×

PC website Smartphone app

3rd party client

✤

✤


✤
Context of use
✤


User
Segmentation

Fact
Persona Scenario
Fact

Observation
Interview


User
’
Segmentation

Fact
Persona Scenario
Fact

Observation
Interview ’


User ✤

Segmentation
✤

Fact
Fact Persona Scenario
Fact

Observation Anecdote Scenario
Interview

10


✤
UX

1. UI Design Scenario 2. UX Design

Break down Integration
>> Designing >> Designing
User Interface. User Experience.

2. UX Design
1. UI Design

Story
Wire Interaction
Framing Scenario
Scenario

✤

✤
Scenario
✤


1 UI design

✤
Service
Scenario
✤

Scenario Scenario Scenario
✤

✤
Task Task Task

✤

✤
WF
✤
Prototyping

1 UI design WF

✤

service .......
scenario

activity ....... iPhone ○○
scenario
.......


UX Design

✤

✤

✤
UI/UX

Story

Scenario Scenario

Scenario


Design process and approach

Heuristics

Prototyping UT

Interaction
scenario UI

Fact Persona Service

Survey Heuristics Story UX

Interview Interview

Observation


UX

✤

Story

UI/UX UI/UX UI/UX UI/UX
design design design design

Web App Web App
Device Device Device

✤

Starbucks Experience Map

http://www.littlespringsdesign.com/wp-content/themes/LSD%20theme/images/experiencemap1.pdf

✤
: Grow!

http://chopicto.visualthinking.jp/archives/558

✤

Flickr User Model, v0.2

http://www.ﬂickr.com/photos/bryce/56404690/in/photostream/


Visualize user experience (e.g. Concept diagram..)
Story (Whole user experience)

Scenario Scenario

Visualize interaction (e.g. Experience map)
Scenario (Series of tasks)

Task Task Task
Ix Ix Ix Ix Ix Ix Ix Ix Ix


✤

✤

✤

✤

✤

✤


✤

✤

✤

✤


#4_web_ux_wakizaka

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (14)

Similar a #4_web_ux_wakizaka

Similar a #4_web_ux_wakizaka (9)

Más de Yoshinori Wakizaka

Más de Yoshinori Wakizaka (8)

Último

Último (20)

#4_web_ux_wakizaka

Notas del editor