#375: UX Workflow

With guidelines for design critique, design workshops, product design interview process, UX sketches and UX patterns. Issue #375• October 18, 2022 • [View in the browser]( 💨 [Smashing Newsletter]( Góðan daginn Smashing Friends, Ah, designers! As we are moving from one project to another, often there isn’t enough time to pause for a moment and review our existing processes. Are we running our in-house design workshops efficiently? What about our interview process and onboarding for designers? Are we thorough enough and detailed enough with our design critiques? In this newsletter, we’d love to prompt you to stop for just a moment and revise how you work. Explore what our UX colleagues are doing: which tools they use to get things done. There are plenty of resources and conversation starters in here to kick off a conversation in your team. If you are looking for more conversation starters, we have some wonderful [UX workshops]( coming up soon — from mastering design processes to Figma workflows to product design and live UX design training. Plus, our [8h-video course on smart interface design patterns]( with yours truly. [Smashing Meets Design Systems]( Free, friendly, approachable: meet our [Design System meet-up]( (Tue, Nov 15, 11am EST / 5PM CET). We also have a [Design Systems Online Meet-up]( coming up on Tuesday, November 15 — with friendly sessions on themeable design systems, components and lessons learned from big and small design systems out there. Happy UXing, everyone! — Vitaly ([@vitalyf]( --------------------------------------------------------------- 1. Design Pattern Catalogue Maggie Appleton sits at the intersection of design, anthropology, and programming. And this combination leads to a fresh approach to design patterns. For her [Pattern Catalogue]( Maggie gathered design patterns from her observations and research. She doesn’t tackle the patterns you’ve already read about often but offers a look at things that are often overseen. [Pattern Catalogue]( Algorithmic transparency, folk interfaces, spatial web browsing, and assumed audiences are some of the topics that Maggie explores in her essays. You’ll dive deep into algorithms that make their reasoning visible, explore how people reappropriate existing software to solve unique problems, and why naming your invisible audiences can free you from unspoken obligations. Inspiring! (cm) --------------------------------------------------------------- 2. Effective Design Critique Meetings Constructive design feedback helps designers think outside the box. It improves ideas, encourages collaboration, and, ultimately, helps develop a team’s talent and grow their careers. However, getting design critiques right can be a challenge. To change that, Jes Kirkwood explores [how to give designers feedback they can actually use](. [Design Critique Meetings Guide]( Tanner Christensen summarized [four things that working at Facebook has taught him about design critique](. When he started at Facebook, he was skeptical that the time spent on design critique was time well spent, but he soon learned to embrace the notion that dedicating a few hours every week for a meeting can prove itself to be valuable to everyone who attends. Another great read on the topic comes from Alexandre Brito. In his [guide to design critique]( he presents a straightforward approach for what to do before and during a design critique session to make sure it’ll be successful. Last but not least, the team at Overflow published a [step-by-step guide to enhance your design critique meetings](. The tips are based on real-life methods and are tailored for both presenters and facilitators. (cm) --------------------------------------------------------------- From our sponsor Start Accessibility Testing In Just Minutes With The Free axe DevTools Extension Is your website accessible to people with disabilities? [Download the free axe DevTools Chrome extension]( to build a more accessible website and get instant results with detailed information on your web accessibility issues (and how to fix them). No accessibility experience necessary. --------------------------------------------------------------- 3. Tips For Better Design Workshops Online design workshops often feel more official than face-to-face workshops. You don’t see people’s emotions, and discussions and jokes are often spoiled by technical delays. And then there’s the potential barrier that the tools in use can impose. So what can you do to engage your team even more to ensure the workshop leads to the results that everyone has been hoping for? Slava Shestopalov shares [seven hand-picked tips for awesome design workshops](. [7 Handpicked Tips for Awesome Design Workshops]( From providing an easy-to-use Sandbox canvas to ensure that everyone can share their thoughts and ideas to sprinkling in emojis for a high team spirit and running pre-workshop interviews, Slava’s tips help you set the scene for an effective workshop experience that gets everyone involved. Your workshops won’t turn into long brainstorming sessions but they’ll deliver actionable results. (cm) --------------------------------------------------------------- 4. Free UX Guides What fuels the world’s best design teams? With their [series of free eBooks]( DesignBetter grants us valuable insights. Their library includes 11 books on everything from design engineering and business thinking to enterprise design sprints, design systems, product design, animation, and more. [Design Better Books]( To get you fit for the UX challenges you might come across in your day-to-day work, Maze published a [collection of practical guides]( with expert advice and insights into industry topics. They cover usability testing, UX research, product discovery, concept testing, personas, survey design, and more. The [User Experience Research Field Guide]( by the folks at User Interviews also dives deep into UX research — from planning and conducting sessions to analyzing and reporting findings. Fantastic resources to take your UX skills to the next level. (cm) --------------------------------------------------------------- 5. Upcoming Online Workshops That’s right! We run [online workshops on frontend and design]( be it accessibility, performance, navigation, or landing pages. In fact, we have a couple of workshops coming up soon, and we thought that, you know, you might want to join in as well. [Smashing Online Workshops]( With [online workshops]( we aim to give you the same experience and access to experts as in an in-person workshop from wherever you are. As always, here’s an overview of our [upcoming workshops]( - [Pushing CSS to The Limit]( CSS with Amit Sheen. Nov 2–10 - [Deep Dive On Accessibility Testing]( Dev with Manuel Matuzović. Nov 14–28 - [Mastering the Design Process]( Workflow with Paul Boag. Nov 15–23 - [Designing The Perfect Web Forms]( UX with Vitaly Friedman. Nov 17–18 - [Figma Workflow Masterclass]( UX with Christine Vallaure. Nov 17 – Dec 1 - [Smart Interface Design Patterns]( UX 8h-video course on interface design with Vitaly Friedman --------------------------------------------------------------- 6. Mastering Product Design Interviews How to ace a product design interview? Garron Engstrom has interviewed and been interviewed hundreds of times, and this experience has given him valuable insight into what counts. From understanding what skills are being assessed to preparing for specific questions that might come up, in his [guide to design interviews]( he dives deep into all of the potential interview formats you might come across. [The definitive guide to acing every design interview format]( But what is an “interview format”? As Garron explains, companies use several types of interviews to gain different insights about your experience and see you from different angles. Taken together, they give the company a holistic view of you as a designer. Garron goes over the five most common product design interview formats — portfolio review, app critique, background, problem solving, and take-home exercise — so that you’re well prepared for what’s about to come. (cm) --------------------------------------------------------------- From our sponsor Northwestern’s Online MS in Information Design and Strategy [Northwestern’s Online MS in Information Design and Strategy]( Prepare for a range of dynamic communication roles and build the skills needed to lead communication strategy, translate complex data, and drive user interactions. Choose from specializations in content strategy, UX/UI, communication with data, and learning design. [Learn more](. --------------------------------------------------------------- 7. Practical Dashboard Design Tips Dashboards need to present important data in a way that users can tell what’s going on at a glance. To get that information across quickly and efficiently, the design and layout of the dashboard become all the more important. But no worries, you don’t have to be a designer to build a great dashboard. [How to design and build a great dashboard]( To help you communicate key goals and metrics, the folks at Geckoboard published a checklist with [12 practical dashboard design tips](. Handy guidelines you can follow along, no matter if you’re about to build a dashboard from scratch or have a dashboard in need of a redesign. Another fantastic overview of dashboard tips comes from Adam Fard. He collected [14 handy dashboard UI best practices]( for stakeholders. They help you empathize with your users and enable you to create dashboards that solve problems with a minimal cognitive burden. Susie Lu looks at dashboard design from a storytelling perspective. In her blog post “[Storytelling in Dashboards]( Susie explores why framing exploratory visualizations as a form of storytelling matters and how to design storytelling in dashboards effectively. A great read that helps us see dashboards from a new perspective: as a choose-your-own-adventure story. (cm) --------------------------------------------------------------- 8. UX Knowledge Base UX is a wide subject. Now imagine someone explored almost every aspect of UX and summarized the most important findings so that you don’t have to do all the research yourself. Krisztina Szerovay did just that for her [UX Knowledge Base](. [UX Knowledge Base]( The UX Knowledge Base gives you a complete overview of all things UX. From affordances and Hick’s Law to feedback review and design workflow, it covers more than 140 UX topics. No worries, you don’t have to dig through lengthy articles; instead, Krisztina presents each topic as beautiful, handwritten sketchnotes that highlight the key points and takeaways at a glance. An encyclopedia-like resource, perfect for anyone new to UX or designers seeking to brush up on their UX skills. (cm) --------------------------------------------------------------- 9. New On Smashing Job Board - [Web Developer m*w*d]( at 4wd media GmbH & Co. KG (Darmstadt, DE) - [Design System Builder / DesignOps Specialist]( at zooom productions GK (Tokyo / Remote) - [Developer — Omnichannel & CCaaS Platform]( at THRIO, INC. (Madrid) --------------------------------------------------------------- 10. Recent Smashing Articles - [WP Full-Site Editing: A Deep Dive Into The New Feature]( - [Effective Communication For Everyday Meetings]( - [Sustainable Web Development Strategies]( - [Delightful UI Animations (Part 2)]( - [Read more articles on Smashing Magazine →]( --------------------------------------------------------------- That’s All, Folks! Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time! --------------------------------------------------------------- This newsletter issue was written and edited by Cosima Mielke (cm), Vitaly Friedman (vf) and Iris LjeÅ¡njanin (il). Sent to truly [smashing]( readers via [Mailchimp](. We sincerely appreciate your kind support. You rock. [Follow us on Twitter]( • [Join us on Facebook]( Weekly issues with useful tips for web devs. Email: newsletter@smashingmagazine.com. [unsubscribe]( • [update preferences]( • [view in your browser](