Introduction to UX and

Animation
Unit 6
What is UX Design?
• User experience (UX) designers focus on the experience that
users have while using products like websites, apps, and
physical objects. UX designers make those everyday
interactions useful, enjoyable, and accessible. The role of an
entry-level UX designer might include coming up with ideas to
address user problems, conducting research with users, and
designing wireframes, mockups, and prototypes.
Foundation of UX
• Foundation of UX Design is same as Foundation of UI Design
How to understand user?
• The first step in creating effective user personas is to identify
your target audience. This involves understanding who your
users are, what their needs are, and how they interact with your
product or service. You can do this by conducting user research,
which may include surveys, interviews, and observations. It’s
essential to gather data that is both quantitative (such as
demographic information) and qualitative (such as feedback on
product features).
• Start with the end-user in mind. When defining your
personas, focus on their needs and goals.
• Use a mix of quantitative and qualitative data to get a
complete understanding of your target audience.
• Be specific when defining your personas. Use real data to
create a detailed profile that captures their characteristics,
behaviors, motivations, and goals.
• Use empathy to understand your users and their experiences.
• Use personas to guide your design decisions, and to test and
validate design decisions.
• Regularly update and refine your personas to ensure that
they remain relevant
Elements of UX Design
• The five elements (in order of abstract to concrete) consist of
strategy, scope, structure, skeleton, and surface. Each layer
depends and builds upon the layer below it.
• Strategy
The first layer is strategy. In this phase, the designer gathers information and lays the
foundation while keeping in view the needs of the users and business objectives. The
designer researches who the users and the end-users are, as well as their needs, pain points,
etc.

• Scope
In the next layer, the designer decides on the idea and type of content they are designing.
They set their requirements and goals.

Functional requirements include functions and features that need to be added.

• Content requirements delineate the theme, images audio, videos that will help in creating
value and fulfilling requirements.
 • Structure
The third layer is structure. Here the designer decides the organization of
the design, and how the system will behave when the user interacts with the
product.

Interaction design builds upon the functional requirements to define the

function of the product and user interaction.

Information architecture builds upon the content requirements to define

how the content will be structured and arranged.

• Skeleton
This is the fourth layer. The designer puts together the previous pieces to
determine the visual form of the design. Here, the designer decides the flow
of information and movement from one screen to the next. The designer
makes sure that navigation is smooth and the presentation of information
facilitates user understanding
• Surface
This is the final layer. It is the amalgamation of the layers below.
The designer decides on the layout of the visuals, typography, styling,
and colors. The designer finalizes the final ‘surface’ that the user is
going to interact with to make it easy to use and navigate.
Principles of Visual Design
Functional Layout
more details
• Link
What is Interaction Design?
• Interaction design is a process of making human-to-computer
interfaces (HCI) feel human-like. Interactive digital products
create this “human” connection by giving feedback to the
end-users. The feedback can be through a scroll-provoked
animation, clicked state of a button or transition to another
page.
• Interaction design is about Interactions and movement
• A good use of interaction design successfully leads to positive
user experiences, including:

• Greater product satisfaction

• Deeper usability comprehension
• Faster learnability
• A deeper personal connection
• Increased likelihood of repeated use