My Projects
Home
Free AI Hard Skills Generator
UX Design Hard Skills
UX
Design
—
Hard
Skills
DO MAINS
01
User
Research
&
Discovery
02
Information
Architecture
03
Interaction
Design
04
Visual
&
Interface
Design
05
Design
Systems
&
Documentation
06
Accessibility
&
Inclusive
Design
07
Measurement
,
Analytics
&
Experimentation
08
Technical
Fluency
09
Service
&
Systems
Design
10
Collaboration
,
Facilitation
&
Craft
Ops
1 / 10
01
User
Research
&
Discovery
10
SKILLS
Running
studies
that
produce
decisions
,
not
just
quotes
—
choosing
the
right
method
,
recruiting
the
right
participants
,
and
reporting
findings
in
a
form
teams
can
act
on
.
Qualitative
user
interviews
Writing
discussion
guides
,
moderating
without
leading
,
and
affinity
-
coding
sessions
into
themes
.
Contextual
inquiry
&
field
studies
Observing
users
inside
their
real
environment
,
tools
,
and
interruptions
rather
than
in
a
lab
.
Moderated
usability
testing
Task
design
,
think
-
aloud
protocol
,
probing
follow
-
ups
,
and
severity
-
rated
findings
.
Unmoderated
testing
at
scale
Setting
up
remote
studies
,
triaging
video
highlights
,
and
separating
signal
from
noise
.
Survey
design
&
analysis
Unbiased
question
wording
,
sampling
,
cross
-
tabulation
,
and
open
-
text
coding
.
Card
sorting
&
tree
testing
Open
and
closed
sorts
,
dendrogram
interpretation
,
and
tree
-
test
path
analysis
.
Diary
studies
Longitudinal
prompts
,
participant
retention
,
and
week
-
over
-
week
behavioural
signals
.
Jobs
-
to
-
be
-
done
interviews
Switch
timelines
,
forces
diagrams
,
and
turning
interviews
into
job
statements
.
Competitive
&
comparative
analysis
Heuristic
teardowns
,
feature
parity
matrices
,
and
evidence
-
based
differentiation
.
Research
operations
Recruitment
pipelines
,
screeners
,
consent
and
incentives
,
and
insight
repositories
.
T O O LS
Dovetail
·
Maze
·
UserTesting
·
Lookback
·
Qualtrics
·
Optimal
Workshop
2 / 10
02
Information
Architecture
5
SKILLS
Deciding
what
exists
,
what
it
is
called
,
and
how
it
connects
—
the
structural
layer
that
most
navigation
complaints
actually
come
from
.
Sitemaps
&
navigation
models
Global
,
local
,
contextual
,
and
utility
navigation
mapped
to
real
user
entry
points
.
Taxonomy
&
labeling
systems
Category
structures
,
controlled
vocabularies
,
and
labels
written
in
user
language
.
Content
inventory
&
audit
Cataloguing
existing
content
and
scoring
it
for
accuracy
,
value
,
and
duplication
.
Task
flows
&
user
flow
diagrams
Mapping
entry
points
,
decision
branches
,
dead
ends
,
and
recovery
paths
.
Mental
models
&
wayfinding
Aligning
structure
with
how
users
already
expect
a
domain
to
work
.
T O O LS
Optimal
Workshop
·
FigJam
·
Miro
·
Whimsical
3 / 10
03
Interaction
Design
8
SKILLS
Defining
how
a
product
behaves
over
time
—
every
state
,
every
input
method
,
and
every
way
a
user
can
go
wrong
.
Wireframing
Low
to
mid
-
fidelity
layout
that
resolves
structure
and
hierarchy
before
visual
polish
.
High
-
fidelity
prototyping
Interactive
prototypes
with
real
data
and
real
timing
,
built
to
be
tested
not
admired
.
Interaction
states
&
state
machines
Defining
default
,
hover
,
focus
,
active
,
disabled
,
selected
,
and
transitional
states
.
Microinteractions
&
motion
specification
Triggers
,
duration
,
easing
curves
,
and
reduced
-
motion
alternatives
.
Input
patterns
—
pointer
,
keyboard
,
gesture
Designing
equally
for
touch
,
mouse
,
trackpad
,
and
physical
keyboards
.
Form
design
&
validation
logic
Field
order
,
inline
validation
timing
,
error
messaging
,
and
input
masking
.
Error
prevention
&
recovery
Constraints
,
confirmations
,
undo
,
and
reversible
destructive
actions
.
Edge
cases
—
empty
,
loading
,
partial
,
error
Designing
the
states
that
ship
broken
when
nobody
writes
them
down
.
T O O LS
Figma
·
ProtoPie
·
Framer
·
Rive
·
Principle
4 / 10
04
Visual
&
Interface
Design
7
SKILLS
Making
the
interface
legible
,
consistent
,
and
credible
—
craft
decisions
that
determine
whether
a
product
reads
as
trustworthy
.
Layout
&
grid
systems
Columns
,
gutters
,
baseline
alignment
,
and
optical
adjustments
at
real
breakpoints
.
Interface
typography
Type
scales
,
line
height
,
measure
,
and
numeric
and
tabular
figure
treatment
.
Color
systems
&
accessible
contrast
Semantic
palettes
,
tonal
ramps
,
and
contrast
ratios
that
hold
up
in
every
state
.
Iconography
&
illustration
direction
Consistent
stroke
weight
,
optical
sizing
,
and
briefs
that
keep
a
library
coherent
.
Spacing
scales
&
visual
rhythm
Applying
a
4
or
8-
point
scale
so
density
reads
as
intentional
,
not
accidental
.
Responsive
&
adaptive
layout
Breakpoint
strategy
,
fluid
sizing
,
and
content
reflow
beyond
simple
stacking
.
Dark
mode
&
multi
-
theme
design
Elevation
without
shadows
,
adjusted
saturation
,
and
image
treatment
across
themes
.
T O O LS
Figma
·
Adobe
Illustrator
·
Radix
Colors
·
Typescale
5 / 10
05
Design
Systems
&
Documentation
6
SKILLS
Turning
repeated
design
decisions
into
shared
infrastructure
—
and
keeping
that
infrastructure
alive
after
launch
.
Component
library
architecture
Primitives
,
composites
,
slots
,
and
variants
that
scale
without
a
sprawl
of
one
-
offs
.
Design
tokens
(
W
3
C
DTCG
format
)
Naming
tiers
,
semantic
aliasing
,
and
tokens
shared
across
design
and
code
.
Pattern
&
usage
documentation
When
to
use
,
when
not
to
use
,
and
the
accessibility
notes
engineers
actually
read
.
Contribution
&
governance
models
Intake
processes
,
review
criteria
,
and
who
owns
the
system
on
any
given
quarter
.
Versioning
&
deprecation
policy
Semantic
versioning
,
migration
notes
,
and
retiring
patterns
without
breaking
product
.
Library
maintenance
&
adoption
metrics
Tracking
detach
rates
,
coverage
,
and
which
components
teams
quietly
avoid
.
T O O LS
Figma
Variables
·
Tokens
Studio
·
Storybook
·
Zeroheight
·
Supernova
6 / 10
06
Accessibility
&
Inclusive
Design
7
SKILLS
Designing
for
the
full
range
of
human
ability
—
a
legal
requirement
in
many
markets
and
a
quality
bar
everywhere
else
.
WCAG
2.2
AA
conformance
Applying
success
criteria
at
design
stage
instead
of
fixing
failures
in
QA
.
Screen
reader
testing
Crafting
and
testing
against
VoiceOver
,
NVDA
,
and
JAWS
reading
order
and
announcements
.
Keyboard
navigation
&
focus
management
Logical
tab
order
,
visible
focus
,
focus
trapping
,
and
skip
links
.
ARIA
semantics
&
landmark
structure
Roles
,
names
,
and
values
that
make
dynamic
interfaces
understandable
.
Contrast
&
non
-
color
affordances
Status
communicated
by
more
than
hue
—
icons
,
labels
,
weight
,
and
pattern
.
Cognitive
,
motor
&
low
-
vision
accommodation
Target
sizing
,
timing
,
plain
language
,
and
reduced
-
cognitive
-
load
patterns
.
Alternative
text
,
captions
&
transcripts
Writing
meaningful
alt
text
and
specifying
accessible
media
from
the
start
.
T O O LS
axe
DevTools
·
Stark
·
VoiceOver
·
NVDA
·
Colour
Contrast
Analyser
7 / 10
07
Measurement
,
Analytics
&
Experimentation
7
SKILLS
Proving
whether
a
design
change
worked
—
and
knowing
when
a
result
is
too
small
or
too
early
to
believe
.
Event
taxonomy
&
instrumentation
plans
Naming
conventions
,
trigger
definitions
,
and
properties
agreed
with
engineering
before
build
.
Funnel
&
cohort
analysis
Locating
drop
-
off
,
segmenting
by
cohort
,
and
distinguishing
cause
from
correlation
.
A
/
B
and
multivariate
testing
Hypothesis
writing
,
variant
design
,
and
reading
results
without
p
-
hacking
.
HEART
,
SUS
&
UMUX
-
Lite
measurement
Perceived
usability
benchmarking
that
is
comparable
across
releases
.
Task
success
,
time
-
on
-
task
&
error
rate
benchmarks
Defining
usability
metrics
with
pass
criteria
before
a
study
begins
.
Statistical
literacy
Significance
,
power
,
sample
size
,
confidence
intervals
,
and
practical
significance
.
Session
replay
&
heatmap
analysis
Qualitative
behaviour
review
of
rage
clicks
,
dead
clicks
,
and
scroll
abandonment
.
T O O LS
Amplitude
·
Mixpanel
·
Looker
·
Optimizely
·
Hotjar
·
Maze
8 / 10
08
Technical
Fluency
6
SKILLS
Enough
technical
understanding
to
design
within
real
constraints
and
hand
off
without
leaving
engineering
to
guess
.
Semantic
HTML
Elements
,
headings
,
and
document
structure
that
assistive
technology
can
parse
.
CSS
layout
—
Flexbox
,
Grid
,
container
queries
Understanding
what
actually
reflows
and
what
breaks
when
content
grows
.
JavaScript
&
React
fundamentals
Component
thinking
,
props
,
state
,
and
conditional
rendering
in
design
terms
.
Git
&
branching
workflows
Branches
,
pull
requests
,
and
reviewing
your
own
changes
in
a
repo
.
API
,
schema
&
data
-
model
literacy
Reading
endpoints
and
payloads
to
design
around
real
data
shapes
and
latency
.
Design
-
to
-
code
handoff
Annotated
specs
,
token
references
,
Storybook
links
,
and
redlines
engineers
trust
.
T O O LS
VS
Code
·
GitHub
·
Chrome
DevTools
·
Storybook
·
Postman
09
Service
&
Systems
Design
4
SKILLS
Zooming
out
from
the
screen
to
the
full
service
—
the
people
,
channels
,
and
backstage
processes
that
deliver
it
.
Customer
journey
mapping
Current
-
state
and
future
-
state
maps
with
stages
,
touchpoints
,
emotions
,
and
pain
points
.
Service
blueprints
Frontstage
actions
,
backstage
processes
,
support
systems
,
and
failure
points
.
Stakeholder
&
ecosystem
mapping
Who
influences
,
blocks
,
or
benefits
—
plotted
by
interest
and
influence
.
Value
proposition
&
business
model
canvases
Connecting
user
needs
to
what
the
organisation
can
sustainably
deliver
.
T O O LS
Miro
·
Smaply
·
Lucidchart
·
FigJam
9 / 10
10
Collaboration
,
Facilitation
&
Craft
Ops
6
SKILLS
The
working
methods
that
turn
individual
craft
into
team
output
—
how
design
decisions
get
made
,
challenged
,
and
shipped
.
Design
critique
facilitation
Structuring
feedback
around
goals
and
constraints
instead
of
personal
preference
.
Cross
-
functional
workshop
facilitation
Aligning
product
,
engineering
,
support
,
and
marketing
on
a
shared
problem
frame
.
Design
sprint
facilitation
Running
a
five
-
day
sprint
from
problem
framing
to
tested
prototype
.
Prioritization
frameworks
—
RICE
,
Kano
,
MoSCoW
Scoring
and
sequencing
work
in
a
way
stakeholders
can
argue
with
productively
.
Design
QA
&
pixel
review
Reviewing
staging
builds
against
spec
across
browsers
,
breakpoints
,
and
states
.
Agile
ceremonies
&
backlog
refinement
Working
in
sprints
,
slicing
design
work
,
and
estimating
alongside
engineering
.
T O O LS
FigJam
·
Jira
·
Linear
·
Notion
·
Miro
Assessment
scale
Rate
each
skill
against
the
level
you
could
evidence
in
an
interview
tomorrow
.
Anything
you
cannot
demonstrate
with
a
concrete
example
belongs
one
level
lower
than
you
think
.
1
Aware
—
understands
the
concept
and
terminology
2
Assisted
—
has
applied
it
with
review
and
guidance
3
Independent
—
can
run
it
end
to
end
unsupervised
4
Leading
—
scopes
the
work
and
sets
the
standard
for
others
5
Teaching
—
mentors
,
defines
process
,
and
raises
team
capability
10 / 10
Similar Examples
Generate Similar
Lead Generation Hard Skills
Generate Similar
Customer Relationship Management Hard Skills
Generate Similar
Copywriting Hard Skills
Generate Similar
Technical Writing Hard Skills
Generate Similar
Content Writing Hard Skills
Generate Similar
Business Writing Hard Skills
Generate Similar
Editing Hard Skills
Generate Similar
Proofreading Hard Skills
Generate Similar
Translation Hard Skills
Generate Similar
Transcription Hard Skills
Generate Similar
Laboratory Testing Hard Skills
Generate Similar
Public Speaking Hard Skills
Generate Similar
CNC Machining Hard Skills
Generate Similar
UI Design Hard Skills
Generate Similar
Adobe Photoshop Hard Skills
Generate Similar
Adobe Illustrator Hard Skills
Generate Similar
Adobe InDesign Hard Skills
Generate Similar
Video Editing Hard Skills
Generate Similar
Photography Hard Skills
Generate Similar
3D Modeling Hard Skills
Generate Similar
CAD Hard Skills
