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!

[ARTICLE HIGHLIGHTS] 

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). 

[INSTAGRAM POST]

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 😂

[DESIGN TOOL]

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. 

[DESIGN PODCAST]

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

In this episode Adam talks to Ben Orenstein about what you can do to stand out if you’re trying to get a job at a small company.
  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

[UPCOMING EVENT] 

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! 


[ARTICLE HIGHLIGHTS]

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. 

[UX QUOTE]

“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

[WATCH THIS]

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? 

[BOOK RECO] 

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 TOOL]

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

[CASE STUDY SPOTLIGHT]

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!

Share on email
Email
Share on linkedin
LinkedIn
Share on twitter
Twitter
Share on facebook
Facebook

Leave a Reply

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