contemporization of ux & importance of design in mobility !

41

Upload: vaibhav-sisinty

Post on 11-Jan-2015

2.596 views

Category:

Design


0 download

DESCRIPTION

Modernization of UX with respect to advanced screen sizes : responsive design and importance of logo design which was presented at General Electric's Annual IT Conference, ignITe !

TRANSCRIPT

  • 1. What is UX? CrazyHead Solutions ( www.crazyheads.co )
  • 2. User Experience (UX) involves a person's behaviors, attitudes, and emotions about using a particular product, system or service. User Experience includes the practical, experiential, affective, meaningful and valuable aspects of human-computer interaction and product ownership. Additionally, it includes a persons perceptions of system aspects such as utility, ease of use and efficiency. User Experience may be considered subjective in nature to the degree that it is about individual perception and thought with respect to the system. User Experience is dynamic as it is constantly modified over time due to changing usage circumstances and changes to individual systems as well as the wider usage context in which they can be found. SOURCE : Wikipedia CrazyHead Solutions ( www.crazyheads.co )
  • 3. UX is all about making the user feel there is a Human on the other side not a computer. CrazyHead Solutions ( www.crazyheads.co )
  • 4. CrazyHead Solutions ( www.crazyheads.co )
  • 5. Remember one thing, Good UI is not always Good UX CrazyHead Solutions ( www.crazyheads.co )
  • 6. CrazyHead Solutions ( www.crazyheads.co )
  • 7. UI User Interface is the medium of interaction between user and a machine. CrazyHead Solutions ( www.crazyheads.co )
  • 8. CrazyHead Solutions ( www.crazyheads.co )
  • 9. Ok ! Here is the example. UI - Wow! that looks great UX - Well, this is easy to use CrazyHead Solutions ( www.crazyheads.co )
  • 10. CrazyHead Solutions ( www.crazyheads.co )
  • 11. USER EXPERIENCE CrazyHead Solutions ( www.crazyheads.co )
  • 12. Building a site for your visitors not yourself, Know your audience. CrazyHead Solutions ( www.crazyheads.co )
  • 13. Understand How People Reach. CrazyHead Solutions ( www.crazyheads.co )
  • 14. Understand why people leave. CrazyHead Solutions ( www.crazyheads.co )
  • 15. CrazyHead Solutions ( www.crazyheads.co ) Consistent Design.
  • 16. Standard Design Copy Copy, Copy is not what i say ! May be yeah ! ;) CrazyHead Solutions ( www.crazyheads.co )
  • 17. Lets talk about a few specific elements now - PLACEMENTS - Colours - Correct phraseology terminology - Show what is important - Size Matters! CrazyHead Solutions ( www.crazyheads.co )
  • 18. Lets go MOBILE now ! CrazyHead Solutions ( www.crazyheads.co )
  • 19. Problems with accessing web apps on different screen sizes. CrazyHead Solutions ( www.crazyheads.co )
  • 20. Here is the solution : Responsive Web Design CrazyHead Solutions ( www.crazyheads.co )
  • 21. CrazyHead Solutions ( www.crazyheads.co )
  • 22. CrazyHead Solutions ( www.crazyheads.co )
  • 23. Things to make sure its going right for mobile/ tabs . 1. Quick 2. Simple Navigation 3. Thumb friendly 4. Easy to complete the task 5. Looks similar to main web app CrazyHead Solutions ( www.crazyheads.co )
  • 24. So, how do we start ? CrazyHead Solutions ( www.crazyheads.co )
  • 25. It all starts with RESEARCH ! CrazyHead Solutions ( www.crazyheads.co )
  • 26. Start sketching Wireframes CrazyHead Solutions ( www.crazyheads.co )
  • 27. Prototyping Build the MockUp ! CrazyHead Solutions ( www.crazyheads.co )
  • 28. TEST - ANALYZE - REDESIGN CrazyHead Solutions ( www.crazyheads.co )
  • 29. Some Best Examples of Excellent UX ! Apple YouTube PayTM Housing.com CrazyHead Solutions ( www.crazyheads.co )
  • 30. CrazyHead Solutions ( www.crazyheads.co )
  • 31. A few bad logos!
  • 32. When plagiarism went wrong ! Sometimes intentional & sometimes not !
  • 33. Dont like your logo & Branding? You should change it NOW !
  • 34. Audience target you, say we
  • 35. Thank you for bearing with me ! Sources : GOOGLE CrazyHead Solutions ( www.crazyheads.co )