Smashing Magazine - #383: Psychology and UX

Behavioral science, user interviews, product design methods, UX research and design system ROI calculator. Issue #383 December 13, 2022 View in the browser 💨

Smashing Newsletter

Goeije 'n avend Smashing Friends,

We’ve heard it before: what users say about their digital experience with product and what they actually do with it are oftentimes very different things. That’s why the behavioral science and UX research are so critical: they uncover behavior patterns and pain points that the interface has to resolve.

In this newsletter, we look into them: the psychology of user behavior and a few resources for better UX research, product design methods, user interviews and a friendly design system ROI calculator.


If you’d love to dive deeper, we’ll be running online workshops with Brad Frost on Successful Design Systems and Designing for Complex UIs with yours truly early next year, with deep-dives into usability and design processes.

Also, don’t forget about the Smashing Hour with Dan Mall will be taking place this Wednesday, on Dec. 14 at 8–9 am PT (check your timezone) with everything on design systems. We hope you’ll join us there!

For now though, wishing you a calm and peaceful week ahead of upcoming holidays. And hopefully you’ll find time for yourself before the busyness begins!

Vitaly (@vitalyf)


1. Behavioral Science Nuggets

Scarcity, social proof, prospect theory. The Coglode Cookbook distills behavioral science theories like these down into small, practical nuggets that you can apply to your work right away.

Coglode Cookbook

For each nugget, you’ll find a concise explanation, insights into the study behind it, a summary of key takeaways, and connected theories. Twelve foundational nuggets are free to access for everyone. If you want to dive deeper, paid plans are available that let you explore more theories, cheatsheets, and case studies.

A fantastic compendium that gives you a robust foundation in behavioral science and encourages you to play and explore. (cm)


2. UX Research Library

Have you heard of Research Bookmark yet? Whenever you’re looking for anything UX-related, be it reading resources, courses, or tools, chances are high that Research Bookmark can help you find what you need.

Research Bookmark

Research Bookmark is a search engine for UX research. You want to know how to recruit participants? Or learn more about affinity mapping? Just enter the search term, and the search engine delivers results from across the web. The site also features curated reading lists and quicklink lists with everything from tools and communities to research vocabulary, books, podcasts, and courses. Worth bookmarking. (cm)


From our sponsor

Discover The Research Trends To Watch In 2023 In Maze’s Continuous Research Report

Maze
This Maze x Atlassian report presents data from 600+ product professionals. Discover how product teams use continuous research to inform decision-making and learn more about the key trends that will shape the future of the research industry in 2023 and beyond. Explore the findings.


3. Service Design Tools

Complex design challenges ask for the right tools. But which tool is the right one for your purpose? Service Design Tools bridges academic research and professional practices to help you find the best resources and materials based on your project’s needs.

Service Design Tools

Answering four key questions brings you closer to the tools that best fit your design challenge: What stage of the process are you at? Who would you like to engage in the design process? What aspects of the service are you working on? And what types of representation would you like to use?

From card sorting and empathy map to enhanced tools like ecosystem loops and future backcasting, even experienced UX professionals will discover something new in the results. If you are looking for examples of how to use the tools in real-world projects, there is a small but fine selection of case studies that share valuable insights. (cm)


4. Product Design Methods Mind Map

As designers, we practice many methods and skills. But which are useful and which are not? A knowledge map helps you and your team figure out when to use what. It might take some time to create, but once you’ve connected the dots, it can serve as a framework to approach problems more effectively.

Product Design Methods In A Mind Map

A great example of a knowledge map comes from Mei Zhang. Mei created a product design/UX mind map in which she maps methods, skills, and knowledge for the five phases in a design process — from the initial phase of understanding your users to validating the product.

You can explore the map or read more about how it works. A treasure chest of knowledge that maybe will even inspire you to make your own mind map to help in your day-to-day work. (cm)


5. Upcoming SmashingConfs And Workshops

Every year we bring bright and kind people who care about the web to share what they’ve learned. For 2023, we can’t wait to welcome you to SmashingConf Freiburg 2023 (Sep 4–6, 2023) with adventures into design systems, accessibility, CSS/JS and interface design patterns. Get your early-bird ticket!

Smashing Online Events

We’re also very excited about our very first SmashingConf Front-End @ SF 2023 (May 23–26, 2023), entirely focused on cutting-edge front-end. From accessibility and advanced CSS to JavaScript gems and web performance. With a dash of Tailwind, Next.js and TypeScript. Get your early-bird ticket!

Smashing Online Events

And as always, here’s an overview of our upcoming online workshops:


6. User Interview Cheatsheet

What to ask in a user interview? And how to ask it? Stéphanie Walter put together a cheatsheet that helps you write interview questions for user research and usability test protocols.

A Cheatsheet for User Interview and Follow Ups Questions

The questions are organized in categories covering everything from open discovery questions to discussing problems and pain points and asking about opinions. Stéphanie also shares tips for following up on something the interview participant mentioned — to dig further into a topic or come back to a specific topic at the end of the interview. What to consider when interviewing neurodivergent users is also covered. (cm)


From our sponsor

Tech Professional? Help The Software Industry Thrive By Joining The Developers Alliance

Developers Alliance
When it comes to app ecosystem issues, software professionals know best. The Developers Alliance represents 70k developers and app publishers across the globe. Together they advocate for government policies that support the industry's growth. Join the network today!


7. Survey Best Practices

Surveys are a popular method to gather quick data at a fraction of the cost you’d need to run user interviews. However, as Jeff Humble warns, their results can be misleading and lead to costly decisions. In his post “Surveys Are the McDonald’s of UX Methods,” Jeff explains what’s wrong with surveys, how to prevent survey fatigue, and what role different kinds of bias play when creating surveys.

Surveys for User Research: Best Practices for Better Insights

Rachell Lee also shares some valuable tips on how to craft clearer, more intentional, and constructive surveys. Sourced from User Interviews’ internal UX research playbook, she compiled a list of survey writing tips, QA checklist items, tools, comprehension questions, and more best practices to get better insights from your surveys.

Surveys might often be over- and misused, but when done right, they can still be a powerful tool for doing user research at scale. (cm)


8. Design System ROI Calculator

Your boss is hesitant that the work you’ll put into a design system will eventually pay off? The Design System ROI Calculator might be just what you need to convince them that the time and money invested in a design system is a good investment.

Design System ROI Calculator

The ROI calculator helps you understand and project cost savings when implementing a design system. It calculates total employee savings from implementing a design system, as well as time saving and efficiency gain by component or UI element. To estimate total savings, you can select between different scenarios based on team size and product calculation. (cm)


From our sponsor

Compliance Doesn’t Need To Be Complicated

Vanta
An automated platform can help you to get compliant quickly, but researching and committing to an automated security platform can be a confusing process. Download Vanta’s guide to learn the five must-have features of an automated platform.


9. New On Smashing Job Board


10. Recent Smashing Articles


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

unsubscribe update preferences view in your browser

Key phrases

Older messages

#382: Front-End & UX Advent Calendars

Tuesday, December 6, 2022

With advent calendars on accessibility, CSS/JS, UX and Web Performance. Issue #382 • December 6, 2022 • View in the browser 💨 Smashing Newsletter Gamarjoba Smashing Friends, It's December! So

#381: Interface Design

Tuesday, November 29, 2022

Dashboard design patterns, behavioral science, design principles, Figma plugins and easing gradients. Issue #381 • November 22, 2022 • View in the browser 💨 Smashing Newsletter Tere Smashing Friends,

All Good Things JavaScript

Tuesday, November 22, 2022

Finding memory leaks with JavaScript, Internationalization API, security issues and understanding useMemo.Issue #380 • November 22, 2022 • View in the browser 💨 Smashing Newsletter Sveiki Smashing

#379: Web Accessibility

Tuesday, November 15, 2022

With focus styles, WCAG 2.2, accessible PDFs, accessible color palettes and how to document and test accessibility. Issue #379 • November 15, 2022 • View in the browser 💨 Smashing Newsletter Hello

#378: Interface Design

Tuesday, November 8, 2022

With drag'n'drop UX, blend modes, design principles, forced colors and useful Figma plugins. Issue #378• November 8, 2022 • View in the browser 💨 Smashing Newsletter Hyvää päivää Smashing

You Might Also Like

Why Jake Arnold Doesn’t Text Clients

Tuesday, April 23, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

The secret ingredient to media success

Tuesday, April 23, 2024

PR tips from our founder Nora Wolf In this month's edition is all about *the most important* element of successful media outreach—photography. You may have some photos, but if the backgrounds are

#453: Design Systems

Tuesday, April 23, 2024

Design system generator, types of design systems and how to consolidate design systems. Issue #453 • Apr 23, 2024 • View in the browser Smashing Newsletter Buổi tối vui vẻ Smashing Friends, Ah, design

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Tuesday, April 23, 2024

Your UpLabs Design Updates Await! Let's Get Going! 🎨 Firstly, let's congratulate Mariana Gameiro, the winner of our latest 👩‍💻 SheCodes Website Redesign Challenge! Congratulations!! Secondly,

Code Connect, JS Naked Day, Shape of AI, Product Design, CSS Grid Level 3

Tuesday, April 23, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 23 2024 The Right Code for Your Design System figma.com

Accessibility Weekly #393: When Security and Accessibility Clash

Monday, April 22, 2024

April 22, 2024 • Issue #393 View this issue online or browse the full issue archive. Featured: When security and accessibility clash: Why are banking applications so inaccessible? "While using

Bézier Curves, CSS Motion Extraction, CSS Testing, CSS Theming, Women Who Code

Monday, April 22, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 22 2024 Flattening Bézier Curves and Arcs minus-ze.ro

What makes a great seed stage founder

Sunday, April 21, 2024

Issue 191: What to look for (and avoid) in early builders ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Pierce & Ward’s Secret Sources, Business Advice You Can’t Afford to Miss, and More

Friday, April 19, 2024

View in your browser | Update your preferences ADPro “Minimalism is not my strong suit.” So says Emma Roberts, the muse behind AD's May cover story. (Celebrities—they're just like us!)

World Press Photo Contest, Speedometer 3.0, Anchor Position, Sliding Frame, Meta Llama 3

Friday, April 19, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 19 2024 The World Press Photo Contest Documents War,