SlideShare a Scribd company logo
crafting a great UX
mobilefirst FE design & development meet
31 MAR 2013
ashutosh kumar Yahoo! Design
industrial designer IIT mumbai

                      about me   ux design practitioner since 12 years
                                 principal designer Yahoo! India
                                 ashutoshk77@yahoo.com




Yahoo! Confidential
what is great UX
                        a holistic experience which appears
                      like a modern art that makes you think
                           “I could do that” but you didn’t.


Yahoo! Confidential
few great user experiences




Yahoo! Confidential
characteristics of great UX



                                                    Unobtrusive
                                                    doesn't come in the users’ way




     Simplicity                Minimalistic         Useful
     why didn’t i think like   through thoughtful   justifies its creation
     this before               reduction




Yahoo! Confidential
how to do
                      follow experience design principles
                            leverage visual design
                       prototype instead of wireframes
                         define your design principles



Yahoo! Confidential
principles of experience design

                      Provide context

                      Limit distractions

                      Reduce visual clutter

                      Provide information hierarchy that matches user needs

                      Provide strong “you are here” cue

                      Provide feedback

                      Make actions reversible

                      Create aesthetic appeal




Yahoo! Confidential
create an aesthetic appeal




    if an outcome is not aesthetically rich, it is not
             the optimum design solution
                        - buckminster fuller



Yahoo! Confidential
create an aesthetic appeal




              if outcome is not aesthetically rich, it is not
                      the optimum design solution
                                 - buckminster fuller



Yahoo! Confidential
typography - the most powerful element




     with “flat design” trend, typography has become too important

     use fonts beautifully designed and comfortable to read
     use subtle – all-purpose – must not make strong statements via appearance
     use fonts that provide broad character support for multiple languages


Yahoo! Confidential
typographic power




     with “flat design” trend, typography has become too important

     use fonts beautifully designed and comfortable to read
     use subtle – all-purpose – must not make strong statements via appearance
     use fonts that provide broad character support for multiple languages



Yahoo! Confidential
play with subtle texture




                      reveal              communicate message       fill white spaces
                      the fine character   with power and emphasis   for a visual interest




Yahoo! Confidential
creating delightful interactions




Yahoo! Confidential
responsive design - thoughtful reduction




Yahoo! Confidential
leveraging HTML5




    Paper fold behavior        3D elements                 CSS3 properties
    to create novel and rich   to create visual interest   http://leaverou.github.com/animatable/
    interactions




Yahoo! Confidential
prototype before you build


                      Wireframe or graphic mock is not enough
                      prototyping conveys the “magic” of a web application

                      Static mocks doesn’t help in visualizing dynamic interactions
                      see problems more clearly—and often earlier

                      Show it instead of telling stories
                      users, customers, designers, developer all will be benefited

                      Makes development smoother
                      nobody reads hundreds pages of specs and written interactions




Yahoo! Confidential
define your design principles

                      Sophistication
                      Follow a clear design vision. Make sure that the details consistently support the vision.


                      Desirability
                      Establish a premium quality of beautiful design. Maintain the highest possible standard.


                      Simplicity
                      Organize for productivity. Make it easy to use.


                      Subtlety
                      Don’t be loud or let the design eclipse content or function.


                      Seriousness
                      Be visually clear and not too playful.


                      Continuity
                      Maintain established design conventions and evolve carefully. Build upon the strengths of the past.




Yahoo! Confidential
set a design language




Yahoo! Confidential
Design at Yahoo!




Yahoo! Confidential
Thank You

Credits: Yahoo! Images, Flickr, Google Images, design blogs

More Related Content

What's hot

Utah PMA Quarterly Meeting, June, 2010
Utah PMA Quarterly Meeting, June, 2010Utah PMA Quarterly Meeting, June, 2010
Utah PMA Quarterly Meeting, June, 2010
Utah Product Management Association
 
Windows 8 design 101
Windows 8 design 101Windows 8 design 101
Windows 8 design 101
Valentina Ferrari
 
Make Your Stick Figures Work Harder: The 3 C's of Sketching
Make Your Stick Figures Work Harder: The 3 C's of SketchingMake Your Stick Figures Work Harder: The 3 C's of Sketching
Make Your Stick Figures Work Harder: The 3 C's of Sketching
Jason Ulaszek
 
SampleBoard - Mood Board Creator for Education
SampleBoard - Mood Board Creator for EducationSampleBoard - Mood Board Creator for Education
SampleBoard - Mood Board Creator for Education
SampleBoard
 
Responsive Design and Joomla!
Responsive Design and Joomla!Responsive Design and Joomla!
Responsive Design and Joomla!
JoomlaChicago - Loop
 
Doxia Web Samples
Doxia Web SamplesDoxia Web Samples
Doxia Web Samples
Steve Etner
 
SampleBoard | Mood Board Creator Key Features
SampleBoard | Mood Board Creator Key FeaturesSampleBoard | Mood Board Creator Key Features
SampleBoard | Mood Board Creator Key Features
SampleBoard
 
Design Systems: Parts, Products & People
Design Systems: Parts, Products & PeopleDesign Systems: Parts, Products & People
Design Systems: Parts, Products & People
nathanacurtis
 
Visual Interface Design
Visual Interface DesignVisual Interface Design
Visual Interface Design
Jonathan Speh
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurship
allanchao
 
Guide to Planning Your Next Web Project
Guide to Planning Your Next Web ProjectGuide to Planning Your Next Web Project
Guide to Planning Your Next Web Project
CommonPlaces e-Solutions
 
Decrap Your Application
Decrap Your ApplicationDecrap Your Application
Decrap Your Application
Garth Braithwaite
 
Doors, Walls and Old Trees: Prioritizing to Get Simple
Doors, Walls and Old Trees: Prioritizing to Get SimpleDoors, Walls and Old Trees: Prioritizing to Get Simple
Doors, Walls and Old Trees: Prioritizing to Get Simple
Jason Ulaszek
 
Designing Digital Experiences for Library Websites
Designing Digital Experiences for Library WebsitesDesigning Digital Experiences for Library Websites
Designing Digital Experiences for Library Websites
David King
 
Designing for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developersDesigning for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developers
Oscar Gonzalez Garza
 
Setting Course: Design Research to Experience Roadmap
Setting Course: Design Research to Experience RoadmapSetting Course: Design Research to Experience Roadmap
Setting Course: Design Research to Experience Roadmap
Jason Ulaszek
 
Designing for a Better User Experience
Designing for a Better User ExperienceDesigning for a Better User Experience
Designing for a Better User Experience
BuiltByHQ
 
Ux5
Ux5Ux5
UX and Design Thinking for Startups
UX and Design Thinking for StartupsUX and Design Thinking for Startups
UX and Design Thinking for Startups
Rafael Citadella Daron
 

What's hot (19)

Utah PMA Quarterly Meeting, June, 2010
Utah PMA Quarterly Meeting, June, 2010Utah PMA Quarterly Meeting, June, 2010
Utah PMA Quarterly Meeting, June, 2010
 
Windows 8 design 101
Windows 8 design 101Windows 8 design 101
Windows 8 design 101
 
Make Your Stick Figures Work Harder: The 3 C's of Sketching
Make Your Stick Figures Work Harder: The 3 C's of SketchingMake Your Stick Figures Work Harder: The 3 C's of Sketching
Make Your Stick Figures Work Harder: The 3 C's of Sketching
 
SampleBoard - Mood Board Creator for Education
SampleBoard - Mood Board Creator for EducationSampleBoard - Mood Board Creator for Education
SampleBoard - Mood Board Creator for Education
 
Responsive Design and Joomla!
Responsive Design and Joomla!Responsive Design and Joomla!
Responsive Design and Joomla!
 
Doxia Web Samples
Doxia Web SamplesDoxia Web Samples
Doxia Web Samples
 
SampleBoard | Mood Board Creator Key Features
SampleBoard | Mood Board Creator Key FeaturesSampleBoard | Mood Board Creator Key Features
SampleBoard | Mood Board Creator Key Features
 
Design Systems: Parts, Products & People
Design Systems: Parts, Products & PeopleDesign Systems: Parts, Products & People
Design Systems: Parts, Products & People
 
Visual Interface Design
Visual Interface DesignVisual Interface Design
Visual Interface Design
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurship
 
Guide to Planning Your Next Web Project
Guide to Planning Your Next Web ProjectGuide to Planning Your Next Web Project
Guide to Planning Your Next Web Project
 
Decrap Your Application
Decrap Your ApplicationDecrap Your Application
Decrap Your Application
 
Doors, Walls and Old Trees: Prioritizing to Get Simple
Doors, Walls and Old Trees: Prioritizing to Get SimpleDoors, Walls and Old Trees: Prioritizing to Get Simple
Doors, Walls and Old Trees: Prioritizing to Get Simple
 
Designing Digital Experiences for Library Websites
Designing Digital Experiences for Library WebsitesDesigning Digital Experiences for Library Websites
Designing Digital Experiences for Library Websites
 
Designing for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developersDesigning for mobile. A UX perspective for developers
Designing for mobile. A UX perspective for developers
 
Setting Course: Design Research to Experience Roadmap
Setting Course: Design Research to Experience RoadmapSetting Course: Design Research to Experience Roadmap
Setting Course: Design Research to Experience Roadmap
 
Designing for a Better User Experience
Designing for a Better User ExperienceDesigning for a Better User Experience
Designing for a Better User Experience
 
Ux5
Ux5Ux5
Ux5
 
UX and Design Thinking for Startups
UX and Design Thinking for StartupsUX and Design Thinking for Startups
UX and Design Thinking for Startups
 

Similar to Crafting Great User Experience

Ux design process
Ux design processUx design process
Ux design process
Pixel Studios Pvt Ltd
 
Usability & Prototyping
Usability & PrototypingUsability & Prototyping
Usability & Prototyping
Uday Shankar
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
InVision App
 
iAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UXiAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UX
UX Consulting Pte Ltd
 
Portfolio Review
Portfolio ReviewPortfolio Review
Portfolio Review
dlyrious
 
EclipseCon EU 2017 - All about UX in Sirius
EclipseCon EU 2017 - All about UX in SiriusEclipseCon EU 2017 - All about UX in Sirius
EclipseCon EU 2017 - All about UX in Sirius
melbats
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
Sebastian Waters
 
EclipseCon France 2017 - All about UX in Sirius
EclipseCon France 2017 - All about UX in SiriusEclipseCon France 2017 - All about UX in Sirius
EclipseCon France 2017 - All about UX in Sirius
melbats
 
Prototyping is the panacea
Prototyping is the panaceaPrototyping is the panacea
Prototyping is the panacea
Michael Meikson
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
Rachel Hinman
 
Usability Design: Because it's awesome
Usability Design: Because it's awesomeUsability Design: Because it's awesome
Usability Design: Because it's awesome
Jen Yu
 
PxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniquesPxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniques
hendrikknoche
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Joel Califa
 
Tools of the Trade
Tools of the TradeTools of the Trade
Tools of the Trade
William Millar
 
Software Tools of Experience Design
Software Tools of Experience DesignSoftware Tools of Experience Design
Software Tools of Experience Design
Dana Giuliana
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
tec
 
Introduction into User Experience
Introduction into User ExperienceIntroduction into User Experience
Introduction into User Experience
Abdullah Al Nady
 
Sage Research & Design Introduction 2 17 11
Sage Research & Design Introduction 2 17 11Sage Research & Design Introduction 2 17 11
Sage Research & Design Introduction 2 17 11
shalgren
 
Using Social Media to Improve User Experience
Using Social Media to Improve User ExperienceUsing Social Media to Improve User Experience
Using Social Media to Improve User Experience
Erling Amundson
 
Why user experience design fails.
Why user experience design fails.Why user experience design fails.
Why user experience design fails.
Patrick Mooney
 

Similar to Crafting Great User Experience (20)

Ux design process
Ux design processUx design process
Ux design process
 
Usability & Prototyping
Usability & PrototypingUsability & Prototyping
Usability & Prototyping
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 
iAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UXiAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UX
 
Portfolio Review
Portfolio ReviewPortfolio Review
Portfolio Review
 
EclipseCon EU 2017 - All about UX in Sirius
EclipseCon EU 2017 - All about UX in SiriusEclipseCon EU 2017 - All about UX in Sirius
EclipseCon EU 2017 - All about UX in Sirius
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
EclipseCon France 2017 - All about UX in Sirius
EclipseCon France 2017 - All about UX in SiriusEclipseCon France 2017 - All about UX in Sirius
EclipseCon France 2017 - All about UX in Sirius
 
Prototyping is the panacea
Prototyping is the panaceaPrototyping is the panacea
Prototyping is the panacea
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
 
Usability Design: Because it's awesome
Usability Design: Because it's awesomeUsability Design: Because it's awesome
Usability Design: Because it's awesome
 
PxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniquesPxS’12 - week 4 - UX design techniques
PxS’12 - week 4 - UX design techniques
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
 
Tools of the Trade
Tools of the TradeTools of the Trade
Tools of the Trade
 
Software Tools of Experience Design
Software Tools of Experience DesignSoftware Tools of Experience Design
Software Tools of Experience Design
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 
Introduction into User Experience
Introduction into User ExperienceIntroduction into User Experience
Introduction into User Experience
 
Sage Research & Design Introduction 2 17 11
Sage Research & Design Introduction 2 17 11Sage Research & Design Introduction 2 17 11
Sage Research & Design Introduction 2 17 11
 
Using Social Media to Improve User Experience
Using Social Media to Improve User ExperienceUsing Social Media to Improve User Experience
Using Social Media to Improve User Experience
 
Why user experience design fails.
Why user experience design fails.Why user experience design fails.
Why user experience design fails.
 

Recently uploaded

一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
pavankumarpayexelsol
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
yufen5
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
kuapy
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
67n7f53
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 

Recently uploaded (20)

一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 

Crafting Great User Experience

  • 1. crafting a great UX mobilefirst FE design & development meet 31 MAR 2013 ashutosh kumar Yahoo! Design
  • 2. industrial designer IIT mumbai about me ux design practitioner since 12 years principal designer Yahoo! India ashutoshk77@yahoo.com Yahoo! Confidential
  • 3. what is great UX a holistic experience which appears like a modern art that makes you think “I could do that” but you didn’t. Yahoo! Confidential
  • 4. few great user experiences Yahoo! Confidential
  • 5. characteristics of great UX Unobtrusive doesn't come in the users’ way Simplicity Minimalistic Useful why didn’t i think like through thoughtful justifies its creation this before reduction Yahoo! Confidential
  • 6. how to do follow experience design principles leverage visual design prototype instead of wireframes define your design principles Yahoo! Confidential
  • 7. principles of experience design Provide context Limit distractions Reduce visual clutter Provide information hierarchy that matches user needs Provide strong “you are here” cue Provide feedback Make actions reversible Create aesthetic appeal Yahoo! Confidential
  • 8. create an aesthetic appeal if an outcome is not aesthetically rich, it is not the optimum design solution - buckminster fuller Yahoo! Confidential
  • 9. create an aesthetic appeal if outcome is not aesthetically rich, it is not the optimum design solution - buckminster fuller Yahoo! Confidential
  • 10. typography - the most powerful element with “flat design” trend, typography has become too important use fonts beautifully designed and comfortable to read use subtle – all-purpose – must not make strong statements via appearance use fonts that provide broad character support for multiple languages Yahoo! Confidential
  • 11. typographic power with “flat design” trend, typography has become too important use fonts beautifully designed and comfortable to read use subtle – all-purpose – must not make strong statements via appearance use fonts that provide broad character support for multiple languages Yahoo! Confidential
  • 12. play with subtle texture reveal communicate message fill white spaces the fine character with power and emphasis for a visual interest Yahoo! Confidential
  • 14. responsive design - thoughtful reduction Yahoo! Confidential
  • 15. leveraging HTML5 Paper fold behavior 3D elements CSS3 properties to create novel and rich to create visual interest http://leaverou.github.com/animatable/ interactions Yahoo! Confidential
  • 16. prototype before you build Wireframe or graphic mock is not enough prototyping conveys the “magic” of a web application Static mocks doesn’t help in visualizing dynamic interactions see problems more clearly—and often earlier Show it instead of telling stories users, customers, designers, developer all will be benefited Makes development smoother nobody reads hundreds pages of specs and written interactions Yahoo! Confidential
  • 17. define your design principles Sophistication Follow a clear design vision. Make sure that the details consistently support the vision. Desirability Establish a premium quality of beautiful design. Maintain the highest possible standard. Simplicity Organize for productivity. Make it easy to use. Subtlety Don’t be loud or let the design eclipse content or function. Seriousness Be visually clear and not too playful. Continuity Maintain established design conventions and evolve carefully. Build upon the strengths of the past. Yahoo! Confidential
  • 18. set a design language Yahoo! Confidential
  • 19. Design at Yahoo! Yahoo! Confidential
  • 20. Thank You Credits: Yahoo! Images, Flickr, Google Images, design blogs