Smashing Magazine - #477: UX Kits, Tools & Methods

Playbook for universal design, UX deliverables glossary, UX toolts for better thinking and better design workshops. Issue #477 Oct 8, 2024 View in the browser

Smashing Newsletter

Hello Smashing Friends,

How do you tackle complex UX projects? Perhaps legacy-ridden products in an unfamiliar domain, with layers of stakeholders and limited resources for research? There is no single established method that would work in every situation for every company, but it’s useful to have a good selection of UX tools that we can rely on in different situations.

In this newsletter, we dive into just that. Practical UX methods, templates and activities for ideation sessions and product sprints, from storyboards and brainwriting to 6 thinking hats, journey mapping and concept testing.

How To Measure UX & Design Impact
Meet Measure UX, a practical 8h-video course on UX metrics and design KPs, with Vitaly Friedman.

Last week we (finally!) launched How to Measure UX and Design Impact 🧭, a new 8h-video course on how to establish, measure and report UX metrics and design KPIs — for senior designers, UX researchers and design leads. Jump to the details.

On our end, we are just about to kick off SmashingConf NY — and we can’t wait to see you in person and online:

And let’s dive into the wonderful world of UX tools and methods, everyone! We hope you’ll find them useful!

Vitaly


1. UX Strategy Kit

Have you ever heard of “World Café,” “Two Truths And A Lie,” or “The Aliens Have Landed”? All three are methods to help you run ideation sessions and product development sprints. The team at Merck KGaA created a UX Strategy Kit jam-packed with practical ideas that provide a foundation for your UX workshop endeavors.

UX Strategy Kit

From defining the core strategy and a proven problem statement to generating ideas and building a prototype, the UX Strategy Kit accompanies you through the complete product design process. Each method comes with instructions, a FigJam template, and a presentation to take your team through the workshop step by step. (cm)


2. Tools For Better Thinking

Am I solving the right problem? Which option is the best one? What are the long-term consequences of my decision? Thinking tools can help designers find answers to the questions they ask themselves on a day-to-day basis. A wonderful overview of such tools comes from Adam Amran.

Untools

Untools is a collection of thinking tools and frameworks to help you solve problems, make decisions, and understand systems. From the Minto Pyramid to the Hard Choice Model, the tools cover systems thinking, decision making, problem-solving, and communication. A guide helps you choose the right tool for your needs. One for the bookmarks. (cm)


From our sponsor

Monitor Website Performance And Speed Up Your Website

DebugBear
DebugBear is a page speed monitoring tool that combines in-depth on-demand tests with real user data. Provide a better user experience and pass Google’s Core Web Vitals assessment. Start your free trial!


3. Universal Design Playbook

Universal design methods can help you be more inclusive in your design process, both within the context of the design workshops you’re running and how you interact with your users. To support you in developing a mindset of inclusion, DTU Skylab released the Playbook for Universal Design.

Playbook for Universal Design

The playbook is a collection of methods to plan and facilitate universal design development in every step of the process, for short workshops or longer work sessions. Each method includes everything you need to get up and running quickly: a short tutorial, step-by-step instructions, inclusivity tips, materials needed, templates, and accommodation tips for different abilities. (cm)


4. Upcoming Workshops and Conferences

That’s right! We run online workshops on frontend and design, be it accessibility, performance, or design patterns. 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 Events
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 a quick overview:


5. Anatomy Of Design Workshops

Empathy mapping, value proposition, customer journey — the number of workshop types out there can be scary. But even if they might seem like rocket science at first sight, they aren’t. As Slava Shestopalov shows, all workshops are atomic and anyone can easily grasp the nature of any complex workshop by learning its elementary parts and key principles.

Anatomy Of Design Workshops

In his post, “Anatomy Of Design Workshops,” Slava explains in detail how every workshop can be broken down into its constituent parts: the foundational activities that compose every workshop and variables that adjust the foundational activities to your use case. Slava also dives deeper into what the famous “double diamond” means in practice and how canvases help decompose and convey complex ideas. A must-read for anyone who runs design workshops or is planning to do so. (cm)


From our sponsor

Simplify Your Data Collection With A Fully Integrated Form Management Platform. Build Better Forms, Faster.

SurveyJS
Discover SurveyJS, an open-source JavaScript library suite for secure form creation and data collection in your application (React/Angular/Vue/jQuery). Build dynamic JSON-driven surveys and forms quickly and without manual coding. Collect and store responses while retaining full control over your data. Integrate with any backend system. Start with a free, full-featured demo.


6. A Toolbox To Support Your Team’s Creative Journey

Committed to making change happen, the digital creative business school Hyper Island relies on an approach to learning that focuses on collaboration and creativity. To help teams adopt a more creative and collaborative approach in their day-to-day work, too, they published the free Hyper Island Toolbox.

Hyper Island Toolbox

The Toolbox includes more than 100 methods and activities that you can start using today. Whether you want to explore group dynamics, are looking for better ways to collect feedback or share concerns, or want to gain clarity about which ideas to develop further, the toolbox helps you find the right tools to support your team’s creative journey. You need to register with your name and email to get access to the complete Toolbox, or check out the free Tool of the Month. (cm)


7. New Video Course: How To Measure UX And Design Impact

Ready to dive deeper? Well, we have something very special coming up for you: Our brand-new video courseHow To Measure UX & Design Impact” with Vitaly Friedman. Meet a 8-hour long journey to UX metrics and design KPIs, sailing in unchartered waters every now and again.

How To Measure UX & Design Impact

From establishing team-specific design KPIs to translating ambiguous objectives into practical design goals and making sense of OKRs, SUS, UMUX-Lite, TPI, KPI trees, feedback scoring, gap analysis, and Kano model, the course is filled with plenty of examples to help you measure UX. Jump to details.

8. UX Deliverables Glossary

Deliverables are an essential tool for any UX practitioner. They document what work has occurred and communicate ideas, research findings, and the context of a project. To help you navigate the different kinds of deliverables and quickly clarify key terms and concepts related to them, Huei-Hsin Wang compiled a UX Deliverables Glossary.

UX Deliverables Glossary

The glossary documents and explains more than 60 key terms — from Affinity Diagram to Wireframe. Each description includes links to related articles from the Nielsen Norman Group in case you want to dig deeper. A useful resource you might want to keep close. (cm)


From our sponsor

Ensure Mobile App Accessibility With BrowserStack’s Complete Testing Solution

BrowserStack
Identify and fix accessibility issues on real iOS and Android devices with zero setup. BrowserStack’s Workflow Scanner delivers 5x faster results, including instant access to TalkBack and VoiceOver screen readers. Get actionable insights to ensure your app is inclusive and compliant with the latest WCAG standards. Run your first scan now!


9. Recently Published Books 📚

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books. Have you checked them out already?

Success At Scale
It’s here, and it’s shipping! Success At Scale, a new book by Addy Osmani. Get the book or browse the complete library.


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

Older messages

#476: How To Measure UX

Tuesday, October 1, 2024

New video course, measuring UX and usability for assistive technology users, free eBooks on UX impact, scorecards, and how to use the Accessible Usability Scale (AUS). Issue #476 • Oct 1, 2024 • View

#475: New Front-End Adventures

Tuesday, September 24, 2024

With color accessibility, font performance optimization, view transitions, and ethical web principles. Issue #475 • Sep 24, 2024 • View in the browser Smashing Newsletter Hej Smashing Friends, From

#474: Web Accessibility + Free Workshop

Tuesday, September 17, 2024

With guidelines on inclusive design, designing for ADHD, dyslexia, neurodiversity, dyscalculia and general do's and don'ts. Issue #474 • Sep 17, 2024 • View in the browser 💨 Smashing Newsletter

#473: Motion and Animation

Tuesday, September 10, 2024

Practical guides to transition animations, cheatsheets, a library of loading and progress indicators and how to design systems that focus on animation UX.Issue #473 • Sep 10, 2024 • View in the browser

#472: Enterprise UX

Tuesday, September 3, 2024

Healthcare UX, complex applications and how to run UX research in complex, legacy-ridden enterprise environments. Issue #472 • Sep 3, 2024 • View in the browser Smashing Newsletter Guten Tag Smashing

You Might Also Like

At Home With Gloria Steinem

Thursday, December 26, 2024

View in your browser | Update your preferences ADPro Glory, Gloria Every year our AD100 honorees fill out a survey of projects that they're working on. A year or so ago, longtime AD100 designer

Celeb Homes at the Holidays—and a Few More Things to Make You Merry

Tuesday, December 24, 2024

View in your browser | Update your preferences ADPro Holiday Cheer Whether your taste leans traditional, modern, or all-out extravagant, AD is rife with inspiration for your holiday. In the spirit of

#488: Fun And Useful Gems

Tuesday, December 24, 2024

Radio garden, Zoom backgrounds, visual history of the alphabet and fun interactive experiences. Issue #488 • Dec 24, 2024 • View in the browser Smashing Newsletter Hello Smashing Friends, As we are

Accessibility Weekly #428: Putting AI to the (Accessibility) Test

Monday, December 23, 2024

December 23, 2024 • Issue #428 View this issue online or browse the full issue archive. Hey accessibility friends! It's the time of year where news and information slows down as many people take

2024 magic moments

Sunday, December 22, 2024

Issue 225: The year from my personal lens ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Planning mode

Friday, December 20, 2024

Lessons from our first-ever annual planning sprint ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

We Co-Sign This AD100-Approved Trend

Thursday, December 19, 2024

View in your browser | Update your preferences ADPro Emboldening the Bath Marble, marble, everywhere, and every drop is chic. According to AD100 designer Jake Arnold, “material drenching”—that is,

177 / Keep calm by listening to these ambient sounds

Thursday, December 19, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Dec 2024 • Part 1 View in browser Welcome to Issue 177 Lately, I've been driving a lot of inspiration from the things I see in real life. The range

The Year in Color: Hella Jongerius, Mocha Mousse, and More

Thursday, December 19, 2024

View in your browser | Update your preferences ADPro Color Our World Since the summer, AD PRO has kept its finger on the pulse of color predictions. Overall, the vibe right now is down to earth,

🐺Get Media Features in 2025

Thursday, December 19, 2024

A BIG Wolf Craft announcement!! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏