WDRL — Edition 306: Icon-Quiz, Dynamic viewports, view transitions, and natural input design.

Publikováno: 6.12.2022

Celý článek

Hey,

Will you recognize what the icons in the following link want to explain? I thought it’s a good quiz to ask my international friends here to find out how well these icons work. Now think about using only icons for an interface again. The idea of building these icons is to reduce friction in the user interface and to clean up endless text options but what is it worth if no one knows what the symbol really means? I myself struggle a lot when apps have text links for everything but the user login / registration or account link is a symbol that’s hard to identify (is it the login, the sign up, the logout icon?).

Better try to clean up interfaces so the text alone works well. If you then add icons in a subtle way to support users reading the text that’s fine. On this topic, Jim Nielsen has rethought about forms and comes up with the idea of parsing natural language text again. What works well in Apple Reminders, in ToDoist and many other apps already is a great idea for the web, too. We could even build bridges and try to parse and if we’re not sure we offer other ways of visually setting details as well.

One more thing: What do you think, would it be useful to have WebWeekly and my newsletter together as one? Are you enjoying the less frequent schedule of mine (about once a month) or is weekly preferred? Let me know by replying here, or on Mastodon.

Enjoy this week’s edition, and if you like it, you can contribute a custom one-time amount here or PayPal me.

News

  • Safari Tech Preview 158 bringsfont-size-adjust, font-variant-alternates, as well as they’ve enabled AVIF image decoding for macOS Monterey and macOS Big Sur (legacy support, yay!).

UI/UX

  • Some of you already know Hubot Sans, a font by GitHub. Now the folks released Mona Sans, so we now have two variable, open source fonts from GitHub. I think the landing page itself is also nice to look at in regards of how to use mega-sized typo in responsive design.
  • This is the article from this week’s introduction: Jim Nielsen on natural language input design and handling. I personally always disliked the Material UI handles for time input, liked the text-input suggestions of Google search, Wunderlist and ToDoist app, and Apple Reminders. Combined with speech-to-text by the OS, this gives users multiple nice choices of how to input their values.

Tooling

Web Performance

  • Michelle Barker shares how we can optimize the performance of Vue apps. But what works for Vue, works for many other frameworks as well so be sure to also give this a quick read if you’re working with Svelte, React or others.

HTML & SVG

Accessibility

JavaScript

CSS

Work & Life

If you liked it, please contribute any custom amount here. Thank you!

Anselm

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace