From
smashingmagazine.com
Email Address
newsletter@smashingmagazine.com
Sent On
Tue, May 4, 2021 12:35 PM
Email Preheader Text
On web forms, opening menus on hover/click, UX tooling, maps and UX training exercises. Issue #299 ?
HTML
On web forms, opening menus on hover/click, UX tooling, maps and UX training exercises. Issue #299 ⢠May 4, 2021 ⢠[View in the browser]( ð¨ [Smashing Newsletter]( Hej Smashing Friends, Everyone on the team is a designer. DevOps engineers, front-end developers, interface designers, marketing department and customer support. Independent of a specific role we take over in a company, we all contribute to the overall experience that our customers will have when using our products or services. This reflects in everything â from information architecture to error messages and the shape of buttons to accessible tab order of our forms. In this newsletter, we want to highlight some of the UX considerations that are useful for anybody on the team â from interface designers to back-end engineers. [Image Optimization cover]( In the Smashing Family news, just last week, after 2 years in making, weâve announced a brand new book by Addy Osmani on [image optimization]( (get a [preview and free PDF sample](. In fact, we have a few wonderful Smashing books â [printed and digital]( â that you might find interesting, from better UX and form design to TypeScript. Thank you for your kind support, everyone. ð¥ Happy reading and UXing!
â Vitaly ([@smashingmag]( --------------------------------------------------------------- #1. Why Click/Tap Menus Are The Better Alternative Can I click the parent element? Will the parent element be a link to the same page as the first submenu link? When it comes to hover menus, thereâs no standard answer to these questions. Not to mention accessibility issues for keyboard users. To prevent all of this from happening, Mark Root-Wiley stopped building hover menus entirely and suggests using an unambiguous alternative instead: click/tap menus. [In Praise of the Unambiguous Click Menu]( In his [article on CSS Tricks]( Mark dives deeper into such menus and the benefits they bring along for usability, accessibility, and content strategy. One major benefit: Contrary to hover menus, click menus donât accidentally disappear when people bump their cursors. Obviously, hover menus wonât work on mobile anyway, so weâll need a click/tap menu option at least as a fallback. So we could just keep the interaction the same for mobile and desktop menus, as JavaScript also stays the same, no matter if your menu is hidden behind a hamburger icon or visible on mobile. Do we need hover menus in 2021? Unlikely. Arguments that make it worth to reconsider our approach to menus. (cm) --------------------------------------------------------------- #2. Pitfalls And How To Do Better On mobile, large buttons are easier to choose than typing, and typing might be still better than a
EDM Keywords (155)
years
written
worth
work
way
want
visible
versioning
validate
ux
using
user
useful
used
use
usage
typing
turns
tries
train
tool
tips
tinker
thinking
team
talk
taken
take
support
still
start
stage
something
solutions
site
share
shape
services
separation
senses
see
run
room
reflects
reconsider
really
reading
rated
questions
prototyping
project
products
probably
preview
prevent
praise
practice
post
perspective
people
page
others
open
offers
numbers
number
northwestern
newsletter
need
much
mobile
menus
menu
matter
master
making
make
lot
load
link
least
kind
keep
jordan
interface
interaction
input
inclusive
improve
implemented
idea
html
household
highlight
heart
happen
got
give
get
gave
gastronomy
future
friends
forms
food
focus
first
features
fallback
fact
facets
example
evolution
everything
everyone
event
end
edited
easy
easier
dive
digital
different
deque
degree
deeper
dates
data
customers
creates
could
convert
contribute
company
community
coming
comes
click
choose
challenge
cartography
buttons
browser
better
benefits
back
articles
article
approach
anybody
announced
always
also
already
allows
affects