This document discusses UI/UX design and provides information on the field. It defines UI design as focusing on the visual experience and how users interact with and navigate interfaces. UX design is described as understanding user needs through research and designing easy-to-use flows and interfaces. The document lists some of the best tools for UI and UX design and outlines the typical workflow as understanding needs, research, designing wireframes, prototypes, and interfaces, testing, and updating. It provides references for further information on UI design, the difference between UI and UX, best design tools, and examples of interactive UI design.

1. UI/UX DESIGN
E.SRINIDHI REDDY
Roll no: 17881A1245
GUIDE NAME:B.HARISH GOUD

2. • UI/ UX Design is an upcoming design specialization
which is gathering a lot of interest with respect to the
ever-changing world.
• As businesses are making their presence felt online, UI/
UX design is fast becoming a very important as well as
popular design specialization.
MOTIVATION

11. • UI design focuses on the user’s visual
experience. It determines how a user
interacts with an interface—be it an app, a
video game or a website.
• It’s all about how the user navigates from A
to B via different visual touch points. Think
tapping a button or swiping through pictures.

12. Graphical user interface
Voice controlled Interface
Gesture based Interface
User interfaces are the access points where users
interact with designs. They come in three formats:

13. LAWS OF UI DESIGN
oLaw of Clarity
oLaw of Preferred action
oLaw of Context
oLaw of Defaults
oLaw of guided actions
oLaw of feedback
oLaw of easing

14. What the UI/UX Workflow is Like?!
Understanding
Research
Insights
Creating
Information
Architecture
Designing
Wireframes
Organizing
UX Flows
Rapid
Prototype
Building
Design
System
Designing
User
Interface
Add Motion
Design
Design
Governance
Test,
Improve &
Update

15. Here are some of the best UX design tools
FlowMapp Treejac
k

16. Here are some of the best UI design tools
InVision Studio ProtoPi
e
Webflo
w
Axure

17. Here are some outputs of the works done on
those design tools

20. REFERENCES
• https://www.interaction-design.org/literature/topics/ui-
design#:~:text=User%20interface%20(UI)%20design%20is,e.g.%2C%20voice%2
Dcontrolled%20interfaces.
• https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-
design-a-laymans-guide/
• https://www.creativebloq.com/how-to/20-best-ui-design-tools
• https://medium.com/@tristaljing/26-best-interactive-ui-design-examples-for-
your-inspiration-in-2019-c1d8106338f8
• https://www.blog.digitecintl.com/what-uiux-workflow-is-like/