stephaniewalter

stephaniewalter, 1 day ago to random

How to design accessible forms in 10 steps?

• break long form into smaller ones
• provide a label for each field
• use text hint instead of placeholders for format and help
• use HTML5 native form controls when possible
• highlight elements on focus (and make sure the color of the focus follows WCAG standards too)
• help users recover from error with good styling and error messages
  https://uxdesign.cc/how-to-design-accessible-forms-in-10-steps-22232d65de18

stephaniewalter, 1 day ago to random

Next time someone asks "why don't you sell your stuff on Etsy/a site", send them to me, and I'll infodump how it's hours of administrative nightmare with people who don't read questions, can't provide understandable answers and send you 80 pages of European directives.

stephaniewalter, 1 day ago to random

New to Figma? You might need this nice tutorial that covers all you need to know about Figma variables, from type, to how to create, use them, organizing with groups and collections, how to prototype with them and more.
Resource: https://goodpractices.design/tutorials/figma-variables

stephaniewalter, 2 days ago to random

How many times do you press the walk signal call button? Do you press it repeatedly, or is once enough? It all comes down to your mental model of how the system works.
Understanding user mental model is important for designing user friendly interfaces. To measure and analyze them, you can use methods like think-aloud protocols, retrospective interviews, a series of what-if questions, or even methods like relatedness ratings, card sorting and pathfinder networks.

https://uxmag.com/articles/measuring-users-mental-models

stephaniewalter, 2 days ago to random

I don’t know who needs those abstract shapes with cool grainy gradient, but, they do look very, very cool indeed. You can copy paste the SVG, JSX code, download SVG and PNG, or open them in Figma.
Resource: https://coolshap.es/

stephaniewalter, 3 days ago to random

Looking for an interesting way to share findings with research participants? You could use graphic recordings. I also like that it's a non-digital artifact.

Medium article by Aysha Brown: https://bootcamp.uxdesign.cc/creative-ways-to-playback-research-21889f640f9c

stephaniewalter, 3 days ago to random

Here we go, you can now officially buy stickers from me!
For now, there's a neurodiversity, cute beasts & plants, and a UX design & research collection.
I'll add new ones along the way, I have a couple of other illustrations projects in my bag.
Here we go: https://shop.stephaniewalter.design/get-some-stickers

stephaniewalter, 3 days ago to random

Yes, yet another AI color palette generator , but I kind of like that to you change manually change some colors, ask it to refine it, and get some inspiration of what it could look like.
Resource: https://deblank.com/colors

stephaniewalter, 3 days ago to random

Current work in progress: my accessibility for designers checklist grew, a lot. So, I'm preparing a mini one, that with a summary of the bare minimum designers could do. Trying to fit this into a A4 is, a challenge. But, also, very interesting since it forces me to get to the "what's the minimum and most important things designers can do". I'm not saying this is all we should do of course, but, it's a baseline to build upon.

stephaniewalter, 4 days ago to random

Freepik launched a Figma plugin that gives you access to their whole library, directly from your design tool. I like that you can choose the level of background details and can easily recolor them.
Storyset: https://www.figma.com/community/plugin/865232148477039928/storyset-by-freepik

nith0u, 4 days ago to random French

Taylor Swift et l'Eurovision la même semaine, je pense être à peak gay :BlobhajPrideHeart:

stephaniewalter, 4 days ago to random

Need some Monday procrastination? Here you go: Same Energy Snap, a collection of images which Twitter users have described as having the Same Energy. Your challenge: match the 6 pairs.
Here you go: https://www.monkeon.co.uk/sameenergysnap/

stephaniewalter, 5 days ago to random

👉🏻 My curated weekly UX Research, Design, Accessibility & Tech Newsletter is out.

In this week's edition:

• Celebrating neurodiversity with stickers
• Figma handoff helpers
• UX maturity
• Wacky copy
• AB/ testing and usability testing
• Front-end identity crisis
• AI won't solve accessibility
• Nostalgia websites
• CSS shapes
• AI interaction patterns
• Figma tips

Newsletter on my blog: https://stephaniewalter.design/blog/pixels-of-the-week-may-5-2024/

aardrian, 6 days ago to random

It’s not wrong. But it’s not right, either.

“Creating Fluid Typography with the CSS clamp() Function”
https://www.sitepoint.com/fluid-typography-css-clamp-function/#:~:text=setting%2016px%20(or%20whatever%20value%20you%20want)%20as%20the%20root%20font%20size

It is, however, nice to see that my advocating for less broken fluid type approaches has paid off, even if the handwavy ‘accessibility’ explanations don’t point to my post that first raised them. It’s cool, it’s only my ego (and detailed explanations with examples).

stephaniewalter, 6 days ago to random

What if... I put mica powder into stickers? Well, I would say it kind of works when you go for neurochaotic space look?
Also, I can't decide if I prefer text with semi blended mode (1st) or not (2nd) from my MVPs
#StefCraft

Purple pepper sticker with the text Neurochaotic not blended with the background
The 2 stickers side by side, not blended on top, blended on the bottom
Workstation with uncut stickers and some mica powder being applied

stephaniewalter, 7 days ago to random

How Disabled People Get Exploited to Build the Technology of War.
A long and super insightful read by Liz Jackson and Rua Williams on how assistive technologies developed for disabled individuals are repurposed for military use, often without their consent or knowledge. Under the cover of inclusive design methodologies, disabled people get exploited in the development of technologies like prosthetics and speech recognition, which ultimately serve militaristic agendas.

F
https://newrepublic.com/article/179391/wheelchair-warfare-pipeline-disability-technology

stephaniewalter, 7 days ago to random

⭐ This week's Figma community file you want to bookmark, trust me: Handoff Helpers 2.0, a free component library to help designers communicate more effectively in Figma
Resource by Ridd: https://www.figma.com/community/file/1266273609100229437

stephaniewalter, 8 days ago to random

5 times “smart” copy swung into graveyard humor,from “collapse” buttons not really fit for a mental health app, to German tea who want to berry you, all the way in some PastAway italian restaurants.

https://uxdesign.cc/5-times-smart-copy-swung-into-graveyard-humor-0d2a7c5cf4f9

stephaniewalter, 8 days ago to random

Need some help with building AI tools and products that prioritize the experience of the people using those?
The Shape of AI is a place to find AI interaction patterns to help you. Each pattern comes with an overview, benefits, anti-patterns and examples.
Resource: https://www.shapeof.ai/

stephaniewalter, 10 days ago (edited 9 days ago) to random

Project announcement incoming! I'm happy to announce that @Myriam and I launched Neurospicy. It's an agency, a boutique consultancy and a project dedicated to neurodiversity - all rolled up into one.

It's still a MVP, but the idea is to have a place to offer different content around neurodiversity, including training, socks, and stickers. I have no idea where this is going, and honestly, this is the most fun part, dopamine rush?

📢 https://www.neurospicy.agency/