Basics of ux
-
Upload
leleaditya -
Category
Design
-
view
234 -
download
4
Transcript of Basics of ux
![Page 1: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/1.jpg)
BASICS OF UX.
![Page 2: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/2.jpg)
WHAT THE HECK IS UX.
U: UserX: Experience
Even my pet dog GINGER would have answered the same.
![Page 3: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/3.jpg)
So, Is there anything else to know about UX?
![Page 4: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/4.jpg)
User = People we deal with.
![Page 5: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/5.jpg)
People like you and me and That guy sitting outside./ Your Friend./ The manager at your bank./ The undergraduate student./ The Retired Grandpa./ The Housewife./ An 11 year old./ The Dentist./ The C.E.O./The Taxi Driver./ The Chef./ Your Girlfriend’s Mom./ The Basketball player./ The Football Coach./
![Page 6: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/6.jpg)
Experience = What these People Feel!Experience = How they Feel!Experience = Why they Feel!
![Page 7: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/7.jpg)
![Page 8: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/8.jpg)
We Design the WhatExperience the HowExperience the Why
![Page 9: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/9.jpg)
And how do we Designthat?
We sit and we study.
![Page 10: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/10.jpg)
Project Briefing
We are told about the project idea, the need for the product/portal and the stake holders interests and strategies.
This is also the phase where our scope of operation is defined. We might meet the stakeholders in person or over a call.
This is where we get our basic Queries answered
![Page 11: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/11.jpg)
Domain Understanding
This is crucial from every angle for us as we get to know or research on the dynamics of a particular domain and how the product/portal we are designing will operate in this particular domain or will solve a particular unique problem
![Page 12: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/12.jpg)
Comparative Research
We look at the competitors or portals similar to what we are designing and understand their proposition, their user-need addressal and analyse the potential pitfalls or advantages that they have overlooked upon and where we couldLeverage our strengths.
![Page 13: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/13.jpg)
Personas
Your Friend./ The manager at your bank./ The undergraduate student./ The Retired Grandpa./ The Housewife./ An 11 year old./ The Dentist./ The C.E.O./ The Taxi Driver./ The Chef./ Your Girlfriend’s Mom./ The Basketball player./ The Football Coach./
The Personas are users specific to the portal and are important part of the UX design processEg. Admin,Super Admin, Normal User, Buyer, Provider
![Page 14: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/14.jpg)
FeaturesWe look at the features that would set the product or the portal apart from the competitorsand keep the user engaged as much a possible. We look at which are the most important featuresthat are to be highlighted and which ones are peripherals that can be placed secondary.
• Which kind of user would want to use these features?• What unique features of your website or product are most appealing to the end-user?• Why would they want to use these features?• What sort of problems are they facing in fulfilling these desires in the present portal?• Are there any other desires that these users have?• What kind of questions do they have about your website or product?• What kind of information will they want if they plan to take any action?• What are their hesitations in performing certain actions or interactions?• How can you touch the user emotionally so as to make them perform the desired action?
![Page 15: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/15.jpg)
User FlowsUser flow is where we decide how a particular user would travel through the portal to reach his goal or complete the task that he is visiting the site for.
![Page 16: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/16.jpg)
![Page 17: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/17.jpg)
WireframesThese are the basic barebones of the system that you are designing which give you idea about the placement of the different features that we are offering on the portal. It also guides the UI design team in understanding what needs to go where and what reacts to which user gesture. Iterations are also an important part of the wireframing.
![Page 18: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/18.jpg)
![Page 19: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/19.jpg)
![Page 20: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/20.jpg)
![Page 21: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/21.jpg)
![Page 22: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/22.jpg)
![Page 23: Basics of ux](https://reader030.fdocuments.net/reader030/viewer/2022020105/5597582a1a28ab883c8b46d9/html5/thumbnails/23.jpg)
Design is not just what it looks like and feels like. Design is how it works.- SJ