UX Design - Lecture # 1.pptx

Lecture # 1
IntroducingUserExperience
Design
UX Design
Dr
.CMNadeemFaisal www.hci.uniovi.es/en-members.htm

UserExperience
Dr
.CMNadeemFaisal www.hci.uniovi.es/en-members.htm 2
The user experience is how a person, the user, feels about interacting with or experiencing a product. A
product is a good, service, or feature e.g., physical or a digital .

GoodUserExperience
Dr
A user to have a good experience, the product needs to be usable, equitable, enjoyable, and useful.
Usable : To begin, user experience is about improving the usability or making something easier to use. This
means that the design, structure, and purpose of the product are clear to everyone and ease to use.

GoodUserExperience
Dr
UX designers need to think about every person who uses the product. This might include people with
disabilities. For example, one user might find an app with a lot of text easy to use. On the other hand, a user
with a visual impairment might want different features like sound.
Equitable: If a product is equitable, it means a design is helpful to people with diverse abilities and
backgrounds. It addresses the needs of a diverse audience and ensures a high-quality experience is delivered
to all users regardless of background, gender, race, or ability. Equity means providing people with the tools
they need to accomplish their goals and support improved quality of life.

GoodUserExperience
Dr
Enjoyabletouse:Establishing a positive connection by taking a user's thoughts and feelings into account when
making products by ensuring that the product is enjoyable to use e.g. online reviews about a products that
may make you happy about knowing certain features about the that products to know.
So, If a product is enjoyable, it means the design delights the user. The design reflects what the user may be
thinking or feeling and creates a positive connection with them.

GoodUserExperience
Dr
Auser to have a good experience, the product needs to be usable, equitable, enjoyable, and useful.
Useful: Very able or competent in a particular area. A useful products, meaning they solve our problems. For
example, a map app telling you how to get home is useful if you're lost. But if the app can't find your current
location, it's not so useful anymore.

GoodUserExperience
Dr
Useful
easy to
learn
helpful
Attractive
Accessible
Connected Delightful
satisfying
confusing
stressful
ugly
distracting
inefficient
condescending
tedious
frustrating
inconsiderate
fun

AGoodUserExperience?
Dr
UX = The experience people have when they interact with your products.
 Using a product
 Choosing a product
 Acquiring a products
 Learning to use the products
 Fixing a products
 Upgrading the products

Jobsinthefieldofuserexperience
Dr
UX designers tend to be curious about people and like thinking about how people's minds work and enjoy
figuring out how people use products and how to make those products easier to use. UX designers are
empathetic too.
Empathy is the ability to understand someone else's feelings or thoughts in a situation, and it's a major part of
UX.

Dr
There are many different kinds of UX designers: interaction designers, visual designers, and motion designers.
 Interaction designers: focus on designing the experience of a product and how it functions. They strive to
understand the user flow, or the path, that a typical user takes to complete a task on an app, website, or
other platform.
 An interaction designer's work answers questions like: What should happen if a user taps on this button?
How do we make this action easier for users to complete? And, how are the design elements within the
website laid out? Interaction designers focus less on how the product looks and instead strive to make the
product easy to navigate and simple for users to interact with.

Dr
 Visual designers focus on how a product or technology looks e.g. logos, illustrations, and icons, font color,
size, and placement. Visual designers focus on the layout of each page or screen and make all of the
design elements fit together in a visually appealing way.
 The role of a visual designer is to answer questions like: What kind of visual style should icons have, in
order to fit the product's branding? Or, which color and font should we use for this button? The goal of a
visual designer is to delight users with designs that inspire, engage, and excite them.

Dr
 Motion designers think about what it feels like for a user to move through a product and how to create
smooth transitions between pages on an app or website. They may also create animations or visual effects
to bring their design ideas to life.
 A motion designer’s work answers questions like: How should an app transition between pages? How do
we show the connection between these actions? And, what’s an engaging animation that will help tell our
story? Motion designers focus on design elements that move, rather than traditional static designs.

Dr
.CMNadeemFaisal 13
www.hci.uniovi.es/en-members.htm
 Virtual reality : involves a wearable headset that takes over a user’s vision; it blocks out their physical
surroundings and immerses them in a completely virtual world. Augmented reality uses the physical world
as a backdrop and adds virtual elements on top of it.
 A VR or AR designer’s work answers questions like: How do we create a user experience that leverages 3D
space? Or, will this action cause a user motion sickness? To ensure users are comfortable immersing in a
VR or AR experience, designers need to carefully consider everything from sound to lighting.

Dr
 UX researchers conduct studies or interviews that examine how people use a product. UX researchers
often identify pain points that users are experiencing and explore how products can help solve those
problems. They also explore the usability of existing products, by asking users to complete tasks in an app
or website, for example.
 UX researchers answer questions like: What problems are users facing? Is the design of this product easy
to use? And, would people be interested in this new design feature? The goal of UX researchers is often to
understand how a product can provide a solution to a real problem users are having.

Dr
.CMNadeemFaisal 15
 UX writers think about how to make the language within a product clearer so that the user experience is
more intuitive. UX writers also help define a brand’s voice and personality. The work of UX writers often
includes writing labels for buttons and determining the tone of language used app or website.
 UX writers focus on answering questions like: What words should be used to communicate this idea
clearly? Should the tone for this app be friendly or technical? And, what should the language on this
button label say? UX writers often become subject matter experts in order to present content that’s easy
to understand for all users.

Dr
.CMNadeemFaisal 16
 UX program managers ensure clear and timely communication, so that the process of building a useful
product moves smoothly from start to finish. This might include setting goals, writing project plans, and
allocating team resources.
 UX program managers answer questions like: What are the overall goals for this project, and what’s the
plan to achieve them? And, how can we create and improve processes within the team? UX program
managers work across departments to make sure that UX is involved throughout a project lifecycle.

Dr
 UX engineers translate the design’s intent into a functioning experience, like an app or a website. They
help UX teams figure out if designs are intuitive and technically feasible.
 UX engineers answer questions like: How do we implement each interaction? How do we build this design
in a way that stays true to its original intent? And, how might we explore alternatives to determine the
best user experience? UX engineers synthesize design and development, bringing product concepts to life.

Dr
 Conversational interfaces are everywhere, from intelligent virtual assistants like Google Assistant.
Conversation designers make it possible for users to have natural conversations to get things done.
 Conversation designers answer questions like: What’s the ideal language and flow based on who users are,
the task to be accomplished, and the context of the conversation? Does the personality of the virtual
assistant seem genuine, engaging, and reflective of the brand values? How does the conversation work
with on-screen elements? Does the virtual assistant offer a consistent, usable, and useful experience end-
to-end?

Theproductdevelopmentlifecycle
Dr
The product development lifecycle is the process used to take a product from an idea to reality. A project
starts out with a team trying to solve some sort of problem and provide the best user experience. It has five
stages: brainstorm, define, design, test, and launch.

Dr
.CMNadeemFaisal 20
Ithas five stages: brainstorm, define, design, test, and launch.
 The first stage of the product development life cycle is the brainstorming stage when the team starts
thinking of an idea for a product. Your team might already know the user problem you want to solve
when you begin the product development life cycle. If not, coming up with a list of user problems is a
great place to start.
 It’s important to pay attention to the diversity of your team at this stage, e.g., race, gender, abilities,
family structure, age, and ethnicity.
 The brainstorming stage is also an ideal time to check out your product's competitors and identify if
similar products are available in the market. You want your product to fill a gap in the market or solve
a problem better than existing products. A UX designer at a large company might not be very involved
in the brainstorming stage. But a UX designer at a startup or small business could have a big role to
play!

Dr
.CMNadeemFaisal 21
It has five stages: brainstorm, define, design, test, and launch.
The UX designers, UX researchers, program managers, and product leads to define the product. The goal is to
figure out the specifications for the product by answering questions like: Who is the product for? What will
the product do? And, what features need to be included for the product to be successful?
 During the define stage, your team narrows the focus of your idea and a UX designer might help the
team pin down the focus of the idea, but a product lead will probably be the one to define the scope
of the project.
 The research you completed in the brainstorming stage comes in handy now. Using what you've
learned, you will pinpoint your potential users’ problems. Your team can’t assume they know what
problems users are experiencing without asking the users directly.

Dr
.CMNadeemFaisal 22
UX designers develop ideas for the product. Generally, start by drawing wireframes, which are outlines or
sketches of the product, then move on to creating prototypes, which are early models of a product that
convey its functionality. UX writers are also involved in the design stage and might do things like write button
labels or other copy within the product's wireframes and prototypes.
 UX designers make sure to include all of the product specifications that were outlined in the define
stage. For example, UX designers might check that the screens of an app flow in a way that makes
sense to the user. Or that each interaction, like tapping a button, has a correlating action, like an item
getting added to a cart.
 UX designers also make sure that each task a user needs to complete is clear and easy to understand,
like navigating from the homepage to the checkout confirmation page in an app

Dr
UX designers work with engineers to develop functional prototypes that match the original designs. The
designs go through at least three phases of testing: internal tests within your company, reviews with
stakeholders, and external tests with potential users.
 First, the team tests the product internally to look for technical glitches and usability problems. This is
often referred to as alpha testing.
 Then, the product undergoes a test with stakeholders to make sure the product is aligned with the
company’s vision, meets legal guidelines for accessibility, and follows government regulations for privacy,
for example.
 Finally, there’s an external test with potential users. This is the time to figure out whether the product
provides a good user experience, meaning it’s usable, equitable, enjoyable, and useful. This is often
referred to as beta testing.

Dr
Ithas five stages: brainstorm, define, design, test, and launch.
Finally, you’ve arrived at the fifth and final stage of the product development cycle: the launch stage, when
the product is released into the world!
 Marketing professionals on your team might post about the new product on social media or publish a
press release.
 Program managers also meet with the cross-functional team to reflect on the entire product
development life cycle and ask questions like: What worked and what could be improved? Were goals
achieved? Were timelines met?
 For a physical product, the launch stage might be the end of the product development life cycle. But
for a digital product, like an app or website, launching the product to a wider audience provides
another opportunity to improve on the user experience.

TheroleofabeginnerUXdesigner
Dr
As an entry-level UX designer, you’ll have a lot of exciting opportunities to gain experience. When you first
start out, you’ll probably take on a lot of different roles and responsibilities.

Dr
User research: User research is about understanding the people who use your product. Through research,
you’ll learn about users’ backgrounds, demographics, motivations, pain points, emotions, and goals. Your
research methods might include surveys, observations, and interviews. We’ll explore user research in much
more detail in an upcoming course.

Dr
Information architecture: Information architecture, or IA for short, involves deciding how your product is
organized and structured. Think of IA as a skeleton that outlines how users interact with your product.
Everything in your product should be organized in ways that make sense to the user and meets their
expectations.

Dr
Wireframing: A wireframe is a basic outline or sketch of a product or a screen, like an app or website. As the
name suggests, wireframes look like they were created with wires. They’re mostly lines and shapes, with
some text. Wireframes can be drawn by hand or created digitally using software. Wireframing helps you bring
your design ideas to life, so other people on your team can provide input and feedback.

Dr
Prototyping: A prototype is an early model of a product that demonstrates its functionality. Prototypes can be
in physical or digital formats and can vary in complexity. Sometimes a prototype is made to demonstrate one
specific feature of a product, like the transition between screens or the way the product physically looks and
feels. You’ll make multiple prototypes for any given product throughout the design process.

Dr
Visual design: Visual design focuses on how the product or technology looks. As a UX designer, you need to
understand the foundations of visual design in order to communicate the connection between a product’s
functionality and its appearance to users. You’ll learn some of the most important principles of visual design
throughout this certificate program.

Dr
Effective communication: Effective communication as a UX designer means connecting with your colleagues
through emails, meetings, presentations, and design software. UX design is a very collaborative field, so being
able to communicate both digitally and face-to-face with teammates is important. You need to be a good
listener, be receptive to feedback, and share your ideas in a clear way.

Specialistandgeneralistdesigners
Dr

Dr
Specialist: A specialist dives deep into one type of UX design, like interaction, visual, or motion design, and
becomes an expert. Specialist UX designers are more common at large companies that have a lot of designers,
like here at Google. Some of the benefits of becoming a specialist include:
 Focusing on one type of design that you enjoy more than others.
 Gaining deep knowledge of one type of design.
 Becoming well-known in the industry for your expertise in a particular type of design.

Dr
Generalist: A generalist has a broad number of responsibilities. A majority of UX design jobs are generalist
positions, especially at companies with fewer UX designers. Typically, entry-level UX designers work in
generalist roles, and some people choose to stay in generalist design roles for their entire careers. There are a
lot of benefits to being a generalist UX designer, like:
 Expanding your skills in many different types of UX work.
 Trying a variety of responsibilities and finding an area of UX that you’re especially passionate about.
 Keeping your job feeling fresh and new, while doing a variety of tasks.

Dr
T-shaped: A T-shaped designer is a specialist who also has a lot of
capabilities in other areas. T-shaped designers get their name
because the stem (or vertical line) of a T represents their
expertise in one area, while the top (or horizontal line) symbolizes
their related skills in a broad number of areas. T-shaped designers
are great to have on your team, since they come with the benefits
of both specialists and generalists.

TeamsthatUXdesignersworkwith
Dr
Engineers: Engineers translate designs into a functioning experience, like an app or a website. They help UX
teams figure out if designs are feasible from a technical standpoint and bring that idea to life. Working closely
with engineers and involving them early in the design process is critical to ensure your project is set up for
success.

Dr
UX researchers: UX research is all about understanding what users need and expect from your product. UX
researchers use methods like observations, interviews, and surveys to understand users' unique perspectives.
Findings from research can inform your design decisions each step of the way. If you work at a startup or small
business, there’s a good chance you’ll get to do your own UX research. At larger companies though, you’ll
likely work with designated UX researchers who will provide research findings to inform your design work.

Dr
Program managers: Program managers ensure clear and timely communication across the team, so that the
process of building a useful product moves smoothly from start to finish. Program managers supervise,
support, and keep track of the project as a whole. They assign tasks to team members, monitor the project
budget, and manage timelines, among other things. Think of your team’s program manager as your go-to
source of support when facing any setbacks or issues with your work.

Dr
Product leads: Product leads are in charge of ensuring the final product’s success and communicating with
stakeholders. Your product lead will define the project’s core goals and deliverables, so you can focus on
creating innovative design solutions. At some companies, product leads are known as product managers.

Dr
Other UX designers: In many cases, you won’t be the sole designer working on a given project, especially if
you work at a larger company and when you're a new designer. For example, as an entry-level UX designer,
you might collaborate with a more experienced visual designer who can ensure that your designs adhere to
the company’s brand standards for things like color and font. Working with other designers is a great chance
to learn and ask questions!

Theinfluenceofcompanysizeandindustry
Dr
Startups and small businesses
Startups are new businesses that want to develop a unique product or service and bring it to market. Small
businesses are privately owned businesses with few employees. A lot of UX designers are excited to start
work at startups or small businesses because they can see the impact of their work more quickly and develop
a broader range of skills.

Dr
Advantages
 Team size: Close-knit team and able to work directly with upper management.
 Growth: Opportunity for growth due to taking on many responsibilities (visual design, interaction
design, user research, and more).
 Creativity: Usually more creative freedom with fewer guidelines and processes.
 Impact: Lots of impact on final products, with few people working on a project.
Disadvantages
 Mentorship: Fewer mentors to choose from within a smaller company.
 Responsibility: Most of the responsibility for a UX project falls solely on you, which can be stressful if
you have little UX experience.
 Speed: Have to be comfortable working quickly and launching work that isn’t perfect, with little
oversight.

Dr
Big companies
At a big company, like Google, you’re likely to work in teams on a specific project. Lots of UX designers want to
work at big companies with the people who developed some of the most well-known products in the world.
UX teams at larger companies tend to be more compartmentalized by specialization, making it easier for you
to become an expert in one particular area of UX.

Dr
Advantages
 Mentorship: A variety of experienced designers and other UXers to learn from.
 Growth: Lots of opportunity for growth because there are many levels of designers and management.
 Guidelines: Clearer guidelines to keep products uniform and on brand.
 Team size: More people working on one project, which means you’re better able to focus on your
specific responsibilities.
 Specialization: Opportunity to focus on one particular area of design.
Disadvantages
 Team size: May feel less impactful or important as a contributor with lots of other designers on the
project.
 Impact: May feel small at a company with so many features and products.
 Guidelines: Defined guidelines can be restrictive to creativity.

Dr
Design agencies
A design agency is a one-stop-shop for visual brands, products, and services. Working at a design agency can
be similar in some ways to working at a small business or startup, except you have multiple companies as your
clients. Many agencies tend to work on a broad range of products, so you can explore many kinds of styles
and approaches to UX design.

Dr
Advantages
 Impact: Lots of impact on projects, if you’re the only UX designer on the team.
 Networking: Opportunity to work with senior stakeholders, different teams, and diverse clients.
 Exposure: Exposure to lots of companies and industries with different clients.
 Resume: Potential to work with large brands and display that work in your portfolio.
Disadvantages
 Mentorship: Lack of mentorship if you are the only UX designer on a project.
 Monotony: Depending on the agency, you could work only on the same type of projects.
 Ownership: Might not be able to work on a project from start to finish.
 Finished product: Products you work on might not launch, depending on client priorities.

Dr
Advertising agencies
A lot of UX designers work at advertising agencies, which are teams of creatives hired by clients to build
marketing campaigns. Sometimes called “creative technologists,” these designers work to create ads for
brands using UX principles. This is a great option if you’re open to learning some interesting skills outside of a
core UX design role.

Dr
Advantages
 Autonomy: Little to no middle management means more autonomy over your work.
 Learning: Opportunity to learn about other disciplines, like branding, marketing, and graphic design.
 Variety: Every project is different based on the client.
 Networking: Work with a bunch of different brands, clients, and teams.
Disadvantages
 Specialization: Wide variation in projects, so you might not be able to hone in on specific skills easily.
 Relevance: Work may often involve branding and marketing, and might not focus on UX design.

Dr
Freelancers
Freelancers are self-employed UX designers who are hired by clients for their independent services. Being a
freelancer gives you a lot of freedom, and it’s a great way for new UX designers to gain experience in the field
and add work to their portfolio.

Dr
Advantages
 Schedule: Set your own hours since you’re self-employed.
 Flexibility: Can freelance while working another job or balancing competing priorities.
 Autonomy: Choose the work that you want to do.
 Experience: Build your portfolio, especially if you don’t have a full-time UX job.
Disadvantages
 Structure: No one to report to, which means you have to be responsible for getting work done on
time.
 Stability: Less stable than working for a company or agency, since work is not always guaranteed.
 Business: Manage the logistics of your own business, such as filing taxes, billing clients, and more.
 Mentorship: Lack of readily available mentors since you’re working by yourself.

Any question ?
Thanks
Dr

Reference
1. Sommerville, I. (2016). Software Engineering GE. Pearson Australia Pty Limited.
BEST FOR You
O R G A N I C S C O M P A N Y
Dr

UX Design - Lecture # 1.pptx

More Related Content

Similar to UX Design - Lecture # 1.pptx (20)

Recently uploaded (20)

UX Design - Lecture # 1.pptx