Interaction Design Studio 2

Draft and evaluate UI

Draft a UI of our ring concept and perform a heuristic evaluation


User Experience Design, User Interface Design


Physical Prototype, Procreate


Heuristic evaluation, draft of UI

Project overview

Draft UI

Low Battery
Fidget Spinner
Anxiety/Stress Notifier
Charging Dock

Heuristic Evaluation

Based off of Jakob Nielsen's 10 principles for interaction design

1-5 scale (1 not severe - 5 very severe)

#1: Visibility of system status (3.5)

  • No visual display on ring
  • Vibration isn’t the best way of communicating different functions
  • May be difficult learning curve for the user to understand different vibes


  • Uses variation of vibration haptics, different intensities and number of times it vibrates
  • Ability for users can customize the vibrations 

#2: Match between system and the real world (2)


  • Difficulties triggering the voice assistant 
  • Drain battery if used frequently or if the microphone is actively listening while turned on


  • View Apple’s interface guidelines for products 
  • Utilize fidget mechanism as a dial
  • Consider adding button or touch sensor to activate microphone when needed
  • Integrates with mobile devices voice assistant
  • The spinner is easily discovered through fidgeting

#3: User control and freedom (3)


  • User must be explicitly taught how to exit or undo
  • There are no actions the user can perform on the ring


  • Perhaps left thump swipe means undo
  • Down swipe means undo?
  • Emphasis on onboarding
  • Extended multi-second tap-hold means exit

#4: Consistency and standards (5)


  • The user will not know what the vibrations are 
  • Learnability is needed


  • Tutorial on mobile app
  • Learn by doing
  • Voice-guided tutorial through speaker?

#5: Error prevention (4)


  • Wireless charging dock pole has to be a different size for every ring size
  • What if user forgets to charge?
  • Loss of ring


  • Instead of having a pole use a flat dock to be used for all ring sizes
  • Alerts when ring is out of range of phone
  • Case for ring
  • Vibration and sound alert for low battery

#6: Recognition rather than recall (3)


  • Users will have to remember what vibrations mean for different interactions


  • Users have to know how to read graphs(?)
  • Limit the ring to only having 3 different vibrations

#7: Flexibility and efficiency of use (1)


  • Hard to bridge the gap between novice and power user.


  • Offload to software, users can easily assign custom interaction gestures.
  • Offer different colors and textures for the fidget spinner mechanism, they can be swapped out 

#8: Aesthetic and minimalist design (2)


  • Affordances may be hard to comprehend
  • Not that unique if so minimalist
  • Fitting components into compact design


  • Artistic pizazz
  • Embellishment
  • Make eye-catching
  • Create designs of ring around hardware. Hardware first approach

#9: Help users recognize, diagnose, and recover from errors (3)


  • User may rage-interact not knowing what their input is doing
  • Users used to visual feedback won’t have any


  • Phone states the user error in the compatible app 
  • Error messages will have a link to a help center if user needs more information and assistants with the problem
  • Too many rage-interactions in short time span causes phone notification to enable user to back-out

#10: Help and documentation (4)


  • User manuals are complicated and no one looks at them
  • Non-visual nature of ring makes onboarding non-negotiable


  • Videos?
  • Podcast?
  • Step-by-step audio tutorial
  • Step-by-step app tutorial
  • Tutorials
  • Help bot

Let’s create something meaningful

Reach out to me if you want to work together