Professional Documents
Culture Documents
ULTIMATE
GUIDE TO
BECOME A
UX DESIGNER
Resume by Aprianil Sesti Rangga UX Designer wanna be.
Contents
INTRODUCTION ............................................................................................................................................. 4
UX DESIGNER (USER EXPERIENCE DESIGNER) .............................................................................. 4
UI DESIGNER (USER INTERFACE DESIGNER) ................................................................................. 5
VISUAL DESIGNER (GRAPHIC DESIGNER) ....................................................................................... 7
INTERACTION DESIGNER (MOTION DESIGNER) ............................................................................ 8
UX RESEARCHER (USER RESEARCHER) ......................................................................................... 10
FRONT-END DEVELOPER (UI DEVELOPER) . ............................................................................... 10
PRODUCT DESIGNER .......................................................................................................................... 11
UX BOOKS.................................................................................................................................................... 12
Fundamentals ......................................................................................................................................... 12
Usability .................................................................................................................................................. 13
Process .................................................................................................................................................... 14
Information Architecture ........................................................................................................................ 15
Interaction Design ................................................................................................................................... 15
Psychology .............................................................................................................................................. 17
Documentation ....................................................................................................................................... 17
Must Read UX BOOKS ............................................................................................................................. 18
More Resource About UX Books ......................................................................................................... 20
UX TOOLS .................................................................................................................................................... 21
A/B or Split Testing ................................................................................................................................. 21
Accessibility Testing ................................................................................................................................ 21
Design Prototyping.................................................................................................................................. 22
Evaluating Design .................................................................................................................................... 23
Evaluating Information Architecture ...................................................................................................... 23
Heatmaps, Mouse-tracking or Synthetic Eye-tracking ........................................................................... 24
In-application annotation & user tutorials ............................................................................................. 24
Live Chat with Users................................................................................................................................ 24
Mobile App Testing Tools ....................................................................................................................... 25
Presentations .......................................................................................................................................... 25
Process Aids ............................................................................................................................................ 25
Remote Research .................................................................................................................................... 25
Research Notetaking ............................................................................................................................... 25
Screen Capture........................................................................................................................................ 26
Sketching & Visual Thinking .................................................................................................................... 26
Surveying Users ....................................................................................................................................... 26
Usability Testing ...................................................................................................................................... 27
Web Analytics ......................................................................................................................................... 27
Wireframing & Diagramming .................................................................................................................. 28
More Resource Design Tools .............................................................................................................. 28
UX Design Blog and Resource to Follow ............................................................................................... 29
1. Strategy ............................................................................................................................................. 30
2. UI / Interfaces ................................................................................................................................... 30
3. UX ....................................................................................................................................................... 31
4. Process & Methods.......................................................................................................................... 32
5. Deliverables & Documentation ....................................................................................................... 32
6. Tools & Software .............................................................................................................................. 33
7. Psychology ........................................................................................................................................ 33
8. Trends ................................................................................................................................................ 34
9. Design Patterns ................................................................................................................................ 34
10. Book Reviews. ................................................................................................................................ 35
UX DESIGN COURSES................................................................................................................................... 36
Other UX Design resources: .................................................................................................................... 36
Source : HOW TO BECOME A UX DESIGNER ............................................................................................... 38
INTRODUCTION
Design is a rather broad and vague term. When someone says "I'm a designer," it is not immediately clear
what they actually do day to day. There are a number of different responsibilities encompassed by the
umbrella term designer.
Design-related roles exist in a range of areas from industrial design (cars, furniture) to print (magazines,
other publications) to tech (websites, mobile apps). With the relatively recent influx of tech companies
focused on creating interfaces for screens, many new design roles have emerged. Job titles like UX or UI
designer are confusing to the uninitiated and unfamiliar even to designers who come from other industries.
design language is applied across the product. Maintaining consistency in visual elements and defining
behavior such as how to display error or warning states fall under the purview of a UI designer.
"Concept and implement the visual language of Airbnb.com. Create and advance site-wide
style guides." - UI Designer job description at Airbnb
The boundary between UI and UX designers is fairly blurred and it is not uncommon for companies to opt
to combine these roles.
It is also fairly common for UI designers to pull double duty and create the final pixel perfect assets. Some
companies choose not to have a separate visual designer role.
"Proficiency in graphic design, motion graphics, digital art, a sensitivity to typography and
color, a general awareness of materials/textures, and a practical grasp of animation.
Knowledge of iOS, OS X, Photoshop and Illustrator as well as familiarity with Director (or
equivalent), Quartz Composer (or equivalent), 3D computer modeling, motion graphics are
required." -Interaction Designer job description at Apple
800ms."
description at Facebook
UX designers also occasionally carry out the role of UX researchers.
Deliverables: User personas, A/B test results, Investigative user studies & interviews
Tools of the trade: Mic, Paper, Docs
You might hear them say this in the wild: "From our research, a typical user..."
FRONT-END DEVELOPER (UI DEVELOPER)
Front-end developers are responsible for creating a functional implementation of a product's interface.
Usually, a UI designer hands off a static mockup to the front-end developer who then translates it into a
working, interactive experience. Front-end developers are also responsible for coding the visual
interactions that the motion designer comes up with.
description at Pinterest
"I AM LOOKING FOR A DESIGNER"
This is the single most common phase I hear from new startups. What they are usually looking for is
someone who can do everything described above. They want someone who can make pretty icons, create
A/B tested landing sites, logically arrange UI elements on screen, and maybe even do some front-end
development. Due to the broad sweeping scope of this role, we usually hear smaller companies asking to
hire a "designer" rather than being specific in their needs.
The boundaries between each of these various design roles are very fluid. Some UX designers are also
expected to do interaction design, and often UI designers are expected to push pixels as well. The best way
to look for the right person is to describe what you expect the designer to do within your company's
process, and choose a title that best represents the primary task of that person.
UX BOOKS
Fundamentals
Title
Author
Link
The Design of
Everyday Things
Don Norman
The Elements of
User Experience:
User-Centered
Design for the Web
and Beyond
The User
Experience Team of
One: A Research
and Design Survival
Guide
Leah Buley
The Encyclopedia of
Human-Computer
Interaction
Interaction Design
Foundation
UI Is
Communication:
How to Design
Intuitive, User
Centered Interfaces
by Focusing on
Effective
Communication
Everett N. McKay
Amazon
Undercover User
Experience Design
Rating
Amazon
13,050 Ratings 1.040 Reviews
Amazon
2,393 Ratings 96 Reviews
Amazon
392 Ratings 38 Reviews
3 Ratings 0 Reviews
25 Ratings 2 Reviews
Amazon
8 Ratings 0 Reviews
Usability
Title
Author
Link
Steve Krug
Nir Eyal
Steve Krug
Usable Usability:
Simple Steps For
Making Stuff Better
Eric Reiss
Smashing UX Design:
Foundations for
designing online user
experiences
Amazon
Amazon
Rating
Amazon
13,237 Ratings 1,045 Reviews
Amazon
7,130 Ratings 565 Reviews
Amazon
2,283 Ratings 113 Reviews
Amazon
77 Ratings 10 Reviews
Amazon
3,511 Ratings 109 Reviews
Process
Title
Author
A Project Guide to UX
Design: For user
experience designers
in the field or in the
making
Russ Unger
Jeff Gothelf
Jeff Patton
Jake Knapp
Link
Rating
Amazon
1,126 Ratings 47 Reviews
Amazon
2,195 Ratings 110 Reviews
Amazon
589 Ratings 68 Reviews
Amazon
1,955 Ratings 229 Reviews
Amazon
113 Ratings 6 Reviews
Information Architecture
Title
Information
Architecture for the
World Wide Web
Author
Peter Morville and
Louis Rosenfeld
A Practical Guide to
Information
Architecture (ebook)
Donna Spencer
Card Sorting:
Designing Usable
Categories
Donna Spencer
Abby Covert
Designing Web
Navigation:
Optimizing the User
Experience
James Kalbach
Link
Rating
Amazon
2,355 Ratings 84 Reviews
uxmastery
140 Ratings 14 Reviews
Amazon
206 Ratings 9 Reviews
Amazon
428 Ratings 42 Reviews
Amazon
230 Ratings 4 Reviews
Interaction Design
Title
Author
Alan Cooper
Alan Cooper
Designing
Interaction
Bill Moggridge
Link
Rating
Amazon
2,115 Ratings 71 Reviews
Amazon
2,116 Ratings 71 Reviews
Amazon
1629 Ratings 37 Reviews
Luke Wroblewski
Amazon
1,448 Ratings 57 Reviews
Designing Social
Christian Crumlish
Interfaces: Principles,
Patterns, and
Practices for
Improving the User
Experience
Amazon
Make It So:
Interaction Design
Lessons from
Science Fiction
Amazon
Seductive
Interaction Design:
Creating Playful,
Fun, and Effective
User Experiences
Stephen P. Anderson
Amazon
Interaction Design:
Beyond HumanComputer
Interaction
Amazon
Emotional Design:
Why We Love (or
Hate) Everyday
Things
Don Norman
Amazon
Microinteractions:
Designing with
Details
Dan Saffer
Golden Krishna
3 Ratings 0 Reviews
Amazon
532 Ratings 45 Reviews
Amazon
276 Ratings 27 Reviews
Psychology
Title
Author
Susan Weinschenk
Influence: The
Psychology of
Persuasion
Robert B. Cialdini
S. M. Casey
Link
Rating
Amazon
2,329 Ratings 110 Reviews
Amazon
46,341 Ratings 1,653 Reviews
Amazon
184 Ratings 19 Reviews
Documentation
Title
Author
Link
Communicating the
User Experience: A
Practical Guide for
Creating Useful UX
Documentation
Amazon
Communicating
Design:
Developing Web
Site
Documentation for
Design and
Planning
Dan M. Brown
The Sketchnote
Handbook: the
illustrated guide to
visual note taking
Mike Rohde
Rating
77 Ratings 3 Reviews
Amazon
871 Ratings 33 Reviews
Amazon
1,299 Ratings 140 Reviews
Author
Link
Category
The Design of
Everyday Things
Don Norman
Amazon
Fundamentals
The Elements of
User Experience:
User-Centered
Design for the Web
and Beyond
Amazon
Fundamentals
Don't Make Me
Think, Revisited: A
Common Sense
Approach to Web
Usability
Steve Krug
Amazon
Usability
Hooked: How to
Build Habit-Forming
Products
Nir Eyal
Amazon
Usability
Universal Principles
of Design, Revised
and Updated: 125
Ways to Enhance
Usability, Influence
Perception, Increase
Appeal, Make Better
Design Decisions,
and Teach through
Design
William Lidwell
Amazon
Usability
A Project Guide to
UX Design: For user
experience
designers in the field
or in the making
Russ Unger
Amazon
Process
Jeff Gothelf
Amazon
Process
Improve User
Experience
Jake Knapp
Amazon
Process
Information
Architecture for the
World Wide Web
Amazon
Information
Architecture
Alan Cooper
Amazon
Interaction Design
Designing
Interaction
Bill Moggridge
Amazon
Interaction Design
Luke Wroblewski
Amazon
Interaction Design
Seductive
Interaction Design:
Creating Playful,
Fun, and Effective
User Experiences
Stephen P. Anderson
Amazon
Interaction Design
Microinteractions:
Designing with
Details
Dan Saffer
Amazon
Interaction Design
Golden Krishna
Amazon
Interaction Design
Emotional Design:
Why We Love (or
Don Norman
Amazon
Interaction Design
Hate) Everyday
Things
100 Things Every
Designer Needs to
Know About People
Susan Weinschenk
Amazon
Psychology
List
UX TOOLS
Accessibility Testing
Design Prototyping
Adobe Brackets
AnteType
AppSketcher
Axure
Balsamiq Mockups
Cogtool
FileSquare
Fireworks
Flinto
Indigo Studio
InVision
iPlotz
iRise
Justinmind
Keynote
Lumzy
Macaw
Marvel
MockFlow
Naview
Notism
Patternry
Pencil
Pidoco
Proto.io
Protoshare
Prototyp
UXPin
Evaluating Design
Chalkmark
ClickDensity
Clicktale
CrazyEgg
Decibel Insight
EyesDecide
Eyetracking
Feng Gui
HeatData
Hotjar
Inspectlet
LookTracker
Loop11
MouseStats
Navilytics
Optimal workshop
Ptengine
Speedzine
Tour My App
WalkMe
Presentations
Process Aids
Remote Research
Research Notetaking
Ethnio
Feedback Army
Mechanical Turk
Pick Fu
Testapic (French)
TryMyUI
UsabilityHub
UsabilityTools
UsersThink
UserTesting
BugHerd
PearNote
Reframer
Webnotes
Screen Capture
Surveying Users
Camtasia
Inspectlet
Jing
Magitest
Open Hallway
ScreenFlow
Silverback
Usability Test
UsabilityTools
4qSurvey
Clicktools
Feedback Lite
Frelay
Kampyle
Polldaddy
Qualaroo (previously Kiss Insights)
SurveyGizmo
Surveymonkey
Survicate
UsabilityHub
UsabilityTools
Uservoice
Userzoom
Webreep
Wufoo
Usability Testing
Web Analytics
BagelHint
FileSquare
Forsee
Intuition
Lookback
Loop11
Magitest
Morae
Optimize
Silverback
Testaisso
Testapic (French)
TryMyUI
UsabilityHub
Usabilla
UserBob
Userfeel
Userlytics
UserTesting
Userzoom
uxline: spanish usability testing
software
Verify
Webnographer
WhatUsersDo
Adobe Marketing Cloud (previously
Omniture)
Clicktale
FoxMetrics Web Analytics Tool
Get Clicky
Google Analytics
Inspectlet
Kiss Metrics
LivePerson
Loop11
Lucky Orange
Mix Panel
Navilytics
Piwik
Quantcast
Userzoom
Woopra
Axure
Balsamiq Mockups
Creately
Devhand
Draw.io
Flair Builder
Fluid UI
Gliffy
Handcraft
Hotgloo
Indigo Studio
Invision
Koolchart
Lucidchart
Marvel
MockFlow
Mockingbird
Mockplus
MOQUPS
NinjaMock
OmniGraffle
Patternry
Photoshop Wireframing Kit
Pidoco
Power Mockup
Proto.io
Protoshare
Sketch 3
Visio
WireframeSketcher
Wirify
Medium The most promising design tools you should try in 2017
Quora Most Common Design Tools
Quora Answer
Wireframing and prototyping apps You can use pencil and paper to make sketches. However, you
should check out specialized apps like Omnigraffle, UXPin, Invision, Axure, and Moqups.
A/B testing tools Again, this is something that you can purchase through a monthly subscription.
A/B testing involves testing one or two elements on a page in order to see which gets the most
action.
User feedback tools These types of tools allow you to gather more information from users. You
can use general tools such as Survey Monkey or Mechanical Turk for this, as well as specific UX
tools such as Usabilla or UserTesting.
Web analytics tools UX designers should use Google Analytics to understand visitor behavior from
a business perspective (e.g. conversion optimization). KISSmetrics is also another good tool if you
want to better understand which users are converting (and why). We currently use Google
Analytics for aggregated data, then dive deeper into segmented behavior with KISSmetrics.
In this article, Chris Bank of UXPin The UX Design App details some of his favorite
product design blogs on the web, categorized by the type of content they contain.
Talent may be developed, and creativity may still be for the most part inspired, but
thanks to the internet knowledge and advice are free of charge. Some of the
best product design resources are only a click, tap or swipe away. With the brightest
thought leaders in the design arena sharing their expertise, best practices and advice
openly, via a plethora of product design blogs on the web, one has arguably all the
resources necessary to be the next Jony Ive. The following are a sampling of some of
the best UX design blogs that the web has to offer.
1. Strategy
These blogs discuss techniques and guidelines that can be implemented to achieve
design goals or objectives. Articles and post topics range from project management
methodology to ideas on how to improve one's creative process.
Boxes and Arrows: articles about design principles, processes and methods, interfaces and
more.
Nielsen Norman Group: reports and articles regarding groundbreaking research in user
experience.
Usability Geek: covers topics ranging from UX and interfaces to conversion.
2. UI / Interfaces
These blogs feature tips, tricks, and advice on how to build effective user interfaces.
Whether creating UIs for software products, mobile apps, or websites the
information contained in these sites are indispensable.
Usability Post: a site that discusses web design and usability issues.
Boxes and Arrows: blog that publishes useful articles and resources for UI designers.
UXPin Blog: site contains lots of UI resources and tools, such as this responsive web
design cheat sheet, useful sources for design patterns and wireframes guides and a ux
patterns library.
iA: contains articles containing tips on building effective user interfaces.
Smashing Magazine: a leading website for UX information and articles.
Felt Presence: a blog that covers topics regarding UI design and product management.
3. UX
These blogs focus on the the topic of user experience design for products and services.
Topics range from discussions regarding industry trends in UX to reviews on software
and tools for UX designers.
Boxes and Arrows: articles about design principles, processes and methods, interfaces and
more.
A List Apart: a blog that discusses UX, web design, web development and web standards.
Usability Post: some great articles discussing usability methods.
Nielsen Norman Group: a site that features Nielsen Norman Group's groundbreaking
research, reporting, and user interface evaluations.
UXPin Blog: articles about design processes such as shifting from lo to hifidelity
prototypes.
Smashing Magazine: a popular site for design related topics and discussions.
UXPin Blog: tools and resources for creating wireframes, mockups, and other prototyping
information, such as this practical look at using wireframes.
Nielsen Norman Group: a site that features Nielsen Norman Group's groundbreaking
research, reporting, and user interface evaluations.
Wireframes: a site featuring tools, tips, and advice regarding wireframing and prototyping.
Inspire UX: some great articles about sketching and wireframing.
Boxes and Arrows: articles about design principles, processes and methods, interfaces and
more.
Little Big Details: a provider of daily design inspiration tips.
Creative Bloq: a leading website for UX information and articles.
UXPin Blog: features useful software information and resources, including extensive tips on
using their prototyping and wireframing platform UXPin.
7. Psychology
Why do some user experiences work, while some do not? These sites contain articles
that discuss the psychological underpinnings of an effective UI/UX.
Nielsen Norman Group: a site that features Nielsen Norman Group's groundbreaking research,
reporting, and user interface evaluations.
UXPin Blog: lots of articles discussing the psychology of a good UX, such as this one
covering psychology and design ten best presentations.
Konigi: a blog discussing various topics related to creativity and design.
Little Big Details: a daily dose of design inspiration.
ISkeletor: some great articles related to the psychology of usability.
8. Trends
These blogs cover general movements, though processes, and opinions shared
amongst the design community atlarge.
UXPin Blog: regular updates on UXPins collection of free ebooks discussing mobile and web
design trends, mobile ui design pattern trends, and more.
A List Apart: a blog devoted to discussions around accessibility and email design.
Nielsen Norman Group: a site that features Nielsen Norman Group's groundbreaking research,
reporting, and user interface evaluations.
Joshua Garity: a blog published by Joshua Garity, design psychologist and brand strategist.
52 Weeks of UX: a great site for forward thinking design perspectives.
9. Design Patterns
Boxes and Arrows: articles about design principles, processes and methods, interfaces and
more.
UXPin Blog: tips and advice regarding the latest design patterns, including useful sources for
design patterns and wireframes guides, ux patterns library, and updates on free ebooks such as mobile ui design pattern trends.
Wireframes: a site that discusses wireframing, sketching and design patterns.
MobilePatterns: a site that features design patterns in mobile apps.
Lovely UI: features interesting and unique mobile design patterns.
Pttrns: some great examples of mobile design patterns.
UX DESIGN COURSES
General Assembly They offer a complete program in UX design. You can take a variety
of classes and workshops, as well as attend as a full-time or part-time student.
Lynda All of the courses on this site have an excellent reputation, but you do have to
subscribe if you want to access them. Prices start from around $25 per month.
Udemy A competitor to Lynda, Udemys per-course pricing make this a great
supplement to any designers education. Some introductory courses are even free.
DesignLab A highly focused design program that pairs students with experienced
design mentors. Courses range between four-six weeks and cost roughly $300.
Fundamentals of UX Design A course from Tuts+ Web Design comprised of 16 twohour lessons for a fee of $15.
UX Apprentice Free courses and learning materials for those looking to learn the
basics.
Learnable Again a subscription site which costs $15 pm or $99 per year for access to
all courses. With the premium membership you can also download all eBooks and
videos.
The Hipper Element A library with 31 daily lessons on the fundamentals of UX design
that has a good reputation.
LukeW Product Director at Google, Luke Wroblewski is one of the top UX experts in
the world. His site summarizes takeaways from conferences, includes plenty of how-to
pieces, and features plenty of solid advice for UX design.
UXMyths Regularly updated list of dozens of common myths with thorough research
disproving each misconception.
A List Apart Meticulously written and edited, A List Apart features some of the most
thought-provoking pieces on designing experiences for the Web. Always worth reading.
Smashing Magazine The online magazine includes plenty of opinion pieces, how-toarticles, and thought pieces on the state (and future) of UX design.
UXPins free eBook Library A collection of 30+ e-books (growing at one a week)
teaches practical UX design principles by analyzing existing live examples. The longer
books range from 50 to 100 pages, while shorter pocket guides span 20-30 pages.
UXPin Blog The blog features tutorials (like prototyping with Photoshop and with
Sketch) along with straightforward articles to get you started.
ZURB Blog The reputable design agencys blog is full of thought-provoking and
practical advice on product design from its staff of designers and the CEO himself.
You can also join plenty of design communities, ranging from visual design sites
like Dribbble to more comprehensive design sites like Designer News,
and r/userexperience. Being part of a community allows you to bounce ideas off others
and makes learning a little less intimidating.
When it comes to learning, start at the beginning and master the basics first. UX is a
broad discipline and you may want to specialize once your career gets underway, but
first focus on executing the fundamentals flawlessly.
If youd like to learn more about UX and UI design techniques and best practices, check out some
of these resources from UXpin free design library.
Web UI Best Practices 7 chapters exploring techniques spanning visual design, interface
design, and UX design.
Interaction Design Best Practices: Words, Visuals, Space 7 chapters explaining the practical
use of affordances, white space, size/distance, visual consistency, cognitive load, and more.
Interaction Design Best Practices: Time & Behavior 6 chapters explaining how to reduce
friction, design for time, create delight through animations, affect user decisions & behavior,
and more.
Guide to Prototyping 100+ pages explaining how and when to use prototyping tools, paper
prototypes, and other popular methods.
Guide to Mockups 80+ pages discussing how to create mockups of all types and fidelities,
along with best practices for Photoshop & Sketch.
Guide to Wireframing 100+ pages explaining the context, tools, techniques, and best practices
for analog and digital wireframing.
Source
After you done with this Guide , you can visit this great resource :
about.me/aprianil