Master Digital Product Design - UX Research & UI Design Flashcards
How many digital products fail?
70-90%
this tells us
how important it is to take great care in desiging a product
senior UI, UX managers, etc. may be those who failed
we must be careful who we take advice from
bigger budgets, larger teams, more time still failed
Why is this failure rate important?
People will be anxious in your organization
70-90% of digital products fail
being a designer is hard
skills that make you a good designer…
managing expectations
seeing an argument from both views
come up with multiple solutions
What will facebook do today?
Buy an entire design company
because they can’t hire enough designers
there is a design shortage
What’s the problem today?
There is a design shortage
those with senior UI/UX design jobs
maybe didn’t study design, just have experience
companies don’t know what they’re looking for
“make it look like apple”
What are we going to be looking at throughout the course?
Design history
it started long before 2000
before computers
history of psychology, neuroscience, politics
behavior, aesthetics, etc.
What’s the problem with a senior UI, UX designer with 12 years experience?
They probably didn’t study design properly
they may not have studied politics or psychology
repeating mistakes
Why do we want to make sure we learn from a range of designers, not just digital product designers?
digital designer with experience giving advice
may not have studied design properly
we will study designers from other industries
can learn from them
What’s going to help us become better designers?
improving communication skills
creativity
perception
**allows us to conduct better interviews with users, etc.
Cannot follow Google, Facebook
reading blog posts about specific processes, not helpful
master the basic skills of design
90% of blog posts discuss their personal system
theories and quotes don’t actually make sense often
design advice worked for them
you have a unique design with unique resources
they’re 5 steps won’t work for you
What is a challenge for designers?
What user’s say they like and what they actually use are different
What users “like” and what users actually use are large
What did people think designers did for a website?
Made a website look pretty
web design made make website be pretty
initially websites had signifiers like shading on buttons
to simulate clickability, navigation
different fonts, gradients, round corners
then Apple started flattening things for aesthetics
decreases UX, etc.
Flat 2.0…
mostly flat, some shadows
lead to more usable website
Totally flat websites…
wrong!
learning about memory, using texture increase memory
learning about perception, see things differently
Problem?
senior UI, UX people without proper design understanding still promoting them
What is one of the most important activies I can do as a designer to excercise creativity and perception while being more aware of whats out there?
https://dribbble.com/
take different designs
re-create in different styles
should do this often, regularly
excercise muscles
incredibly valuable practice
do this as regularly as you have time
copy the inspiration, not the design
will improve your perception skills
use these sites to excercise design muscles
What’s the problem with design and designers today?
They are designing for looking pretty or impressing colleagues
rather than designing to solve real business challenges
- Too many designers are designing to impress their peers rather than address real business problems.*
- Things that look great but don’t work well. Perfect pixel executions of flat design, but work that doesn’t address real business goals, solve real problems people have every day, or take a full business ecosystem into consideration.*
- the best job applicants I’ve seen sent in their thought process. Sketches. Diagrams. Pros and cons. Real problems. Tradeoffs and solutions. Prototypes that illustrate interaction and animation. Things that move, change and animate. *
- If product design is about solving problems for people within the constraints of a specific business, then it simply feels that many people calling themselves product/UX designers are actually practicing digital art. They are Artists. They are Stylists. Executing beautiful looking things, certainly an important skill, but not practising product design.*
What should we do to work our perceptive, creative and design muscles?
great admiration of another artist can be an excellent starting point for creating something entirely new and unique.
Every designer in the world is working with roughly the same basic tools: the same range of colors, the same interfaces, the same alphabets, the same shapes.
- Consider what would happen if every UI or UX designer out there tried to come up with a completely original design. All the patterns that users are accustomed to, that make websites usable without an instruction manual, would be lost. Things like top navigation, links being underlined, headings creating a hierarchical structure to content, and so many other elements that are taken for granted by users, would disappear. Even things like browser compatibility would be impossible.*
- Without copying and building on the work of other designers, there would be no websites.*
Soln?
When looking for inspiration, designers should consider what they can add to the work of others. Where can they make it better? More useful? More elegant? More efficient?
Find inspiration in other designers, cultures, etc.
draw inspiration like color schemes, etc.
from religious or sacred items
elevate the sources of inspiration so that the end result is more than the sum of it’s parts
What is vital?
excercise design muscles
find inspiration and upload your own take of styles, etc.
Why is it better to learn about concepts than about processes?
We have unique situations
apply concepts
understand design
think for yourself
following someone else’s process won’t work
What is design?
solving problems
someone who takes time to understand a problem
clarify outcomes, create structures, outline interactions
NOT about making a website pretty
it’s about solving a problem with:
outcomes, structures, interactions, visuals
each layer builds upon the other
What does giving advice to someone make us?
A hero or a bully
robs them of opportunity to solve challenge on their own
Who were the first designers?
Qin Shi Huang
noticied a problem with military equipment
non-uniform, couldn’t be easily used by everyone
set of requirements or design for each item
how much tension for a bow?
how much each sword should weigh?
valued uniformity in design
Roman Empire
designs and specifications for armor and weapons
aesthetics was a value
uniforms needed to look the same for pride, unity, status, respect toward army
design specifications were about emotion vs. utility
about user experience vs. utility of item
What is the book of ingenious devices?
published 800 BC in modern day bagdad
engineering capital of work for hundreds of years
hydrolics, pumps, combustion engines
most mechanisms were created to make toys
designs were created for emotional reasons not utility
What drives innovation?
human experience
modern day inventions were created for play
roman armor was for emotion, pride, unity
most human innovation has come about for emotional reasons
What is a designer?
A planner
writes down or draws the requirements of a product
manufacturing happens elsewear
Why?
division of labor
How?
a division of labor was created between artisans and craftspeople
designer creates specifications, design, plan
someone else manufactures
Ex Fashion designer decides how clothing will look
garment is made elsewear
digital product designer plans digital product
it’s build elsewear
When did the designer job come about?
1850s
division of labor between artisan and craftsman
those that define specification
those that put something together
What is Atomic Design?
Brad Frost
start with smallest unit (button shadding, margin, button colors)
compose into a component
bring those together into a larger system
create a template
each page built using these re-usable components
What’s Jacob’s Law?
Build website as similar to other websites users are viewing
What is Bootstrap?
people working out how icons and navigations
guidelines for how an App should work, etc.
someone designing components
another drawing wireframes (composing)
division of labor:
UI designer - components, colors, margins
UX designer - screens, navigations, etc.
What is the difference between an UI designer and an UX designer?
UI designer
person who designs components
font sizes, button colors, margins
UX designer
person who designs wireframes
How should we approach decision making?
ask first, how important it is on a scale of 1-10
if it’s an 8, 9, 10
know to put a lot of effort into it
the more important the rules, the more important the decision
What do biases do for us?
help us save time making a decision
rely on previous decision
most decisions based on hard wired programming
subconscious
How can we design a menue?
innovation, creating something new
try some food posibilities
combine mixing new elements, test it, ask people for feedback if they would buy
write recipe down (design)
What is design?
an important plan (original) that doesn’t rely on existing solutions (biases)
involves creating the plan and documenting it so someone can build it
What do we want to continually do as designers?
look for reasons why we are wrong
arrogance is the enemy of design
What is happening that needs to stop?
wrong rules
took a rule that applied to one medium (newspapers) and assumed it applied everywhere else (websites)
why?
early digital designers brought ideas from other catagories and formalized them into rules
years later, after testing, it was found that these rules don’t work
Ex. Newspaper stands and cramming things above the “fold” in the website
What should we be careful of using when designing?
rules in design
only guidelines
must use your own thinking and understandings
How do user values drive user experience?
Why we don’t have same phones or cars?
Because….
we have different values
Different cars example:
Why do people have different cars?
Because of different values:
first person values fun
second person values safety
third person values reliability
They may all experience the cars simlularly but they each value a different thing
How should we view our user interface?
understanding different people will experience it differently based on their values and/or their environment
need to measure the right people in the right context
get actual people to the right context for testing
What is the first step in designing a product for people?
understanding their goals, motivations, needs, desires and values
Why?
Different people choose iPhone vs. Android
Sports car vs. Van
because of different values
Soln?
We must design our products for the specific values and context of our users using the product
Who is your user?
What is their desired end-state
What motivates them to get there?
What is user experience?
overall experience of a person using a product
based on their values and the context
must design a product and an experience
Quote:
- The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high-quality user experience in a company’s offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design.*
- It’s important to distinguish the total user experience from the user interface (UI), even though the UI is obviously an extremely important part of the design. As an example, consider a website with movie reviews. Even if the UI for finding a film is perfect, the UX will be poor for a user who wants information about a small independent release if the underlying database only contains movies from the major studios.*
Where were designers born?
Out of the division of labor
breaking up production line from product design
you still need to report back to production line
need to be a rockstar innovator and a team player on production line
What do I think is good vs. bad design?
Intial (start of course)
Good:
a product that is safe, durable, easy to use, simple, has a positive aesthetic, portable
a website that is visually appealing, strong imagery, good color, easy navigation, simple call to actions, good user flow
a mobile app that is visually appealing, easy to navigate and use, offers content user is interested
a good designer someone who can sketch user story, user outcomes, UI elements, annimations, UX flow, prototype and test assumptions, aid engineering team in implementation
Bad:
a product that is unsafe, unreliable (breaks down), complex or challenging to use or learn, ugly or large
a website that is very ugly, links all over, no visual pictures, glitchy, doesn’t click or viewable
a mobile app that freezes, buttons don’t click or work, screens are weird
a bad designer, someone who can’t sketch out an idea, poor visuals in prototype, slow to produce UI/UX pdf, lacks understanding of colors or textures, doesn’t support testing and iteration
Where should we get our input?
as designers, should get inspiration daily
blogs, inspiring visuals, etc.
look at how other people solved challenges
Medium, 99u, adobe
be aware of authors motives
jnd.org
challenges perceptions, etc.
high quality shares
nngroup.com
really good for hard core user research testing
have idea of idea and how it’s done
compromised by bias
Why is it good to look at dribble?
looking at complicated designs
seeing visual representation to how problems solved
can analyze solutions deeply
maybe solving valuable problems
look at other than digital design
Why?
most digital product fail, advice is probably failing advice
Soln?
look at calendars, look at beer can designs, interior designs
What do I value vs. don’t value?
Values:
iphone
because it’s thought of as attractive, high class, wealthy
white people associated (middle class)
I value privacy and security of data
because I value not feeling ashamed
I value aesthetics
I value fitness
I value experts
I value customer experience
I value user empowerment and Apple’s value
screen resolution, camera quality
I value battery life
I value excitement
Don’t value:
android
it’s thought of as black people oriented
poor people use it
because I’m afraid of failing
not secure
I don’t value unkept look
I don’t value someone who isn’t the best (expert)
How do we conduct a values interview?
ask someone…
what is it about xyz (product) that you value?
Ex. Android
What is it that you value about android?
let them speak without guiding them…
battery life? camera quality? privacy of data?
**this will improve your interview skills
What do I want my future job role to include?
I want to be a media buyer, ad designer
design, run and test ads…
Facebook, Snap, Tik tok, retargetting, email
help design the UI and user experience
help lead the engineering team for milestones, developments, etc.
like a product owner
from marketing to digital experience
Who was Michael Thonet?
First man to introduce division of labor
designed a simple, six piece chair
unskilled labor were able to assemble it
after this point..
there was a designer who concieved it
and there was a factory worker who created it
How were products developed prior to Michael Thonet’s time?
A single person would concieve and create a product
Michael Thonet himself was a carpentor
he created the Number 14 chair design at an older age
after this point there was a division of labor
a designer who conceived of a product
and a factor worker who built it
What happened after Michael Thonet?
division of labor
a designer who decides how a product looks and fits together
a series of factory processes and laborers who will put it together
What does a designer do?
originated in 1850’s from a division of labor
a designer:
specifies the structural properties of an object
it’s created else wear
a designer is a planner
Ex.
Fashion designer plans how a garmet looks
the garment is made elsewear
a chair designer plans how the chair will fit together
the chair is made elsewear
a digital product designer, plans how the digital product works
the product is created by someone else
a user experience designer plans
When was the designer job created?
Division of labor
What used to be an artisan, craft person
now we had a person who conceived what product would be
design is synonymous with plan or strategize
What division of labor happened at General Electric?
a group of programmers built the component library
another group put them together into wireframesUX designers
division of labor in web design
UI designer
component designer
buttons, icons, padding
UX designer
wireframes and pages
take the predetermined component libraries
fit them together to make wireframes and pages
What is an artisan?
A person who designs (conceives) of the
product and makes it
What was his job?
Help a group of people get clarity on what it was they wanted
to reach an agreement
show them what it would look like
before he built it
digital design is more about collecting a shared understanding from a group of people, documenting it and getting everyone to agree on it
What did the author begin doing when projects got larger and more complex?
Atomic design
instead of designing whole page
start with tiniest bit of a page (heading text, font sizes on page, padding on button)
then start adding components (how do buttons work on a popup)
work your way up, having a template for a list page
create a blog list page know how it’ll look
button text always bold, action buttons always read
decisions made early on
built re-usable components
What aided individuals doing Atomic design for digital products?
Jacob’s Law
people spend most time on other websites
use other websites to inform how we design component libraries
make everything on your website work as similar to average website on internet
mobile phone navigation bar
uipatterns.com
average person
ux.stackexchange.com
good place to ask about specific design problem in an app
nothing innovative, defined rules for situation
What did General Electric do?
created a framework for how applications should work
shared this framework with other teams
now, each new application had consistent styles
menu and navigation bars were consistent
this was first Bootstrap like framework
What two jobs were web designer split into?
UI designer
the person who designers the parts
UX designer
the person who designs wireframes