Building More Expressive Products by Val Head

Expressing personality with motion

  • Easing choices (ease-in, ease-out, bounce, etc.),
  • Duration values, and offsets,
  • The properties we animate.

Calm, soft, reassuring

  • fade,
  • scale + fade,
  • blur + fade,
  • blur + scale + fade.

Confident, stable, strong

  • quick fade,
  • scale + fade,
  • direct start and stops.

Lively, energetic, friendly

  • overshoot,
  • overshoot + scale,
  • anticipation,
  • anticipation + overshoot

Playful, fun, lighthearted

  • bounce,
  • elastic,
  • morph,
  • squash and stretch (springs.

Expressing personality with sound

  • not appropriate for the situation,
  • played at the wrong time,
  • too loud,
  • lacks user control.
  • Slack,
  • Outlook Calendar.

Alerts and notifications

Navigating space

Confirming actions

Marking positive moments

  • UI sounds be short, less than 400ms.
  • End on an ascending interval for positive feedback or beginnings.
  • End on a descending interval for negative feedback, ending, or closing.
  • Give the user controls to top or customise the sound.
  • Consonant intervals feel pleasant and positive.
  • Dissonant intervals feel strong, active, or negative.
  • Large intervals feel powerful.
  • Octaves convey lightheartedness.
  • What is it trying to help users accomplish?
  • What is it like? (its mood and disposition)

--

--

--

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Understanding the basic compositions of design.

The Sweet Micro-interaction Design of Facebook

8 ways to reduce cognitive load: Part 1

Masai Collaboration Project- Licious Clone

Spatial Interaction — Week 2

cliché as it may sound… but “Start with optimism”

How Design can help Refugees— Global Goals Jam Berlin 2019

Splitt

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jeremy Keith

Jeremy Keith

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

More from Medium

Fix Your Vintage Bicycle With My Open-Source 3D Printed Tool

Best way to install Storybook.js documentation🥸

Integration of Share point drive to backend using OAuth account

A Tale of Three Lanes