• Like
  • Save
UI for UX_Aug2011
Upcoming SlideShare
Loading in...5
×
 

UI for UX_Aug2011

on

  • 1,681 views

User interface design in TUAD 2011

User interface design in TUAD 2011

Statistics

Views

Total Views
1,681
Views on SlideShare
1,677
Embed Views
4

Actions

Likes
4
Downloads
22
Comments
0

2 Embeds 4

http://zootool.com 3
http://us-w1.rockmelt.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    UI for UX_Aug2011 UI for UX_Aug2011 Presentation Transcript

    • UI for UX Designing UX to design user interface Yoshinori Wakizaka | 2nd Aug 2011 at TUAD11 8 4
    • Yoshinori Wakizaka yoshinori wakizaka @wackiesrock Project manager on UI/UX and marketing11 8 4
    • Key message UI11 8 4
    • Agenda • UI What UI design mean? • A definition of Design is changing • UI 50min + 30min Role and responsibility workshop • UI UI Design and evaluation methods • UI A new paradigm of UI design11 8 4
    • User Interface Design11 8 4
    • [wikipedia ] Interface User Interface (UI) User Interface Design (UID)11 8 4
    • 11 8 4
    • User Experience (UX)11 8 4
    • 11 8 4
    • 11 8 4
    • 11 8 4
    • 11 8 4
    • 11 8 4
    • 11 8 4
    • 11 8 4
    • 11 8 4
    • Sony Digital Camera Interaction flow (c)axis11 8 4
    • Unbox the digital camera to take picture Start Start User experience11 8 4
    • 11 8 4
    • http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/11 8 4
    • 11 8 4
    • 11 8 4
    • 80 90 UI 00 UX UX 10 UI11 8 4
    • 1970’s Word processor11 8 4
    • 1980’s Personal computer The Xerox Star 8010 (1981) The Xerox Star 8010 "Dandelion" http://www.digibarn.com/collections/systems/xerox-8010/index.html11 8 4
    • 1990‘s Graphical User Interface11 8 4
    • 2000’s-2010: web & mobile11 8 4
    • 11 8 4
    • • UI11 8 4
    • Software product design: NOKIA N911 8 4
    • NOKIA N9 UI design guideline !"#$%&()*%+$, -#*./*$,)010 2&*,).+%#3$4)*,)")-"4&(*$-)+5)4&+#-&4,)"$.),#--,4*+$,)5+()4&)%("4*+$)+5)%+$,*,4$4)"$.) 6"/"$%.)2++/6"()78+)*%+$,1)2&)9:)+6;%4*<)+5)4&*,).+%#3$4)*,)4+)-#*.)"$.)",,*,4=)$+4) 4+)4//)"$.).3"$.1) (*-&4)(,#/4,1 >#$)?@0011 8 4
    • •11 8 4
    • Hardware Hardware Software Software Service11 8 4
    • Online to Offline →Goodzer →Shazam11 8 4
    • Googzer Google Maps http://svlifelog.blogspot.com/2011/06/o2o-commerce-now-and-future.html11 8 4
    • Shazam http://itomasahiro.arrow.jp/?p=42511 8 4
    • 11 8 4
    • 11 8 4
    • TV Everywhere – Thoughts on designing for multiple devices http://sherylyulin.com11 8 4
    • 11 8 4
    • 11 8 4
    • 11 8 4
    • Case study: Rakuten - - - - - SEO11 8 4
    • Case study: Facebook - - - UI - -11 8 4
    • • • UI • • UX •11 8 4
    • 11 8 4
    • 11 8 4
    • SHERMAN UX11 8 4
    • 11 8 4
    • • • •11 8 4
    • 11 8 4
    • • UI • UX UI • •11 8 4
    • Workshop11 8 4
    • - -11 8 4
    • 11 8 4
    • • • • •11 8 4
    • 11 8 4
    • TV YouTube web + TV Twitter11 8 4
    • 11 8 4