User Interface and User Experience in productppt

Design Zero to Hero

1. UI(User InterFace):
The UI Developer role to look feel of the product
interface. To interact between user and interface
Example: Mobile touch icon.
UX(User Experience):
The UX Designer Focuses for Entire project.
For Example: Google Play store/app update.
Product Management:
To focus UX Business process, planning launching
manging or service. Tech,design to interface

2. Big Idea
Types of Idea:
• Simplicity( Example: Locket/app)
•Meta (New Market)
Example: Dunzoo, zepto, Fish Delivery Apps etc..
•Business Idea possible:
Example:Curofy(online doctor consultation)

MCA RRN: 0
th
Review

3. User Research
Ideation& Validation:
Validate your own idea and make it as a startup/
to become a entrepreneur
Digital Visiting Card/ Freelancing Agency
platform etc.
User Research:
1. what do people need?
2. What do people want?
3. Can they use the product or not?


MCA RRN: 0
th
Review

4. Research Market
1.) Facebook Market/Ad library
2.) Recent updates from competitor social media
Technology?
3.) Google Adword view analysis
4.) website seo
5.)Related Blogs
6.)Inbound/Outbound Links
7.) website speed/response/timing.
8.) Font analysis
9.) User interest/


MCA RRN: 0
th
Review

5. Types of Design
1.) scrolling the screen pickup task etc
2.) start building screen
3.) overall navigation of app
4.) understand target audience
5.) color palatee/ scalelayout/font Icongraphy.
6.)virtual designs of apps Eg: Google.com/design
7.) Typography(image/download etc)


MCA RRN: 0
th
Review

6. User Experience
Development the products. Like Common design
elements copy-> layout/ headlines
Home page Design rules/basic
Tag lines:
• What is this?
•What is being offered?
•What can I do here?
•How to I start?
•Top corner (signin/signup)


MCA RRN: 0
th
Review

7. Tricks UX
•A B testing
•More details about offering
•Button length and size
•Analyze home page relatively research(3 new
company)
Home page design signup:
• Registration will short and user interactive
Ex:Easy registration/via social media.
Home page -> signup -> take tour -> explore content.


MCA RRN: 0
th
Review

8. Tricks UX
Payment Form:
•Billing address -> email or cards
example : Inbuild platform like Gumroad/bill desk
Netbanking etc
Form:
•keep simple
•Validate user input/feedback with Net promote
score/provide feedback.
•Test our forms frequently. Update the form
manually.


MCA RRN: 0
th
Review

9. Tricks UX
Notifications:
4 key principle Quality:
control(people interest/analysis)
feedback(NPS score like emoji)
customization( user interest basic games etc)
frequency reward(Microsoft edge)


MCA RRN: 0
th
Review

10. Tricks UX
Notifications:
4 key principle Quality:
control(people interest/analysis)
feedback(NPS score like emoji)
customization( user interest basic games etc)
frequency reward(Microsoft edge)


MCA RRN: 0
th
Review

11. HEART Framework
Notifications:
4 key principle Quality:
H-> Happiness(Satisfaction Nps score)
E -> Engagement(User Activity)Ex:Social media
A-> Adoption (New users usage of apps/website)
R-> Rentition (unit of time book mark)
T -> Task Success( Time completed Task errors
Specific feature of product)


MCA RRN: 0
th
Review

12. THANK YOU