1. This work is licensed under the Apache 2.0 License
Compose Camp
Insight to UI/UX
2. This work is licensed under the Apache 2.0 License
What is UI?
UI stands for user interface design. It is all
about what users actually see on the
application’s screen such as text, colors,
backgrounds, icons, and moving elements like
animations.
3. This work is licensed under the Apache 2.0 License
What is UX?
UX stands for user experience design which
focuses on studying how users move through all
the different elements of the UI.
4. This work is licensed under the Apache 2.0 License
Importance of UI/UX in software development
Usability
Great design delivers
engaging content and
simple navigation for
your customers.
Allows people to
understand
A user-friendly app
keeps people from
leaving and to have a
better understanding
about the application.
Establishes your
brand
Investing in an effective
Ul /UX design trends to
improve customer loyalty
and also contributes to
happier customers. People
want to partner with brands
that please them.
Lower costs and
time management
You have a little risk that
your clients would have an
issue with your application if
you invest in a great UI/UX
design.
5. This work is licensed under the Apache 2.0 License
Career Prospects
● User Researcher
● Wireframe Expert
● UI/UX developer(involves coding like HTML,CSS,Javascript)
● Information Architecture(UX Designer)
● Visual Designer( UI Designer)
● Interaction Designer
● Product Designer
● Usability Tester
● UX Design Manager
6. This work is licensed under the Apache 2.0 License
7. This work is licensed under the Apache 2.0 License
Personal experience as developer
● Productive Work flow.
● Get a clear overview about problem statement.
● Increase user engagement on your app or
website.
● Effective UI/UX design supports SEO.
8. This work is licensed under the Apache 2.0 License
1. Exploration
Exploration of user needs
through observation or
surveys
Generation of design
ideas using brainstorming
and design synthesis
techniques
Formalisation of design
solutions through
sketching and iterative
prototyping
Iterative valuation of
the solutions
designed through
user testing
2. Ideation 3. Prototyping 4. Evaluation
How to approach in building a UI as a UI designer
10. This work is licensed under the Apache 2.0 License
Typography
Google fonts
fonts.google.com
Dafont
dafont.com
Font Squirrel
fontsquirrel.com
Font Space
fontspace.com
Font Fabric
fontfabric.com/free-fonts
Urban Fonts
urbanfonts.com
11. This work is licensed under the Apache 2.0 License
Images
Unsplash
unsplash.com
Pexels
pexels.com
Free Images
freeimages.com
Freepik
freepik.com
Stockvault
stockvault.net
Pixabay
pixabay.com
12. This work is licensed under the Apache 2.0 License
Inspiration
Dribble
dribble.com
Mobbi
n
mobbin.com
Behance
behance.net
Pinterest
pinterest.com
UpLabs
uplabs.com
Awwward
sawwwards.com
13. This work is licensed under the Apache 2.0 License
Youtube Channels
1. Punit Chawla
2. Figma
3. Santoro
Graphics
4. Akash Yadav
5. Udayraj Sathe
6. Nikhil Pawar
7. DesignCode
14. This work is licensed under the Apache 2.0 License
THANK
YOU