User Experiencedelivering great ux through great ui
Who am I?What I do for a living?Sr. UI Designer @ NOKIAHow long have I been in business?Almost 10 years nowWhat I ‘actually’ do?Make a ‘consumer’ deliverable out of ‘technical’ deliverable 227 June 2009HELLO.My name is…Uday M. Shankar
What's User ExperienceLet me try to make it simple3
27 June 20094Do you SEARCH?
27 June 20095Do you Google?Why?
That’s User ExperienceNow, let’s look at how to get there27 June 20096
An Ideal UX Team?27 June 20097
Or… Wear different hats27 June 20098
Anyone can cook?UI Design is not everybody’s cup of teaUI design demands patience, creativity, out-of-the-box thinkingUI design demands an instinct to make stuff SIMPLEKeep Design & Development as 2 activities.927 June 2009
UI Development is NOTabout making screens look better!
It’s not about more featuresBeing feature-rich is not greatIt’s a basic expectationThe differentiator is the experience you deliverThink about iPhone1127 June 2009
Not just about colors, fonts, pixelsThere is an intended behavior that we want to create & We have no direct control over the userBut, via design we have means to control the environment and to evaluate the resulting effects1227 June 2009
Do not get carried awayMany UI designers get carried away with the cool effects provided  by the technology.Possibility <> UsabilityCool <> Usable1327 June 2009
Front End keeps changingHTML > DHTML > AJAX > Silverlight > ???Abstract the UI completely from the business layerLet the UI evolve with times1427 June 2009
Follow standardsDo not break paradigms unnecessarilyDo not use a lot of colors on screenFollow basic UCD & HCI principles while designingDo not create Frankenstein components!1527 June 2009
Manage expectationsManage expectations using designClients often judge progress based on UI designClients want to see a steady progression of developmentFor Users, the UI is the application1627 June 2009
Get your X & Y rightThe position of components on screen is IMPORTANT& The dimensions of components on screen is IMPORTANTDrag & Drop is not always uber-cool!Control to user is good as long as the system still has control1727 June 2009
Be modularLazy LoadingGive the user what they need at a timeLearn from Microsoft1827 June 2009
Do not over-engineerAbstraction and perfection is good. But, don’t overdo it.Pattern implementations are only as valuable as the problem they solve.1927 June 2009
What you want users to see
What users actually see
Breath life into your UIs2227 June 2009Animation for aesthetic reasons is good!Use subtle transitions to add effects to your applicationProvide instant feedback to user
Good Uis & Bad UIsSome real life examples
24Bad UI – Usable?27 June 2009
27 June 200925Good UI
27 June 200926Bad UI
27 June 200927Good UI
27 June 200928Bad UICheck out http://www.buigallery.com/
29Good UI27 June 2009
30Bad UI27 June 2009
31Good UI27 June 2009
Do not hesitate to push the red buttonBe ready to go back to the drawing board at any time.
My ultimate metric for UxIf the system was a person, how long would it take before you punch it in the nose! 3327 June 2009
Next is what?In the 80’s it was SCDSystem Centric DesignIn the late 90’s, it transformed to UCDUser Centric DesignWhat’s next?Process Centric Design?3427 June 2009
Questions?
Thank youudayms@gmail.comTwitter @udaymsflexed.wordpress.com | udayms.wordpress.com
Jacob SebastianBlog: http://blog.beyondrelational.comPinal Kumar DaveBlog: http://blog.sqlauthority.comEmail: pinal@sqlauthority.comUday M. ShankarTwitter: @udaymsBlog: http://udayms.wordpress.comEmail: udayms@ovi.comShoban KumarBlog: http://codegeeks.netEmail: shobankr@gmail.comTwitter: @shobankrPraseedPaiBlog: http://praseedp.blogspot.comEmail: praseedp@yahoo.comJairamRameshEmail: v-jairar@microsoft.comRenuka AlexEmail: renuka.alex@gmail.comSmitha GeorgeEmail: mailme@smithageorge.com http://www.k-mug.org

More Related Content

PDF
Introduction to mobile user experience
PPTX
Introduction to user-centric design process
PPTX
Get to know about UI/UX designing
PDF
Mobile User Experience
PDF
Obvious User Interface
PDF
WordPress and the Future of UX
PDF
Impact of Design Lanagauge
PPTX
10 Remote Testing Tips
Introduction to mobile user experience
Introduction to user-centric design process
Get to know about UI/UX designing
Mobile User Experience
Obvious User Interface
WordPress and the Future of UX
Impact of Design Lanagauge
10 Remote Testing Tips

What's hot (6)

PDF
Digital Summit Phoenix - The Future of UX
PDF
Visual definitions of UX ( Restored )
PDF
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
PDF
10 things to consider when choosing a mobile platform (iOS or Android)
PDF
Minimum Viable User Experience
PDF
Mobile UX Design
Digital Summit Phoenix - The Future of UX
Visual definitions of UX ( Restored )
Mobile App Design Best Practices - Usable Interfaces for Tiny Places
10 things to consider when choosing a mobile platform (iOS or Android)
Minimum Viable User Experience
Mobile UX Design
Ad

Viewers also liked (17)

PDF
UX Fails / Talk at Incube
PDF
426 Lecture 8: Mobile Augmented Reality
PDF
Good UX Bad UX
DOCX
Bad UI design Example
PDF
The Good, Bad & Ugly of UI Design
PPTX
Augmented reality and hololens
PDF
Rapid Prototyping
PPTX
UX Humor | Jokes and Funny Quotes
PDF
Teaching Students with Emojis, Emoticons, & Textspeak
PDF
Study: The Future of VR, AR and Self-Driving Cars
PDF
UX, ethnography and possibilities: for Libraries, Museums and Archives
PDF
Hype vs. Reality: The AI Explainer
PDF
Designing Teams for Emerging Challenges
PDF
Visual Design with Data
PDF
3 Things Every Sales Team Needs to Be Thinking About in 2017
PDF
TEDx Manchester: AI & The Future of Work
PDF
How to Become a Thought Leader in Your Niche
UX Fails / Talk at Incube
426 Lecture 8: Mobile Augmented Reality
Good UX Bad UX
Bad UI design Example
The Good, Bad & Ugly of UI Design
Augmented reality and hololens
Rapid Prototyping
UX Humor | Jokes and Funny Quotes
Teaching Students with Emojis, Emoticons, & Textspeak
Study: The Future of VR, AR and Self-Driving Cars
UX, ethnography and possibilities: for Libraries, Museums and Archives
Hype vs. Reality: The AI Explainer
Designing Teams for Emerging Challenges
Visual Design with Data
3 Things Every Sales Team Needs to Be Thinking About in 2017
TEDx Manchester: AI & The Future of Work
How to Become a Thought Leader in Your Niche
Ad

Similar to User Experioence - delivering great ux through great ui (20)

PDF
Designing the user experience
PDF
How to Find a Good UI/UX Designer (or be one!)
PPTX
UDSA Unit 4.pptx
PDF
UX & UI Design - Differentiate through design
 
PPT
User Experience as a Strategic Advantage
PPT
Bake UX into your Startup (March 2009)
PDF
User Experience: Why should you care?
PDF
UI UX Study Jam 1 GDGoC by Salsabiila Bazaluna
PPTX
Delivering Effective User Interfaces
PPTX
Winning hearts and minds: how to embed UX from scratch in a large organisation
PPT
Building for People: 5 Practical Tip for Greating Great UX
PPT
Selling UX (IXDA Shanghai 2009)
PPT
Selling Usability Into Organizations
PDF
UX & UI Design: Differentiate through design
PPT
Graphic Design For Developers Richmond Code Camp
PDF
The case for usability
PPT
Graphic Design For Developers
PDF
UX crash course - part 1
PPT
Selling UX with Daniel Szuc
PDF
Demystifying User Experience - General Assembly
Designing the user experience
How to Find a Good UI/UX Designer (or be one!)
UDSA Unit 4.pptx
UX & UI Design - Differentiate through design
 
User Experience as a Strategic Advantage
Bake UX into your Startup (March 2009)
User Experience: Why should you care?
UI UX Study Jam 1 GDGoC by Salsabiila Bazaluna
Delivering Effective User Interfaces
Winning hearts and minds: how to embed UX from scratch in a large organisation
Building for People: 5 Practical Tip for Greating Great UX
Selling UX (IXDA Shanghai 2009)
Selling Usability Into Organizations
UX & UI Design: Differentiate through design
Graphic Design For Developers Richmond Code Camp
The case for usability
Graphic Design For Developers
UX crash course - part 1
Selling UX with Daniel Szuc
Demystifying User Experience - General Assembly

More from Uday Shankar (15)

PDF
Crafting delightful experiences
PDF
Design - What differentiates the useful from usable & delightful
PDF
Ninja Prototyping with Templating Frameworks
PDF
Prototyping
PDF
What Drives The World
PDF
Demystifying User Experience
PDF
Touch & Multi Touch - A UX Perspective
PDF
Mobile Applications, Emerging Markets & Tourism
PDF
Khuljaa Sim Sim
PDF
Prototyping SMS/Voice Services
PDF
UI Engineering - Rebooted
PDF
Science of prototyping
PDF
Usability & Prototyping
PDF
Effective UI Development using Adobe Flex
PPT
Adobe® Flex™
Crafting delightful experiences
Design - What differentiates the useful from usable & delightful
Ninja Prototyping with Templating Frameworks
Prototyping
What Drives The World
Demystifying User Experience
Touch & Multi Touch - A UX Perspective
Mobile Applications, Emerging Markets & Tourism
Khuljaa Sim Sim
Prototyping SMS/Voice Services
UI Engineering - Rebooted
Science of prototyping
Usability & Prototyping
Effective UI Development using Adobe Flex
Adobe® Flex™

Recently uploaded (20)

PDF
Architecture types and enterprise applications.pdf
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PDF
A review of recent deep learning applications in wood surface defect identifi...
PPTX
Chapter 5: Probability Theory and Statistics
PDF
CloudStack 4.21: First Look Webinar slides
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Five Habits of High-Impact Board Members
PPTX
Web Crawler for Trend Tracking Gen Z Insights.pptx
PDF
Taming the Chaos: How to Turn Unstructured Data into Decisions
PDF
Hindi spoken digit analysis for native and non-native speakers
PPT
Geologic Time for studying geology for geologist
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
WOOl fibre morphology and structure.pdf for textiles
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PPTX
Tartificialntelligence_presentation.pptx
PPTX
O2C Customer Invoices to Receipt V15A.pptx
PDF
Developing a website for English-speaking practice to English as a foreign la...
PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Architecture types and enterprise applications.pdf
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
A review of recent deep learning applications in wood surface defect identifi...
Chapter 5: Probability Theory and Statistics
CloudStack 4.21: First Look Webinar slides
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Five Habits of High-Impact Board Members
Web Crawler for Trend Tracking Gen Z Insights.pptx
Taming the Chaos: How to Turn Unstructured Data into Decisions
Hindi spoken digit analysis for native and non-native speakers
Geologic Time for studying geology for geologist
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
WOOl fibre morphology and structure.pdf for textiles
Group 1 Presentation -Planning and Decision Making .pptx
Tartificialntelligence_presentation.pptx
O2C Customer Invoices to Receipt V15A.pptx
Developing a website for English-speaking practice to English as a foreign la...
A novel scalable deep ensemble learning framework for big data classification...
sustainability-14-14877-v2.pddhzftheheeeee
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...

User Experioence - delivering great ux through great ui

  • 1. User Experiencedelivering great ux through great ui
  • 2. Who am I?What I do for a living?Sr. UI Designer @ NOKIAHow long have I been in business?Almost 10 years nowWhat I ‘actually’ do?Make a ‘consumer’ deliverable out of ‘technical’ deliverable 227 June 2009HELLO.My name is…Uday M. Shankar
  • 3. What's User ExperienceLet me try to make it simple3
  • 4. 27 June 20094Do you SEARCH?
  • 5. 27 June 20095Do you Google?Why?
  • 6. That’s User ExperienceNow, let’s look at how to get there27 June 20096
  • 7. An Ideal UX Team?27 June 20097
  • 8. Or… Wear different hats27 June 20098
  • 9. Anyone can cook?UI Design is not everybody’s cup of teaUI design demands patience, creativity, out-of-the-box thinkingUI design demands an instinct to make stuff SIMPLEKeep Design & Development as 2 activities.927 June 2009
  • 10. UI Development is NOTabout making screens look better!
  • 11. It’s not about more featuresBeing feature-rich is not greatIt’s a basic expectationThe differentiator is the experience you deliverThink about iPhone1127 June 2009
  • 12. Not just about colors, fonts, pixelsThere is an intended behavior that we want to create & We have no direct control over the userBut, via design we have means to control the environment and to evaluate the resulting effects1227 June 2009
  • 13. Do not get carried awayMany UI designers get carried away with the cool effects provided by the technology.Possibility <> UsabilityCool <> Usable1327 June 2009
  • 14. Front End keeps changingHTML > DHTML > AJAX > Silverlight > ???Abstract the UI completely from the business layerLet the UI evolve with times1427 June 2009
  • 15. Follow standardsDo not break paradigms unnecessarilyDo not use a lot of colors on screenFollow basic UCD & HCI principles while designingDo not create Frankenstein components!1527 June 2009
  • 16. Manage expectationsManage expectations using designClients often judge progress based on UI designClients want to see a steady progression of developmentFor Users, the UI is the application1627 June 2009
  • 17. Get your X & Y rightThe position of components on screen is IMPORTANT& The dimensions of components on screen is IMPORTANTDrag & Drop is not always uber-cool!Control to user is good as long as the system still has control1727 June 2009
  • 18. Be modularLazy LoadingGive the user what they need at a timeLearn from Microsoft1827 June 2009
  • 19. Do not over-engineerAbstraction and perfection is good. But, don’t overdo it.Pattern implementations are only as valuable as the problem they solve.1927 June 2009
  • 20. What you want users to see
  • 22. Breath life into your UIs2227 June 2009Animation for aesthetic reasons is good!Use subtle transitions to add effects to your applicationProvide instant feedback to user
  • 23. Good Uis & Bad UIsSome real life examples
  • 24. 24Bad UI – Usable?27 June 2009
  • 28. 27 June 200928Bad UICheck out http://www.buigallery.com/
  • 32. Do not hesitate to push the red buttonBe ready to go back to the drawing board at any time.
  • 33. My ultimate metric for UxIf the system was a person, how long would it take before you punch it in the nose! 3327 June 2009
  • 34. Next is what?In the 80’s it was SCDSystem Centric DesignIn the late 90’s, it transformed to UCDUser Centric DesignWhat’s next?Process Centric Design?3427 June 2009
  • 37. Jacob SebastianBlog: http://blog.beyondrelational.comPinal Kumar DaveBlog: http://blog.sqlauthority.comEmail: pinal@sqlauthority.comUday M. ShankarTwitter: @udaymsBlog: http://udayms.wordpress.comEmail: udayms@ovi.comShoban KumarBlog: http://codegeeks.netEmail: shobankr@gmail.comTwitter: @shobankrPraseedPaiBlog: http://praseedp.blogspot.comEmail: praseedp@yahoo.comJairamRameshEmail: v-jairar@microsoft.comRenuka AlexEmail: renuka.alex@gmail.comSmitha GeorgeEmail: mailme@smithageorge.com http://www.k-mug.org