✳flâneur — a map of the web's best reading

Ergonomics interactions

devouringdetails.com · 866 words · saved by 1 readers

Have you ever tried to push a door only to realise it should be pulled instead? This is the design failing you, not you failing to use the door. We can say that an interface has excellent affordance when it is obvious how to use it before interacting with it. While affordance is concerned with the indication of how to use a thing, ergonomics relates to the ease of use of a thing. Ergonomics and affordances contribute to the general usability of an interface. They both are worth considering prior to fancy animations and more visually appealing aspects of interaction design. It is much easier to build physical objects with adequate affordances because you are working with not only width and height in the form of a screen, but real depth and texture. For example, the key fob for the Jaguar F-Type uses different textured buttons. The lock button is slightly more raised compared to other buttons. And the button that turns on the headlights to locate the car has an elevated dot. These tactil

Devouring Details Have you ever noticed that some animation sequences can be improved with just a touch of delay? Or that some interactions just feel better without any motion at all? Devouring Details is an interactive reference manual for interaction-curious designers, containing 23 chapters with 23 downloadable React components. All footage is recorded of React components Platform Before working on this I thought to myself: “how have I learned myself?” By trying to build an idea and realising it sucks in practice. With enough iterations and sometimes by accident I’ll get to a place where it

Explore this link on the map →

related reading