UX Design Info-session

1. LEARN
ABOUT QUESTIONS
UI/UX & Documentation
info-session.

2. LEARN
ABOUT QUESTIONS
Hi, this is SAMUJJAL.
UX Design | CS Major

3. LEARN
ABOUT QUESTIONS
2. GDSC
A developers
community to grow
in tech together.
Read more…
1. Cyber Space
“A space where you
can be relieved about
your online security.”
Read more…
3. MINDFUL
“Yes, mental health
matters.”
Read more…

4. LEARN
ABOUT QUESTIONS
Q . What are we going to
learn about?

5. LEARN
ABOUT QUESTIONS
Q . What are we going to
learn about?

6. LEARN
ABOUT QUESTIONS
START
END
Intro to UI/UX UX research Prototyping
Principles of UI
design
Wireframing
1 3 5
2 4

7. LEARN
ABOUT QUESTIONS
UI /UX
USER
INTERFACE
USER
EXPERIENCE

8. LEARN
ABOUT QUESTIONS
UI /UX
• User Interface (UI), focuses on the LOOK
and FEEL of digital products, like how
buttons or menus appear.
• User Experience (UX), which delves into
how users interacts with and feel
about the product as a whole, considering
ease of use and satisfaction.

9. LEARN
ABOUT QUESTIONS
UI /UX
USER INTERFACE USER EXPERIENCE
Down load
padding
Border radius
Font
type / color
.png
.jpeg
.svg

10. LEARN
ABOUT QUESTIONS
Principles
of
UI
design.
As much as fun it is to design
elements and interfaces, that
important it is to keep the
various UI principles in mind
while designing.
Let’s look at a few……

11. LEARN
ABOUT QUESTIONS
1.
Clarity
The term clarity means using recognizable
features and elements that are intuitive to
interact with. This is especially important
for interactive elements such as buttons
and navigation menus.

12. LEARN
ABOUT QUESTIONS
2.
Consistency
Consistency is essential in design.
WHY?

13. LEARN
ABOUT QUESTIONS
2.
Consistency
• Builds trust.
• Make users feel at ease.
• Provide more control
over their own actions.
• Apply same colors.
• Typography &
Positioning.
WHY?
HOW?

14. LEARN
ABOUT QUESTIONS
3.
User Control
• Make it SIMPLE & EASY.
HOW?
People like to have control over things
they pursue. Giving them the
satisfaction of control is necessary for
positive user feedback.

15. LEARN
ABOUT QUESTIONS
4.
COMFORT
Comfort is important. But why?
Are we designing a sofa? NO!!! Then?
Comfort keeps the mind calm.
Factors can be design, accessibility,
consistency etc.

16. LEARN
ABOUT QUESTIONS
4.
COMFORT • Simple language.
• Make it RESPONSIVE?
HOW?
( Great on desktop + Bad on phone =
)

17. LEARN
ABOUT
QUESTIONS
4.
COMFORT
• Simple language.
• Make it RESPONSIVE?
HOW?
( Great on desktop + Bad on phone =
)

18. LEARN
ABOUT QUESTIONS
4.
COMFORT
• Simple language.
• Make it
RESPONSIVE?
HOW?
( Great on desktop + Bad on
phone )
=

19. LEARN
ABOUT QUESTIONS
5.
ACCESSIBILITY
• Design it keyboard friendly
( Navigate using TAB key ).
• Alt text to images.
• Maintain color contrast.
HOW?

20. LEARN
ABOUT QUESTIONS
WhatsApp
WhatsApp
WhatsApp
WhatsApp

21. LEARN
ABOUT QUESTIONS
UX DESIGN
Define
Research
Analysis Design
Prototype
Test Launch

22. LEARN
ABOUT QUESTIONS
UX DESIGN
Define
Research
Analysis Design
Prototype
Test Launch

23. LEARN
ABOUT QUESTIONS
UX DESIGN
Define
Research
Analysis Design
Prototype
Test Launch

24. LEARN
ABOUT QUESTIONS
Looking like a wow!
Working like a meow!

25. LEARN
ABOUT QUESTIONS
Wireframe
Low-fi wireframe Hi-fi wireframe

26. LEARN
ABOUT QUESTIONS
Prototyping
LO-FI WIREFRAME HI-FI WIREFRAME PROTOTYPE

27. LEARN
ABOUT QUESTIONS
Launch

28. LEARN
ABOUT QUESTIONS
Q&A
Type your questions here……

29. LEARN
ABOUT QUESTIONS
Samujjal_12
9707340065
Samujjal Talukdar