@stephaniewalter@front-end.social
@stephaniewalter@front-end.social avatar

stephaniewalter

@stephaniewalter@front-end.social

UX Researcher & Inclusive Designer working in Enterprise UX. Mobile Expert, Tech Speaker, Author & Teacher. Chaotic neutral tea, #SVG & #CSS Lover. 🌈

I talk about #design, #UXResearch, #accessibility and #InclusiveDesign mostly
I also draw #illustrations for fun, so you might get drawings, food and plants here.

Here are notes and questions on interacting with me and social media content: https://stephaniewalter.design/faq-frequently-asked-questions/#social-media

This profile is from a federated server and may be incomplete. Browse more on the original instance.

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Another episode in the life of having a é in my name, when people don't accept "non English letters" whatever that means?. Would you tell Beyoncé she can't use her name on your site?

I got a whole talk on the topic, by the way: https://stephaniewalter.design/blog/hello-my-name-is-stephanie-talk-encoding-special-characters-issues-poor-user-experience/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

I love patterns, they can bring some consistency and fun to designs.
Here are 3 resources to can generate, copy paste and use SVG patterns and shapes:

  • Vector Pattern Generator, a tool that lets you customize patterns that you can then copy paste as SVG or CSS code https://www.visiwig.com/patterns/
  • Pattern generator by Super designer: a fun tool to create geometric patterns based on 4 different tiles selection https://superdesigner.co/tools/patterns
  • SVG Shape Generator, another cool and fun SVG blob and shape genera
stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Free Design Stuff: free curated design resources for personal and commercial use, including places to find fonts, icons, photos, illustrations, tools, free courses and more.
https://freedesignstuff.com/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

I agree with Dan Mall here: if you want something from me, if you make me guess what it is, there’s a higher chance I will say no, just, because we all have tones of things to think about. Make it easier for people to say yes to you, by asking direct questions, and being very specific.

https://danmall.com/posts/ask/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

I am all set for the 1/4 session of my Accessibility for Designers workshop tonight with Smashing Magazine:

  • Slides: checked
  • Figma exercises: warm
  • Checklists & Resources: up to date
  • Self Assessment map: ready

https://stephaniewalter.design/accessibility-for-designers-workshop/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

One of the new things coming to the webplatform I'm super happy about is :user-valid and :user-invalid. We have :valid and :invalid but those were triggered while user was typing. Rather useless if you as me. The new ones will only get triggered after a user has significantly interacted with the input. This is going to be nice for form validation.

Full article: https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes?hl=en

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Want to start the week with something cute and fun? In Choo-choo world you create a cute vibrant train track, and then you got to play the train!
I think we need more fun, cute, playful tings on internet, and this is one of those.
https://choochooworld.com/?DATA=DFFBHFIJBEFFFDABBF/1/D

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

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

In this week's edition:

  • Accessibility for Designer Workshop
  • Sensory Environment Checklist
  • North Star Metric
  • Hidden vs. Disabled
  • Chatbots vs. Humans
  • New CSS Tricks
  • AI and Accessibility
  • Figma Plugins (OKLCH Color Variation Plugin, Vector to 3D)
  • Design Salary Database
  • Accessible Text Resizing
  • Container Queries
  • Apple and Google's Accessibility New Features

👉🏻 https://stephaniewalter.design/blog/pixels-of-the-week-june-2-2024/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar
stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Slash pages: a guide to common pages you can add to your website, including /about, /now (to tell what you are working on, but also /chipotle so that your friends know your chipotle order. I feel like I need a /sushi one instead!

https://slashpages.net/
https://slashpages.net/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

An interesting list of potential questions Robin Rendle is asking, when checking design portfolios. Those should help you craft better portfolios:

  • Who are you? Find a light way to present yourself before serious business starts.
  • What was the problem you tried to solve?
  • Did you do any research?
  • Did you make a mess? Robin wants to see the process, not just the final result (often we then to throw away alternate solutions though)
    https://robinrendle.com/notes/design-interviews/
stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Open Database of Design Salaries: a list of salaries of designer, across industries, experience level and geographic location.
There’s less data outside of North America, so people, they need you to participate!

https://designx.community/salary/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

There are the people who say "hi" in every DM conversations, even when you continue a discussion from the day before.
And they are the chaos raccoons who said "hi" 8 months ago, and just continue the async discussion, as if days didn't exist in between.
Which one are you?

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Designers, do you want to learn about accessibility (you should)? I'm running a new session of my workshop with Smashing Conference next week. It's online, 4×2h, twice a week.

And, since budgets are tights at the moment, we decided to offer a 15% discount for "last minute participants". Here's the link with the discount: https://ti.to/smashingmagazine/online-workshops-2022/discount/welcometomyworkshop

Workshop details to convince your boss: https://smashingconf.com/online-workshops/workshops/accessibility-design-stephanie-walter/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Some workplace setup can make it challenging to concentrate and distracting for neurodivergent people. Things like visual overload (lightning), auditory overload (open space with too much sound), olfactory overstimulation (cleaning product that smell) or even tactile discomfort (scratchy fabrics) for example should be considered when designing or redesigning new environments for people who work, but also for visitors.

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

After "should designer code" and "to wireframe or not", this week we are back to "do we put the primary button on the left or on the right side of the modal?". (I would go with test it, for what it's worth)
Am I the only one feeling stuck in a loop?

stephaniewalter, (edited ) to random
@stephaniewalter@front-end.social avatar

Rethinking Text Resizing on Web: interesting techniques to help support user changing font size, either by zoom, or by changing it in the browser.
This in depth tutorial covers:

  • why it's important (users with blurred vision for example might need this)
  • px, em, rem
  • how to help transition and reduce frictions with designers
  • some CSS in JS complexity and how to address it
  • testing

On medium by Steven Bassett: https://medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

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

In this week's edition:

  • RICE product prioritization
  • Low fidelity design value
  • Deceptive discounting
  • Is the customer always right
  • AI helping people with dyslexia
  • Font legibility
  • Wireframe Figma plugin
  • Design inspiration
  • Junior designer job board
  • Hand-drawn icons
  • Free UI sounds
  • WCAG 3.0 outcomes, etc.

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

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

I now have questions about sardine hunt in Portugal using dogs and hunting guns.
And also questions about the design of this, but i'm affaid to dig and find nasty answers.

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Pour les non-anglophones, j'ai traduit mon article: Thème sombre (dark mode) et mythe d’accessibilité. En résumé: un thème sombre n'est pas toujours meilleur pour l'accessibilité, laissez vos utilisatrices choisir !
https://stephaniewalter.design/fr/blog/theme-sombre-dark-mode-et-mythe-daccessibilite/

https://stephaniewalter.design/fr/blog/theme-sombre-dark-mode-et-mythe-daccessibilite/

stephaniewalter, to UI
@stephaniewalter@front-end.social avatar

Do you need some UI sounds, you can use for prototyping and non-commercial projects?
Meet Boring Sound Kit: https://andyworksco.notion.site/Boring-Sound-Kit-d92a136378114eceb1898313acb673f0

#UI #SoundDesign

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

I love nice repeatable geometric patterns, don't we all?
If you need help generating them, I've got a nice tool for you: https://patternpad.com/editor.html

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Blocks is a plugin to speed up your wireframe process in Figma: it lets you drag and drop pre-defined wireframes components in your file directly.
Plugin: https://www.figma.com/community/plugin/1332372435133832847/blocks

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

We can have a different web (16min): a beautiful yet sad essay by Molly White on how the web, that once was an open garden where people shared seeds and visited each other’s garden became a wall garden, where algorithms dictate whose flowers you will and will not see. But, it’s not too late to change that. I loved her metaphor!
Also remember the hampster dance ?

https://www.citationneeded.news/we-can-have-a-different-web/
https://www.citationneeded.news/we-can-have-a-different-web/

stephaniewalter, to random
@stephaniewalter@front-end.social avatar

Some people asked "when do I get time to read articles?!"
Here's the secret: folding and gluing is very boring on its own so I'm basically listening to them while I craft.
Latest piece: a lampshade prototype with the most exquisite paper 💜

I've a strange relationship with the paper: I collect a lot of them but then, if I use them, they are gone. So, making a lamp means it's still quite intact and I get to enjoy it. Win win.
#StefCraft

Cut borders for the lamp devided in 2 sets
Test of the paper loosely put together with the borders but not glued yet
The green floral paper getting glued on the dark borders

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • mdbf
  • ngwrru68w68
  • cubers
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • megavids
  • tacticalgear
  • osvaldo12
  • normalnudes
  • tester
  • cisconetworking
  • everett
  • GTA5RPClips
  • ethstaker
  • anitta
  • Leos
  • provamag3
  • modclub
  • lostlight
  • All magazines