SlideShare una empresa de Scribd logo
1 de 69
Descargar para leer sin conexión
UX                   USABILITY




UI                   RESEARCH    USER CENTRIC DESIGN
                                                                    What differentiates
                                                                    the Useful from
INTERACTION DESIGN               VISUAL DESIGN                      Usable &
Allianz Technology Day 2012                                         Delightful
                                                       AESTHETICS
Thiruvananthapuram
                                 AESTHETICS
NOW


                         UDAYMS
   Hewlett Packard




       BEFORE           Heads Front End Architecture & Design
                        Prototyping at HP
  Yahoo!, Nokia etc.
                        ~14 years in the UX/UI space

                        Conducts Prototyping workshops at Design
                        Institutes


    MUCH BEFORE         Regular speaker in designer/developer
                        community
M Squared, Trivandrum
                        Holds patents in UI Architecture & Design
WHAT IS
DESIGN?
A SOLUTION
…that solves the problem in a clean elegant manner
DESIGN IS HOW
  IT WORKS
     …not how it looks
10
PRINCIPLES
OF DESIGN

FROM THE
  1970s
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
source: http://www.tumblr.com/tagged/dieter-rams
A COMPANY THAT
COMES TO YOUR
     MIND
   … when you think of awesome design
LET’S MEET 2
    GREAT
DESIGNERS OF
  OUR TIMES
Dieter Rams
Designer in Chief, BRAUN
source: http://www.youtube.com/watch?v=ZLMbDJ_nNfU
Sir Jonathan Ive
SVP Industrial Design, Apple Inc.
source: http://www.youtube.com/watch?v=nUHROAtyGIg
THIS IS
INDUSTRIAL
 DESIGN OR
 PRODUCT
  DESIGN
ALL OF THESE
APPLY TO DIGITAL
DESIGN AS WELL
WE CALL IT

UX DESIGN
USEFUL
 PRODUCT
Has a functionality that solves a complex problem.
USABLE
                PRODUCT
Has a functionality that solves a complex problem with a simple solution & works
                      naturally as any human would expect it.
DELIGHTFUL
           PRODUCT
Goes beyond solving a complex problem in a simplistic manner while making the
                      experience enjoyable for the user.
WHAT IS USER
EXPERIENCE
  DESIGN?
UX is not about Jargons
UX is not meetings
UX is not whatever user wants!
                         “If I’d asked my customers what
                         they wanted, they’d have said a
                         faster horse”
UX is not what you
                                   think user wants!




“…people don’t know what they
want until you show it to them.”
Design is
definitely not
making it
‘look’ pretty!
UX is not a mystery
UX is Science
COULD GO VERY
WRONG IF THE
UX is about fixing
RIGHT PEOPLE         the
DON’T DO IT
damn problem
LET’S SEE HOW
TO GET THERE
   By checking out examples around us
Information presentation
is challenge usually
ignored.
Good Information Architecture
adds Clarity
Indian Rail Ticket
 Redesigned
source: http://talent.adweek.com/gallery/Indian-Railway-Ticket-Redesign/4594293
Everything can be designed
Skuemorphic Design is nice
Reduce design ‘noise’
You can be professional and have a good
design as well!
Why does it have to be this ugly?
They set the bar high for
all financial applications
Notice the skuemorphic design
adapted for a tablet device
Design for the context
Overdoing skuemorphic design is not
good either
End of User or End
            of UX?
Do NOT Harass the
User in the name of
            Security
Make boring stuff ‘really’
fun and interesting!
Leaving the Design to the User is bad idea!
What time is it? Bad Time!
Designed to let users make mistakes
It’s that *extra that makes the difference!
The little *extra that makes your consumer come back…
source: http://9gag.com/gag/5737495
UX Happens…
UX Happens…
…Whether you design it or not!
It’s only a matter of time before
someone better comes and
kicks your ass!
ENTERPRISE
PRODUCTS FACING
  COMPETITION
HOW TO CREATE
 AWESOME UX?
     3 Simple Steps
HIRE DESIGNERS
TO DESIGN YOUR
   PRODUCT
   Interaction Designers & Visual Designers
HAVE A DEDICATED
FRONT END TEAM
  Position them under design leadership (not Engineering)
LISTEN TO THEM
THANK YOU
  Catch me online as udayms on
    Google+, Facebook, LinkedIn

     www.about.me/udayms

Más contenido relacionado

La actualidad más candente

Embedding Experience: Bridging the gap between design & reality
Embedding Experience: Bridging the gap between design & realityEmbedding Experience: Bridging the gap between design & reality
Embedding Experience: Bridging the gap between design & realityMorgan McKeagney
 
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 developersOscar Gonzalez Garza
 
How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)Neil Turner
 
The State of UX in the UK
The State of UX in the UKThe State of UX in the UK
The State of UX in the UKNick Fine, PhD
 
Introduction to UX for Developers
Introduction to UX for DevelopersIntroduction to UX for Developers
Introduction to UX for DevelopersJacques Woodcock
 
The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User InterfacesPlan
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface DesignKANKIPATI KISHORE
 
UX in a Nutshell
UX in a NutshellUX in a Nutshell
UX in a NutshellYing Jiang
 
Mobile Design is for Mobile Users
Mobile Design is for Mobile UsersMobile Design is for Mobile Users
Mobile Design is for Mobile UsersGretchen Thomas
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataMohamed Shehata
 
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...Neil Turner
 
PHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SidePHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SideIrfan Maulana
 
Bridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer EditionBridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer EditionJason Mesut
 
Why UX is Important
Why UX is Important Why UX is Important
Why UX is Important Chris Becker
 

La actualidad más candente (20)

Embedding Experience: Bridging the gap between design & reality
Embedding Experience: Bridging the gap between design & realityEmbedding Experience: Bridging the gap between design & reality
Embedding Experience: Bridging the gap between design & reality
 
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
 
How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)How to design more ethically engaging experiences (UCD 2016)
How to design more ethically engaging experiences (UCD 2016)
 
The State of UX in the UK
The State of UX in the UKThe State of UX in the UK
The State of UX in the UK
 
Introduction to UX for Developers
Introduction to UX for DevelopersIntroduction to UX for Developers
Introduction to UX for Developers
 
New UX UI Trends in 2020
New UX UI Trends in 2020 New UX UI Trends in 2020
New UX UI Trends in 2020
 
The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User Interfaces
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface Design
 
UX for Dummies
UX for DummiesUX for Dummies
UX for Dummies
 
UX in a Nutshell
UX in a NutshellUX in a Nutshell
UX in a Nutshell
 
User Experience 102
User Experience 102User Experience 102
User Experience 102
 
Mobile Design is for Mobile Users
Mobile Design is for Mobile UsersMobile Design is for Mobile Users
Mobile Design is for Mobile Users
 
UX & UI Design 101
UX & UI Design 101UX & UI Design 101
UX & UI Design 101
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
Confessions of a former UCD devotee – How I managed to kick the UCD habit and...
 
PHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer SidePHP Indonesia - Understanding UI UX from Developer Side
PHP Indonesia - Understanding UI UX from Developer Side
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
Bridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer EditionBridging the Physical-Digital Divide: Industrial Designer Edition
Bridging the Physical-Digital Divide: Industrial Designer Edition
 
Why UX is Important
Why UX is Important Why UX is Important
Why UX is Important
 

Similar a Design - What differentiates the useful from usable & delightful

User eXperience & Front End Development
User eXperience & Front End DevelopmentUser eXperience & Front End Development
User eXperience & Front End Developmentandreafallaswork
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docxRiniyaMary
 
GDG Dhaka - UX quick talk - Masrur Hannan
GDG Dhaka - UX quick talk - Masrur HannanGDG Dhaka - UX quick talk - Masrur Hannan
GDG Dhaka - UX quick talk - Masrur HannanMasrur Hannan
 
Be a designer without becoming a 'designer'
Be a designer without becoming a 'designer'Be a designer without becoming a 'designer'
Be a designer without becoming a 'designer'Nirish Shakya
 
Understanding User Experience Design_V2
Understanding User Experience Design_V2Understanding User Experience Design_V2
Understanding User Experience Design_V2Frank Chen
 
Collaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessCollaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessMarcin Treder
 
1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdfJejeCans
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and PrototypingKshitiz Anand
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsTunde Ojediran
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UXRyo Sampei
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015Harsh Wardhan Dave
 
An introduction to user experience design
An introduction to user experience designAn introduction to user experience design
An introduction to user experience designElena Donets
 

Similar a Design - What differentiates the useful from usable & delightful (20)

User eXperience & Front End Development
User eXperience & Front End DevelopmentUser eXperience & Front End Development
User eXperience & Front End Development
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
 
Stackla UNI: Design
Stackla UNI: DesignStackla UNI: Design
Stackla UNI: Design
 
GDG Dhaka - UX quick talk - Masrur Hannan
GDG Dhaka - UX quick talk - Masrur HannanGDG Dhaka - UX quick talk - Masrur Hannan
GDG Dhaka - UX quick talk - Masrur Hannan
 
Be a designer without becoming a 'designer'
Be a designer without becoming a 'designer'Be a designer without becoming a 'designer'
Be a designer without becoming a 'designer'
 
Understanding User Experience Design_V2
Understanding User Experience Design_V2Understanding User Experience Design_V2
Understanding User Experience Design_V2
 
Collaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessCollaboration in the User Experience Design Process
Collaboration in the User Experience Design Process
 
1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf1. Design - Intro UIUX Design.pdf
1. Design - Intro UIUX Design.pdf
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
 
What is UX v2
What is UX v2What is UX v2
What is UX v2
 
What is UX v1
What is UX v1What is UX v1
What is UX v1
 
Ux design process
Ux design processUx design process
Ux design process
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
 
An introduction to user experience design
An introduction to user experience designAn introduction to user experience design
An introduction to user experience design
 
What is User Experience Design?
What is User Experience Design?What is User Experience Design?
What is User Experience Design?
 
iAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UXiAxil Lunch Talk - Lean UX
iAxil Lunch Talk - Lean UX
 
Introduction to User Experience
Introduction to User ExperienceIntroduction to User Experience
Introduction to User Experience
 

Más de Uday Shankar

Crafting delightful experiences
Crafting delightful experiencesCrafting delightful experiences
Crafting delightful experiencesUday Shankar
 
Ninja Prototyping with Templating Frameworks
Ninja Prototyping with Templating FrameworksNinja Prototyping with Templating Frameworks
Ninja Prototyping with Templating FrameworksUday Shankar
 
The Good, Bad & Ugly of UI Design
The Good, Bad & Ugly of UI DesignThe Good, Bad & Ugly of UI Design
The Good, Bad & Ugly of UI DesignUday Shankar
 
What Drives The World
What Drives The WorldWhat Drives The World
What Drives The WorldUday Shankar
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User ExperienceUday Shankar
 
Touch & Multi Touch - A UX Perspective
Touch & Multi Touch - A UX PerspectiveTouch & Multi Touch - A UX Perspective
Touch & Multi Touch - A UX PerspectiveUday Shankar
 
Mobile Applications, Emerging Markets & Tourism
Mobile Applications, Emerging Markets & TourismMobile Applications, Emerging Markets & Tourism
Mobile Applications, Emerging Markets & TourismUday Shankar
 
Prototyping SMS/Voice Services
Prototyping SMS/Voice ServicesPrototyping SMS/Voice Services
Prototyping SMS/Voice ServicesUday Shankar
 
UI Engineering - Rebooted
UI Engineering - RebootedUI Engineering - Rebooted
UI Engineering - RebootedUday Shankar
 
Science of prototyping
Science of prototypingScience of prototyping
Science of prototypingUday Shankar
 
Usability & Prototyping
Usability & PrototypingUsability & Prototyping
Usability & PrototypingUday Shankar
 
User Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great uiUser Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great uiUday Shankar
 
Effective UI Development using Adobe Flex
Effective UI Development using Adobe FlexEffective UI Development using Adobe Flex
Effective UI Development using Adobe FlexUday Shankar
 

Más de Uday Shankar (17)

Crafting delightful experiences
Crafting delightful experiencesCrafting delightful experiences
Crafting delightful experiences
 
Ninja Prototyping with Templating Frameworks
Ninja Prototyping with Templating FrameworksNinja Prototyping with Templating Frameworks
Ninja Prototyping with Templating Frameworks
 
The Good, Bad & Ugly of UI Design
The Good, Bad & Ugly of UI DesignThe Good, Bad & Ugly of UI Design
The Good, Bad & Ugly of UI Design
 
Prototyping
PrototypingPrototyping
Prototyping
 
What Drives The World
What Drives The WorldWhat Drives The World
What Drives The World
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User Experience
 
Touch & Multi Touch - A UX Perspective
Touch & Multi Touch - A UX PerspectiveTouch & Multi Touch - A UX Perspective
Touch & Multi Touch - A UX Perspective
 
Mobile Applications, Emerging Markets & Tourism
Mobile Applications, Emerging Markets & TourismMobile Applications, Emerging Markets & Tourism
Mobile Applications, Emerging Markets & Tourism
 
Khuljaa Sim Sim
Khuljaa Sim SimKhuljaa Sim Sim
Khuljaa Sim Sim
 
Prototyping SMS/Voice Services
Prototyping SMS/Voice ServicesPrototyping SMS/Voice Services
Prototyping SMS/Voice Services
 
UI Engineering - Rebooted
UI Engineering - RebootedUI Engineering - Rebooted
UI Engineering - Rebooted
 
Science of prototyping
Science of prototypingScience of prototyping
Science of prototyping
 
Usability & Prototyping
Usability & PrototypingUsability & Prototyping
Usability & Prototyping
 
Rapid Prototyping
Rapid PrototypingRapid Prototyping
Rapid Prototyping
 
User Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great uiUser Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great ui
 
Effective UI Development using Adobe Flex
Effective UI Development using Adobe FlexEffective UI Development using Adobe Flex
Effective UI Development using Adobe Flex
 
Adobe® Flex™
Adobe® Flex™Adobe® Flex™
Adobe® Flex™
 

Design - What differentiates the useful from usable & delightful