THE 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 unf amiliar even to designers who come from other industries.
“A given design problem has has no s ingle right answer.” Let's attempt to distill what each of these titles really mean within the context of the tech industry.
UX DESIGNER (USER EXPERIENCE DESIGNER) UX designers are primarily concerned with
. A given design problem has no single
right answer. UX designers explore many different approaches to solving a specific user problem. The broad responsibility of a UX designer is to ensure that the product logically flows from one step to the next. One way that a UX designer might do this is by conducting in-person user tests to observe one's behavior. By identifying verbal and non-verbal stumbling blocks, they refine and iterate to create the "best" user experience. An example project is creating a delightful onbo arding flow for a new user.
"Define interaction models, user task flows, and UI specifications. Communicate scenarios,
end-to-end experiences, interaction models, and screen designs to stakeholders. Work with our creative director and visual designers to incorporate the visual identity of Twitter into features. Develop and maintain design wireframes, mockups, and specifications as needed."
-Experience Designer job description at Twitter
: Wireframes of screens, storyboards, sitemap : Photoshop, Sketch, Illustrator, Fireworks, InVision
: "We should show users the 'Thank You' page once they have finished signing up."
UI DESIGNER (USER INTERFACE DESIGNER) Unlike UX designers who are concerned with the overall feel of the product, user interface designers are particular about
. They are in charge of designing each screen or page with which
a user interacts and ensuring that the UI visually communicates the path that a UX designer has laid out. For example, a UI designer creating an analytics dashboard might front f ront load the most important content at the top, or decide whether a slider or a control knob makes the most intuitive sense to adjust a graph. UI designers are also typically responsible for creating a cohesive style guide and ensuring that a consistent
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. d esigner.
"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.
: Photoshop, Sketch, Illustrator, Fireworks : "The login and sign up links should be moved to the top right corner. ”
VISUAL DESIGNER (GRAPHIC DESIGNER) A visual designer is the one who
. If you ask a non-designer what a designer does, this is
probably what comes to mind first. Visual designers are not concerned with how screens link to each other, nor how someone interacts with the product. Instead, their focus is on crafting beautifu l icons, controls, and visual elements and making use of suitable typography. Visual designers sweat the small details that others overlook and frequently operate at the 4X to 8X zoom level in Photoshop.
“Visu isua al de desig signers ners sw eat t he small de details tails that others overlook. ” "Produce high-quality visual designs—from concept to execution, including those for desktop, web, and mobile devices at a variety of resolutions (icons, graphics, and marketing materials). Create and iterate on assets that reflect a brand, enforce a language, and inject beauty and life into a product."
-Visual Designer job description at Google
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.
: Photoshop, Sketch : "The kerning is off and the button should be 1 pixel to the left!"
INTERACTION DESIGNER (MOTION DESIGNER) Remember the subtle bouncing animation when you pull to refresh in the Mail app on your iPhone? That's the work of a motion designer. Unlike visual designers who usually deal with static assets, motion designers create animation inside an app. They deal with . For example, they decide how a menu should slide in, what transition effects to use, and how a button should fan out. When done well, motion becomes an integral part of the interface by providing visual clues as to how to use the product.
"Proficiency in graphic design, motion graphics, digital art, a sensitivity to typography and color, a general awareness of materials/textures, 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
: AfterEffects, Core Composer, Flash, Origami : "The menu should ease-in from the left in 800ms."
UX RESEARCHER (USER RESEARCHER)
“A UX researcher is the champion of a user's needs.” A UX researcher is the champion of a user's needs. The goal of a researcher is to answer the twin questions of "Who are our users?" and "What do our users want?" Typically, this role entails interviewing users, researching market data, and gathering findings. Design is a process of constant iteration. Researchers may assist with this process by conducting A/B tests to tease out which design option best satisfies user needs. UX researchers are typically mainstays at large companies, where the access to a plethora of data gives them ample opportunity to draw statistically significant conclusions.
"Work closely with product teams to identify research topics. Design studies that address both user behavior and attitudes. Conduct research using a wide variety of qualitative methods and a subset of quantitative methods, such as surveys." -UX Researcher job
description at Facebook UX designers also occasionally carry out the role of UX researchers.
: User personas, A/B test results, Investigative user studies & interviews : Mic, Paper, Docs : "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.
: CSS, HTML, JavaScript : "I'm using a 960px 12-column grid system." : Often times front end developers need to share their work with colleagues, clients or open source world. There are many tools for that, but simplest way is to get shared hosting and throw HTML files there. Here you can find top 10 web hosting reviews. Lots reviews. Lots of useful information there. Pay attention to inmotion to inmotion hosting review, as review, as
well as a2 as a2 hosting review.
PRODUCT DESIGNER Product designer is a catch-all term used to describe a designer who is generally involved in the creation of the look and feel of a product. The role of a product designer isn't well-defined and differs from one company to the next. A product designer may do minimal front-end coding, conduct user research, design interfaces, or create visual assets. From start to finish, a product designer helps identify the initial problem, sets benchmarks to address it, and then designs, tests, and iterates on different solutions. Some companies that want more fluid collaboration within the various design roles opt to have this title to encourage the whole design team to collectively own the user experience, user research, and visual design elements. Some companies use "UX designer" or simply "designer" as a catch -all term. Reading the job description is the best way to figure out how the company's design team divides the responsibilities.
"Own all facets of design: interaction, visual, product, prototyping. Create pixel-perfect mocks and code for new features across web and mobile." -Product Designer job
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 The Design of Everyday Things
Author Don Norman
Link
Rating
Amazon 13,050 Ratings – 1.040 Reviews
The Elements of User Experience: User-Centered Design for the Web and Beyond
Jesse James Garret
Amazon
The User Experience Team of One: A Research and Design Survival Guide
Leah Buley
The Encyclopedia of Human-Computer Interaction
Mads Soegaard & Rikke Friis Dam
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
Cennydd Bowles & James Box
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
Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability
Steve Krug
Hooked: How to Build Habit-Forming Products
Nir Eyal
Rocket Surgery Made Easy: The Do-ItYourself Guide to Finding and Fixing Usability Problems
Steve Krug
Usable Usability: Simple Steps For Making Stuff Better
Eric Reiss
Smashing UX Design: Foundations for designing online user experiences
Jesmond Allen and James Chudley
Amazon
Measuring the User Experience
Tom Tullis and Bill Albert
Amazon
Universal Principles of Design, Revised and Updated: 125 Ways to Enhance Usability, Influence Perception, Perception, Increase Appeal, Make Better Design Decisions, and Teach through Design
William Lidwell
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
125 Ratings – 5 Reviews
327 Ratings – 12 Reviews
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
Lean UX: Applying Lean Principles to Improve User Experience
Jeff Gothelf
User Story Mapping: Discover the Whole Story, Build the Right Product
Jeff Patton
Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days
Jake Knapp
The UX Book: Process and Guidelines for Ensuring a Quality User Experience
Rex Hartson and Pardha Pyla
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
Link
Rating
Amazon 2,355 Ratings – 84 Reviews
uxmastery A Practical Guide to Information Architecture (ebook)
Donna Spencer
Card Sorting: Designing Usable Categories
Donna Spencer
How to Make Sense of Any Mess: Information Architecture for Everybody
Abby Covert
Designing Web Navigation: Optimizing the User Experience
James Kalbach
Interaction Design Title
140 Ratings – 14 Reviews
Amazon 206 Ratings – 9 Reviews
Amazon 428 Ratings – 42 Reviews
Amazon 230 Ratings – 4 Reviews
Author
About Face 3: The Essentials of Interaction Design
Alan Cooper
About Face: The Essentials of Interaction Design 4th Edition
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
Web Form Design: Filling in the Blanks
Luke Wroblewski
Amazon
Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience
Christian Crumlish
Make It So: Interaction Design Lessons from Science Fiction
Nathan Shedroff and Christopher Noessel
Amazon
Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences Experiences
Stephen P. Anderson
Amazon
Interaction Design: Beyond HumanComputer Interaction
Jenny Preece, Helen Sharp and Yvonne Rogers
Amazon
Emotional Design: Why We Love (or Hate) Everyday Things
Don Norman
Amazon
Microinteractions: Designing with Details
Dan Saffer
The Best Interface Is No Interface: The Simple Path to Brilliant Technology
Golden Krishna
1,448 Ratings – 57 Reviews
Amazon 3 Ratings – 0 Reviews
195 Ratings – 19 Reviews
807 Ratings – 40 Reviews
536 Ratings – 33 Reviews
2,817 Ratings – 135 Reviews
Amazon 532 Ratings – 45 Reviews
Amazon 276 Ratings – 27 Reviews
Psychology Title
Author
100 Things Every Designer Needs to Know About People
Susan Weinschenk
Influence: The Psychology of Persuasion
Robert B. Cialdini
Set Phasers on Stun: And Other True Tales of Design, Technology, Technology, and Human Error
S. M. Casey
Documentation Title
Link
Rating
Amazon 2,329 Ratings – 110 Reviews
Amazon 46,341 Ratings – 1,653 Reviews
Amazon 184 Ratings – 19 Reviews
Author
Link
Communicating the Communicating User Experience: A Practical Guide for Creating Useful UX Documentation
Richard Caddick and Steve Cable
Amazon
Communicating Design: Developing Web Site Documentation 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
Must Read UX BOOKS Title
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
Jesse James Garret
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 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
Lean UX: Applying Lean Principles to
Jeff Gothelf
Amazon
Process
Improve User Experience
Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days
Jake Knapp
Amazon
Process
Information Architecture for the World Wide Web
Peter Morville and Louis Rosenfeld
Amazon
Information Architecture
About Face 3: The Essentials of Interaction Design
Alan Cooper
Amazon
Interaction Design
Designing Interaction
Bill Moggridge
Amazon
Interaction Design
Web Form Design: Filling in the Blanks
Luke Wroblewski
Amazon
Interaction Design
Seductive Interaction Design: Creating Playful, Fun, and Effective User Experiences Experiences
Stephen P. Anderson
Amazon
Interaction Design
Microinteractions: Designing with Details
Dan Saffer
Amazon
Interaction Design
The Best Interface Is No Interface: The Simple Path to Brilliant Technology
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
More Resource About UX Books
UXpin - Free UX Ebooks
UX Mastery – Recommended UX Books
Userbrain – 137 FREE ebooks on User Experience, Usability, User Interface Design and more
Useful Usability - The ULTIMATE List of 24 Free eBooks on UX and Interface Design De sign
The learning coach – 10 Interaction Design Books
Medium – Great Books for Designers to Read in 2016
Medium – Best new UX Books from the last 3 years
52 Weeks of UX – Free Online Reading
Whitney Hess’s Blog - Resource
UX TOOLS
A/B or Split Testing
List
Accessibility Testing
A/B Test Master BagelHint Intuition Maxymiser Monetate Myna Optimizely Testomato UsabilityTools VWO
Accessibility Priority Tool HTML_CodeSniffer
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
Evaluating Information Architecture
Accessibility Priority Tool Capian Concept Feedback Feng Gui Firefly Five Second Test Loop11 Mental Notes Cards by Stephen P Anderson Navflow Quince Specfox UsabilityHub UsabilityTools Usabilla Userbrain
BagelHint BoardThing ConceptCodify Loop11 Naview OptimalSort Plainframe (now integrated with Optimal Workshop) SimpleCardSort Solidify TreeJack Usabilitest UsabilityHub Userzoom Websort (now integrated with Optimal Workshop) Xsort
Heatmaps, Mouse-tracking or Synthetic Eye-tracking
In-application annotation & user tutorials
Live Chat with Users
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
Comm100 Live Chat LiveChat LivePerson Olark SnapEngage Woopra Zopim
Mobile App Testing Tools
Presentations
Process Aids
Remote Research
Research Notetaking
Adobe Device Central Android SDK Emulator Blackberry Simulator DotMobi Emulator eggPlant Google Android Emulator iPad Peek iPhoney Magitest Modify Headers MonkeyTalk (previously FoneMonkey) Mr Tappy Opera Mobile Emulator POP App W3C mobileOK Checker
Canva
Digital Empathy Map Reframer UCDmanager
Ethnio Feedback Army Mechanical Turk Pick Fu Testapic (French) TryMyUI UsabilityHub UsabilityTools UsersThink UserTesting
BugHerd PearNote Reframer Webnotes
Screen Capture
Sketching & Visual Thinking
Surveying Users
Camtasia Inspectlet Jing Magitest Open Hallway ScreenFlow Silverback Usability Test UsabilityTools
53 Paper & Pencil Balsamiq Mockups Canva iSketchnote Livescribe Pen & Ink Penultimate RealtimeBoard VuPoint Magic Wand scanner
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
Wireframing & Diagramming
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
More Resource Design Tools
Medium – The most promising design tools you should try in 2017
Quora – Most Common Design Tools
Quora – Answer
– You can use pencil and paper to make sketches. However, you should check out specialized apps like Omnigraffle, UXPin, Invision, Axure, and Moqups. – 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. – These types of tools allow you to gather more information from users. You can use general tools such as Survey as Survey Monkey or Mechanical or Mechanical Turk for this, as well as specific UX tools such as Usabilla as Usabilla or UserTesting. or UserTesting.
use Google Analytics to understand visitor behavior from f rom – UX designers should use Google a business perspective (e.g. conversion optimization). KISSmetrics 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.
UX Design Blog and Resource to Follow ARTICLE BY CHRIS BANK IN RESOURCES & TOOLS - JULY 17
In this article,
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.
Inverra: some great resources and articles regarding dashboard design.
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.
UX Mag: an online UX publication discussing discussing the latest in design and UX strategy. UX Booth: one of the leading publications for UX topics, held in high regard by the UX
community.
52 Weeks of UX: a UX blog authored by UX designers Joshua Porter and Joshua Brewer. UXPin Blog: useful articles on how to create effective user experiences. DesignModo UX: comprehensive site covering the aesthetic, business, and psychological
elements of UX. Webcredible: UX articles and resources. Johnny Holland: a popular source of information for a variety of UX topics. Smashing Magazine : a leading website for UX information and articles. UX Colombo: a site that strives to promote UX creativity and inspiration with its insightful, indepth coverage of various UX topics. UX Myths: a site that dispels some common myths regarding UX design and the industry atlarge. Inspire UX: UX design articles and tips. UXADAY : daily inspiration and directory of useful resources and tools for User Experience Designers. Stack Exchange UX: question and answer site for user experience researchers and experts. UX Matters: a site featuring a bounty of useful UX information and tips. Foolproof : a popular blog covering UX strategy and design. Akendi: discusses issues surrounding UX and design.
Innovation M: a design blog that highlights various UX methods.
4. Process & Methods These sites feature articles covering topics around design methodology. Posts include discussions and pointers on how to achieve user experience goals and objectives.
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.
5. Deliverables & Documentation These sites include topics that discuss design deliverables and documentation, with information on how effectively create items such as wireframes, site maps, flow diagrams, and prototypes, among others.
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.
6. Tools & Software Information regarding the latest software, code snippets, and other items essential to one's design arsenal can be found in these blogs. These resources are indispensable for staying updated on the latest and greatest design tools.
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 s ite 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 presentations. 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. 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 UXPin’s 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 accessibility and email design. Nielsen Norman Group: a site s ite 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
For design pattern inspiration, look to the following resources:
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 s ite 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 mo bile design patterns.
10. Book Reviews These sites provide expert opinion and reviews on the latest design publications. A wide range of designrelate designrelated d materials are reviewed, including howto books, digital guides, and case studies.
Luke W: reviews publications about digital product design by Luke Wroblewski. The IxD Library : a site s ite that highlights the best books, articles and presentations regarding
interaction design. UXPin Library : a collection of free UI/UX ebooks containing references to a wide variety of other UI/UX books. UX Mastery: a great selection s election of UI/UX books and publications. UX Mag: contains ongoing, periodic book reviews on UX and usability topics.
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 c ourses 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, Udemy’s per -course pricing make this a great supplement to any designer’s 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 twotwo hour 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.
Other UX Design resources:
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 s ite 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 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. UXPin’s 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 Sketch s traightforward articles to get you started. ZURB Blog — The reputable design agency’s blog is full of thought -provoking -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, News, and r/userexperience r/userexperience.. Being part of a community allows you to bounce ideas off others and makes learning a little less intimidatin intimidating. g.
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 you’d like to learn more about UX and UI design techniques and best practices, check out some of these resources from UXpin free design library. 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 mo re. 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, techniques, and best practices practices for analog and digital d igital wireframing.
Source After you done with this Guide , you can visit this great resource :
The Next Web - The ultimate guide to becoming a UX designer
Fastcodesign - UI, UX: Who Does What? A Designer's Guide To The Tech Industry
CareerFoundry - The Difference Between UX and UI Design-A Layman’s Guide
Awwwards -UX Design Blog and Resources to Follow Religiously
Quora – Answer 1
Quora – Answer 2
InVision’s Blog – Blog – HOW TO BECOME A GREAT UX DESIGNER WITHOUT A DEGREE
Medium – Become A UI/UX Designer From Scratch
InspiringUX - The Resources to Start Learning about UX Design
Whitney Hess’s Blog - So you wanna be a user experience designer
The Interaction Design Foundation – How to Change Your Career from Graphic Design to UX Design
Linkedin - How to become a UX/UI designer when you know nothing
UX Mastery – How To Get Started in UX Design
UXPin – How to Get Started in UX Design ?
Mockplus – How to Get Started in UX Design ?
about.me/aprianil
