HCDE Process Blog #6: Interactive Prototype


Figure 1: A user flow diagram for the steps of the wireframes and haptic devices.


Figure 2: Screenshots of my wireframes. Wireframe kit thanks to @oscarsun from Figma
Figure 3: Storyboards for the different haptics that the application/devices provide.



Wireframing Testing

  • “Normal” oxygen and movement levels for the individual so that they know if they are in a safe range
  • More clarification on what is presented in the summary page
  • Add in those features!
  • Create exit strategies (I had no back buttons)
  • Make the workout description page more cohesive to the rest of the wireframes

Storyboard Testing

  • A color key for intensity of vibration
  • Radial lines for duration of haptic
  • Length and style of line changing depending on the type of haptic (crazy lines for intense and rapid, smooth for calm and long)
  • When the band detects that a user is in critical condition, a light could be shown for bystanders to see that something is wrong in the water
  • Similarly, 911 could be alerted of the location of the incident
  • Perhaps not a wrist band, but an anklet or a ring (not a swim cap, as that would be more alarming to have something buzz on your head!)





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

Recommended from Medium

6 Principles of Visual Hierarchy.

UI/UX case study: A marketplace for college students

21 Web Discovery Questions to Ask Before a Site Redesign

The outdated concept of consistency

7 UX & UI trends on e-Learning

Ironhack: Design Thinking — Citymapper

Functional Artworks

Fintech Overview (Case study: Minna Technology )

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
Valerie Adams

Valerie Adams

More from Medium

CS 371P Spring 2022 #3: Anya Uwakwe

What on earth is EIR Ep.02 : Ken, the pioneer of budget-friendly, online interior design service

Project 2: Simple I/O