UX design encompasses all aspects of a user's experience with a product including the interface, graphics, and physical interaction. It aims to make interfaces intuitive and user-friendly. The UX design process involves understanding user and business goals, conducting research and usability testing to identify problems, designing wireframes and prototypes, and iterating based on feedback. Key principles for good UX include simplifying information architecture, using navigation and visual elements effectively, anticipating errors, and making content and tasks clear for very busy users. UX benefits business through improved usability, efficiency, and customer satisfaction.

1. UX Design
Initiation

2. UI UXMiles apart

3. User
Interface
(UI)
Interaction
Design (IX)
Information
Architecture
(IA)
Content
Industrial
Design
PERFORMANC
E
Human
Factors

4. What is User Experience Design ?
UXD or UED fully encompasses traditional human-computer interaction (HCI) design,
and extends it by addressing all aspects of a product, system or service
as perceived by users.
User experience is any aspect of a person's interaction with a given IT system,
including the interface, graphics, industrial design and physical interaction

5. Relevance
Importance
Good ROI, Conversion, Efficiency,
Customer satisfaction
Adds the “Wow” factor to an interaction
Remember.. Competition is just a click away

6. Usability
Aesthetics
Information
Functionality
Interface allows users to complete
tasks quickly and accurately
Interface looks unique, friendly
and professional
Interface has correct, readable
and up-to-date content
Interface works and doesn’t break
UX Hierarchy of Needs

7. How to get Started?
• Think of the gears as the details
• And the big picture as the clock
• All the gears need to fit together
to make the clock work.
Think big
picture
Connect the
goals
Hear all
stakeholders
Look beyond
feature
requests

8. Look beyond Requirements – Think big picture
Identify the Problem

9. Identify your Users as Individuals

10. Is my Ideal Audience?
Build your
Personas
Prioritize
Features
Who
Where
What
How
do I want to send them on My Application?
call to action will best direct users to the primary goal?
do the secondary goals relate to the primary goal? (move
Unrelated secondary goals to separate page)
How many goals do I have altogether? Are they all for the
same audience?

11. Research UI Patterns
Sketch your ideas
Use Most Advanced, Yet Acceptable Interactions
Deliver experiences that break new ground,
but still contain enough of the familiar to be acceptable to the people for
whom they’re designed.
Navigation
Familiarity
Consistency
Error Prevention
Feedback
Visual Clarity
Flexibility
Efficiency

12. Treat your audience as ….
Very Smart &
Very Busy
Very Important
People
who have given you 30 seconds to get their attention
“Get rid of half the words on each page, then get rid of half of what is
left.”

13. Design methodology
• Understanding business Goals
• Heuristic analysis
• User Needs and Task Analysis
• Output : Wireframes
Data Gathering
and Analysis
• Information Architecture
• Interaction Design
• Visual Design
• Output: PSDs
Designing
• Approval through Iterative
approach
• Output: HTMLs
Finalization
• Usability study by Random
Sampling.
• Bug fixing and resolving issues
Usability
Study

14. Examples

15. While creating an Interface, Obey Real World Rules
Differentiate Primary Call to Action

16. Reduce Cognitive workload
Help the user figure it out. Don’t make him think !

17. • About Us
• School Education
• Higher Education
• Academic Calendar
• UG Programs
• PG Programs
• MSc.
• Financial Assistance
• Examination
• About Us
• School Education
• UG Programs
• PG Programs
• MSc.
• Financial Assistance
• Examination
Simplify Information Architecture

18. Use Navigation effectively

19. Structure Secondary Navigation

20. Highlight Important elements

21. Help user make their choice

22. Add information, not clutter
White background
bar shows popularity

23. Indicate progress
Progress bar for article being read

24. Be helpful, not annoying

25. Give Reason for ad-hoc actions

26. Provide Lazy registration

27. make Content define character of your app

28. Users will make mistakes, they need to be handheld
Forgive mistakes – Provide instant feedback

29. URLs could be relevant too !

30. Keep Responsive-ness in mind
Create multi-device layout patterns

31. Incorporating corrections based on insights from real users
Validate your ideas
Guerrilla
usability
Get in a cafe
Let users play
with prototype
Record
interactions on
webcam
Lean
UX
Get few
launchers
ready
Let users use
beta versions
Track journeys
using analytics

32. Creating User Profiles
Identifying User journeys
UI Design with Guiding
Principles
GorillaUsability/ Lean UX
Corrective Measures in Design
Summing-up the Design Process

33. Who owns UI UX ??
UI UX Team
We All Do!!!

34. References
• Don’t make me think – by Steve Krug
• AboveTheFold.com
• UI-patterns.com
• www.wikipedia.com
• www.neevtech.com
Thanks!
shalien@neevtech.com