UX Collective
Design Better Forms
5 min · · Common mistakes designers make and how to fix them · Shared by 1126, including Christoph Janz 🇺🇦🎗🕊, Tibor Martini 🇺🇦 @tibor@mastodon.social, Chris Messina, Fabricio Teixeira, Dominik Grolimund, Mark Kaigwa, Courtney Bolton ★, Brent Summers, Matthias Sala, Greg Meyer, Luca Hammer, Casey Smith, Dennis Lembrée, Aleyda Solis 🇺🇦, Susan Weinschenk PhD, Alligator.io 🐊, Web Axe, Zain Fathoni, Parin Vachhani, Easy Chirp
UX Collective
Good to great UI animation tips
8 min · · Practical suggestions to improve your UI micro-interactions. · Shared by 404, including pizza.lottie 🍕, ahmet, Luca Hammer, Yash Tekriwal, Nicolas Berg, Mark Kaigwa, Greg Meyer, Adham Dannaway, Zain Fathoni, Mike Taylor, ross, Merkstatt@troet.cafe 📯, Paweł Kuna, Ariane van der Veen, Marcus Kuhn, adrianleb.eth, Tibor Martini 🇺🇦 @tibor@mastodon.social, Nicolas Dengler, Herbert Bay, Fabricio Teixeira
adamsilver.io
Where to put buttons on forms by Adam Silver, designer based in London, UK.
6 min · · Button placement can make or break a form. Find out the best place to put them in this article. · Shared by 222, including Benoist Lawniczak, HeyDesigner, Marius Bleuer, ross, Veerle Pieters, front-end.social/@heydon, CSS Weekly, Adrian Roselli (no blue check) 🗯, Gabriele, Mayhem, Just Mayhem., David Hellmann, Design Shack, Muhammad Althaf, Chris Heilmann codepo8@toot.cafe, Caroline Jarrett, almagentia369, Johannes Dornisch, Christian P. Stobbe, Oliver Raduner, Jacob du Toit
UX Collective
10 usability heuristics with examples
8 min · · We often choose different UX methods for different projects based on its complexity to get the best solutions. Among these processes, the… · Shared by 173, including Clemens, Victor Tolosa, David Teodorescu, Matt, Niklaus Gerber, ross, Jorge Alcaín Pro, laugri, Marius Bleuer, Massimiliano Aroffo, Oliver Raduner, Stu Collett
modalzmodalzmodalz.com
We use too many damn modals.
2 min · · The bad news While there are genuine, good uses for them, many modals are… disruptive, invasive, and confusing used as an interaction junk drawer used too often :) hard to escape poorly accessible a… · Shared by 164, including ross, Thomas Kaul, Stef Walter, Rodrigo Noales, Victor Tolosa, Hannah Milan, Andreas Bossard, Fabricio Teixeira, Clemens, Simone Corsi 💻🚀, Brad Frost, Benoist Lawniczak, Dominik Chanton, John ʕ꘠ ͟ʖ꘠ʔ Ford, Tibor Martini 🇺🇦 @tibor@mastodon.social, Matt, Michelle Boisson, Max Stoiber, #MuskOut (not parody), Chris Messina
Nielsen Norman Group
How to Measure Learnability of a User Interface
8 min · · To measure learnability, determine your metric, gather your data, and plot the averages on a line curve. Analyze the learning curve by looking at its slope and its plateau. · Shared by 145, including CSS Weekly, Dominik Grolimund, Niklaus Gerber, MeasuringU, Nick Floro, Oscar MacDonald, ross, Esther Schindler, David Teodorescu, Merkstatt@troet.cafe 📯
ux.shopify.com
Designing address forms for everyone, everywhere
12+ min · · A 5-step guide to designing global addresses · Shared by 117, including 瑞拿頭, Johannes Dornisch, Clemens, Oliver Raduner, Chris Heilmann codepo8@toot.cafe, Tauno, Niklaus Gerber, CSS Weekly, ross
unbounce
Here’s How the Illustration Design Trend Caught Fire and Why Every SaaS Is Rebranding
18+ min · · Recently, hundreds of SaaS websites have started using similar-looking illustrations in their branding. How did this trend catch fire? And is it bad for marketers to follow these types of design… · Shared by 96, including kp, sascha aßbach, ross, Oli Gardner 🇺🇦, Victor Tolosa, 瑞拿頭
InVision
Seriously, you need to start documenting your UX work
5 min · · Check out Sarah Doody’s Career Project Diary, the solution to all of your UX documentation woes. · Shared by 84, including designshard, Gabriele, Matt, Carlos Jonay Suárez Suárez, CSS Weekly, Neil Lee, ross, Courtney Bolton ★
InVision
It’s time to kill the infinite scroll
5 min · · For news websites, the endless scroll encourages bad content and bad business models. Let’s change that. · Shared by 83, including Marin Lorant, Nick Floro, Courtney Bolton ★, Miguel Alvim, Massimiliano Aroffo, Ian Lurie 🇺🇦 @ianlurie@mastodon.social, ross
css-doodle.com
< css-doodle />
12+ min · · A web component for drawing patterns with CSS Usage ↓ CodePen GitHub <css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on latest Chrome, Safari and Firefox right now… · Shared by 76, including Una 🇺🇦, @JanWillemTulp@vis.social, ross, Selim Imoberdorf, Tableless, sascha aßbach, Fabricio Teixeira, John Maeda, Stef Walter, Benny Schudel, masone, Marius Bleuer, Kam, Lynn Cherny
Nielsen Norman Group
Placeholders in Form Fields are Harmful (Video)
· Data-entry form fields on websites are crucial for ecommerce and many other applications. Fields need labels and (sometimes) instructions, but placing this text inside the field lowers usability and… · Shared by 74, including Web Axe, Steve Faulkner SteveFaulkner@mastodon.social, Adrian Roselli (no blue check) 🗯, Oliver Raduner, Dennis Lembrée, Vincenzo Tremonte, ross
UX Planet
The Mobile Design Elements That You Have to A/B Test
5 min · · UX is at the intersection of product and design. If UI designers are fixated on the look and feel of an app, while product managers are… · Shared by 50, including Jean Decherf, Niklaus Gerber, Leslie D, Clemens M. Schuster, Veronika Lampion, Dominic Huang, Clément Drévo, ross
UX Collective
7 little tricks to achieve the best results in UI animation
5 min · · Working effectively with developers · Shared by 36, including Nick Floro, ross
Codrops
Custom Cursor Effects
6 min · · A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels. · Shared by 31, including ross
dbanks.design
Documenting Design Tokens
· Shared by 26, including ross, pizza.lottie 🍕, Marius Bleuer, Brad Frost, CarloZen, Michael Zumstein