TUT #27: Designing user flows before knowing functionality, a hack for case study design artifacts + upcoming design competitions

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!

❓Have you ran into the situation in which you’re tasked with designing a user flow before knowing the functionality? There’s multiple approaches, from using design conventions (as is suggested in the top answer) or communicating with your team to flesh out design options.

If you’re ever looking for a good design challenge (or brain teaser), check out the StackOverflow’s UX section.
_ _ _

💼Featured Case Study: Designing Book of the Month Club. Not only is this an example of great marketing (using a case study to market your startup), but the author also does something I’ve been encouraging my UX coaching students to do: document the process using app screenshots.


It sometimes seems hard to come up with good or relevant imagery for one’s design case study. A simple and effective trick is to take screenshots of your work – including the entire application window (e.g. Evernote, Microsoft Word) and use graphic design techniques like contrast or creating a collage to create awesome design artifacts. Skim through the first handful of images in this case study for an example.
_ _ _

⚒I’ve been hearing more and more buzz about Figma, the collaborative browser-based design tool. Here’s one designer’s walkthrough of its current state & features, like smart objects. We at UXB have also been seeing more designers using Figma in our UX Tools Survey (help us out with your response!) and listing it as a new tool to try.
_ _ _

🏆Do you like competitions? A List of Awards curates upcoming design competitions in different categories, including Product Design. Specifically for UX, check out UX Design Awards and User Experience Awards. Yes, two totally similar names but different competitions!
_ _ _

⚠If you’re designing error messages, this article lays out reasons for why placing the error message to the RIGHT of the form field is optimal, and why other placements can cause unnecessary cognitive load.
_ _ _

🏁Career Coaching Corner:

Did you know About Me pages are amongst the most visited pages on the internet, and a well-written one can lead to job opportunities? This article breaks down when to use the third vs first person for your personal bio, as well as some good structuring tips to avoid saying “I” too often.

Keep learnin’

Oz, founder @ UXBeginner, instructor @ UX School

liked this article? tell everyone!


Leave a Reply

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