User Experioence - delivering great ux through great ui

1,391 views
1,314 views

Published on

Presented at Microsoft TechEd 2009 in June @ Parkcenter, Technopark, Trivandrum, Kerala - India.

I have 'borrowed' some slides/content from presentations created by leaaders on Slideshare. I have mentioned their names and ppt names in the Acknowledgement slide.

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,391
On SlideShare
0
From Embeds
0
Number of Embeds
114
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

User Experioence - delivering great ux through great ui

  1. 1. User Experience<br />delivering great ux through great ui<br />
  2. 2. Who am I?<br />What I do for a living?<br />Sr. UI Designer @ NOKIA<br />How long have I been in business?<br />Almost 10 years now<br />What I ‘actually’ do?<br />Make a ‘consumer’ deliverable out of ‘technical’ deliverable <br />2<br />27 June 2009<br />HELLO.<br />My name is…<br />Uday M. Shankar<br />
  3. 3. What&apos;s User Experience<br />Let me try to make it simple<br />3<br />
  4. 4. 27 June 2009<br />4<br />Do you SEARCH?<br />
  5. 5. 27 June 2009<br />5<br />Do you Google?<br />Why?<br />
  6. 6. That’s User Experience<br />Now, let’s look at how to get there<br />27 June 2009<br />6<br />
  7. 7. An Ideal UX Team?<br />27 June 2009<br />7<br />
  8. 8. Or… Wear different hats<br />27 June 2009<br />8<br />
  9. 9. Anyone can cook?<br />UI Design is not everybody’s cup of tea<br />UI design demands patience, creativity, out-of-the-box thinking<br />UI design demands an instinct to make stuff SIMPLE<br />Keep Design & Development as 2 activities.<br />9<br />27 June 2009<br />
  10. 10. UI Development is NOTabout making screens look better!<br />
  11. 11. It’s not about more features<br />Being feature-rich is not great<br />It’s a basic expectation<br />The differentiator is the experience you deliver<br />Think about iPhone<br />11<br />27 June 2009<br />
  12. 12. Not just about colors, fonts, pixels<br />There is an intended behavior that we want to create & We have no direct control over the user<br />But, via design we have means to control the environment and to evaluate the resulting effects<br />12<br />27 June 2009<br />
  13. 13. Do not get carried away<br />Many UI designers get carried away with the cool effects provided by the technology.<br />Possibility &lt;&gt; Usability<br />Cool &lt;&gt; Usable<br />13<br />27 June 2009<br />
  14. 14. Front End keeps changing<br />HTML &gt; DHTML &gt; AJAX &gt; Silverlight &gt; ???<br />Abstract the UI completely from the business layer<br />Let the UI evolve with times<br />14<br />27 June 2009<br />
  15. 15. Follow standards<br />Do not break paradigms unnecessarily<br />Do not use a lot of colors on screen<br />Follow basic UCD & HCI principles while designing<br />Do not create Frankenstein components!<br />15<br />27 June 2009<br />
  16. 16. Manage expectations<br />Manage expectations using design<br />Clients often judge progress based on UI design<br />Clients want to see a steady progression of development<br />For Users, the UI is the application<br />16<br />27 June 2009<br />
  17. 17. Get your X & Y right<br />The position of components on screen is IMPORTANT& The dimensions of components on screen is IMPORTANT<br />Drag & Drop is not always uber-cool!<br />Control to user is good as long as the system still has control<br />17<br />27 June 2009<br />
  18. 18. Be modular<br />Lazy Loading<br />Give the user what they need at a time<br />Learn from Microsoft<br />18<br />27 June 2009<br />
  19. 19. Do not over-engineer<br />Abstraction and perfection is good. But, don’t overdo it.<br />Pattern implementations are only as valuable as the problem they solve.<br />19<br />27 June 2009<br />
  20. 20. What you want users to see<br />
  21. 21. What users actually see<br />
  22. 22. Breath life into your UIs<br />22<br />27 June 2009<br />Animation for aesthetic reasons is good!<br />Use subtle transitions to add effects to your application<br />Provide instant feedback to user<br />
  23. 23. Good Uis & Bad UIs<br />Some real life examples<br />
  24. 24. 24<br />Bad UI – Usable?<br />27 June 2009<br />
  25. 25. 27 June 2009<br />25<br />Good UI<br />
  26. 26. 27 June 2009<br />26<br />Bad UI<br />
  27. 27. 27 June 2009<br />27<br />Good UI<br />
  28. 28. 27 June 2009<br />28<br />Bad UI<br />Check out http://www.buigallery.com/<br />
  29. 29. 29<br />Good UI<br />27 June 2009<br />
  30. 30. 30<br />Bad UI<br />27 June 2009<br />
  31. 31. 31<br />Good UI<br />27 June 2009<br />
  32. 32. Do not hesitate to push the red button<br />Be ready to go back to the drawing board at any time.<br />
  33. 33. My ultimate metric for Ux<br />If the system was a person, how long would it take before you punch it in the nose! <br />33<br />27 June 2009<br />
  34. 34. Next is what?<br />In the 80’s it was SCD<br />System Centric Design<br />In the late 90’s, it transformed to UCD<br />User Centric Design<br />What’s next?<br />Process Centric Design?<br />34<br />27 June 2009<br />
  35. 35. Questions?<br />
  36. 36. Thank you<br />udayms@gmail.com<br />Twitter @udayms<br />flexed.wordpress.com | udayms.wordpress.com<br />
  37. 37. Jacob Sebastian<br />Blog: http://blog.beyondrelational.com<br />Pinal Kumar Dave<br />Blog: http://blog.sqlauthority.com<br />Email: pinal@sqlauthority.com<br />Uday M. Shankar<br />Twitter: @udayms<br />Blog: http://udayms.wordpress.com<br />Email: udayms@ovi.com<br />Shoban Kumar<br />Blog: http://codegeeks.net<br />Email: shobankr@gmail.com<br />Twitter: @shobankr<br />PraseedPai<br />Blog: http://praseedp.blogspot.com<br />Email: praseedp@yahoo.com<br />JairamRamesh<br />Email: v-jairar@microsoft.com<br />Renuka Alex<br />Email: renuka.alex@gmail.com<br />Smitha George<br />Email: mailme@smithageorge.com<br /> http://www.k-mug.org<br />

×