isral Duke | Designer Step Counter App |

App screen designs on iPhone and Apple Watch for the step counter app.

Step Counter App Details

Apple watch showing the screen which presents the steps walked.
Two phone screens are presented. One screen shows the home screen of the step counter app. The other screen shows the trophies screen for exceeding step goals.

An Apple watchOS and iOS step counter app which gives users a quick glance at their steps.

Try Step Counter App yourself

Overview

Duffy is an iOS and Apple watchOS app which just shows your steps walked. Apple’s Activity and Health apps display your steps, but they’re hidden beneath a plethora of other data and sequential interactions. Users wanted a way to easily see just their steps walked, without navigating through the other data offered by Apple’s stock apps.

Scope and Constraints

Duffy is fully usable from just the watchOS app. The user doesn’t really have to use the iOS app, except to install the watchOS app. We borrowed a lot of cues from Apple’s stock apps because these users are familiar with these apps. Data is set using the Duffy watchOS app, but not the Duffy iOS app. Duffy presents minimal data, just enough for the fitness lay user to set their goals and browse through their past step counts if they choose.

Additional Info

Duffy is a free app and you can get Duffy at the App Store for your Apple Watch and iPhone. I worked with Patrick Rills, the developer of Duffy, as we iteratively update the app.

Target Audience

The user for Duffy is a health-conscious user, but they’re probably best described as lay persons of the fitness world. They may not be gym members or calorie counters, but they’re aware that they need to walk during the day. They need to know how much to walk, and steps are a simple metric for these users.

Persona for Tonya, one of the imaginary users to guide design decisions. Persona for Bruce, one of the imaginary users to guide design decisions.

Key Challenges

Our key challenge was keeping the app’s information concentrated on as few screens as possible. We also needed to give users a way to track and improve their progress. As a way to reward the user for using tracking and goals, we gamified the steps by awarding trophies when the user hits goal milestones.

Skill Sets

UX

UX Design is learning about users and designing for their needs.

  • User Research
  • Accessible Content Development
  • Information Architecture

Design

Interaction Design is creating an interface or process around the users’ challenges and goals.

  • Inclusive Design
  • Figma
  • Creative Cloud
  • Graphic Design

Technical Skills

Technology is how users’ solutions are built.

  • Accessible Markup
  • HTML, SCSS, CSS
  • Bootstrap
  • GitHub

Certifications

W3C Accessibility

Verify W3C Certification

Google UX Design

Verify UX Certification

Interaction Design (I.x.D.)

Verify I.x.D. Certification