What no one explains about design process

This week’s UX roundup has 1 UX Beginner exclusive, 2 article highlights, 2 design tools, 1 design quote, 1 UX book recommendation, and 1 case study review.

DISCLOSURE: This post may contain affiliate links. When you click a link and make a purchase, we receive a commission. This is at no cost to you. Thank you for supporting our ad-free site!


What No One Explains About the Design Process

The first course of Google’s UX Design Professional Certificate teaches how to think like a UX designer through various frameworks but like other bootcamps, they follow the design thinking process which includes empathizing, define, ideate, prototype, and test (or some similar variation). But as Jordan Bowman mentions in his article, learners are not prepared for the reality of design processes being different across various teams and projects. 

The takeaway from this article is not that you shouldn’t use a process, but rather that you don’t need to be married to a single process. When solving problems, there’s no “one-size-fits-all” solution so keep an open mind for trying new ideas and approaches to uncover solutions. While some frameworks seem to be linear and sequential, the reality is that things can be done out of order or in cycles too (like testing and iterating). 


Born to be a UX Writer

Oz is blessing our UXB Instagram with your occasional dose of puns, let us know what kind of content you’d like to have interrupting your mindless IG scrolling 😂


Colour Contrast Analyser (CCA)

Checking your work for Web Content Accessibility Guidelines 2.1 (WCAG 2.1)? Download this color contrast analyzer for Mac or Windows to help you check for color blindness and test various color combos. 


Ben Orenstein on How to Stand Out When Applying for a UX Job

While Full Stack Radio is a podcast for developers, the tips shared by Ben Orenstein apply to UX as well. One outstanding tip: cater your job application by absorbing the job description and describing how your skills fulfill each requirement. This is an opportunity to demonstrate how you can align with the needs of the team and what you have to offer. The effort that goes into an application impacts the likeliness of you hearing back.  So if you’re copying and pasting a cover letter without customization, chances are you’ve just lowered your potential to stand out. 

152: Ben Orenstein – How to Stand Out When Applying for a Job at a Small Company Full Stack Radio

Topics:Putting yourself in the shoes of the person reviewing your applicationCrafting a high quality application tailored to a specific positionStanding out in a more traditional hiring process by doing something a little extraShowcasing very specific examples of your work instead of asking the person reviewing your application to go hunting for itHaving good questions for the person interviewing youSharing your ideas and what you think the company should be focused onCreating a job for yourself that doesn’t even existProving that you can take ownership of projects and ship them by yourselfShowing off skills you have that aren’t directly related to the jobLinks:Ben on TwitterTupleTailwind Labs job postingsSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do it is to purchase one of my products:Tailwind UI, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS.Refactoring UI, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.Advanced Vue Component Design, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.Test-Driven Laravel, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.Refactoring to Collections, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.
  1. 152: Ben Orenstein – How to Stand Out When Applying for a Job at a Small Company
  2. 151: DHH – Building HEY with Hotwire
  3. 150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0
  4. 149: Choosing a Payment Processor, Radical Icons & W3C Hype
  5. 148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects


Config 2021 – April 21-22, 2021

Config is Figma’s annual conference, this year held virtually over 2 days. The conference is made up of keynotes and 30-minute breakout sessions that you can choose from. They have a fantastic lineup of speakers from Github, Intuit, Stripe, Uber, Burberry, and more! 


Designers: mind your language

At first, this article made me chuckle but my humor quickly became nervous laughter when I realized that we at UXB are guilty of creating punny, controversial, and clickbaity titles too.

Jared Hill describes how he used design thinking to understand why his friend, an experienced front-end developer, had gotten a wrong, negative impression of how UX concepts were being communicated online. The call to action from this article is to reconsider how designers, despite striving to be expert communicators and empathetic beings, can also fall into the pitfalls of creating misleading information and unfriendly experiences. Being aware of the impact of how we communicate about UX allows the industry to become more welcoming and promote the values we preach. 


“Creating an interface is much like building a house: If you don’t get the foundations right, no amount of decorating can fix the resulting structure.”

– Jef Raskin, author of The Humane Interface


An accessible process for inclusive design

This video is one of the resources from Google’s UX Design Certificate on inclusive and accessible design. In this talk from a Google I/O event from 2018 but the themes are still relevant today! If accessibility isn’t something your team is already working on with your products, consider it as a missed opportunity with an audience that your product doesn’t meet the needs for… Seems more urgent now, right? 


Mobile First

If you’re working on responsive design and you’re unsure about whether you should start with mobile first or desktop first, read this book. Luke Wroblewsky is a great writer and his book is backed by data and examples that make a clearly defined case for designing for mobile-first. If it’s anything you should take away after reading, it’s that starting with a smaller screen gives you the most constraints, forcing you to set the priorities straight before designing. 


Design Sprint Template

Sprints are meant to be fast but organized. Here’s a template to help you get started on your next design sprint


BeeBetter – Habit Tracker App Case study

Designer: Anastasiia Mysliuk

Case Study: BeeBetter App

This app aims to make the process of habit-tracking fun, interactive and engaging with friends to keep users motivated and allow for progress tracking. 

Why this case study is awesome: 

  • Project deliverables: The Discovery and Research phase deliverables are well organized and easy to understand. Detailed customer journey map, extensive user flow, and an impressive information architecture layout. 
  • Presentation: Screens are animated so viewers can see the functionality of the app and there is a detailed style guide of colors, fonts, and icons used. 

This is another great example of using Behance to engage the community and show off UX work. BeeBetter is fun, vibrant, and laid out so perfectly that it captures the eye. One thing to keep in mind for presentations like this is the quality of your images and the size of your text! It can be tricky to read small text so think about how you might optimize the experience before hitting ‘Publish’.

liked this article? tell everyone!


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.