UXM
UX for the Masses
  • About
  • Articles
  • Presentations
  • Resources
    • Example UX docs
    • Free UX tools
    • UX prototyping tools
    • UX toolkits & method guides
    • UX tools & methods search
    • Axure icons cheatsheet
  • Contact
Designing a mobile app for logging workouts

Designing a mobile app for logging workouts

Tweet about this on Twitter
Twitter
Share on Facebook
Facebook
Share on LinkedIn
Linkedin
Email this to someone
email

Less than a minute read

At its core weight training is about progressive overloading. That is, progressively increasing the stress on your body (typically by lifting heavier weights, or the same weight more times) to increase your strength. It’s therefore important to log and be able to track your weight training sessions and exercises. This is so that you know how much you’ve previously lifted, how you’re progressing and most importantly what you should be lifting for a given session and exercise. I’ve seen more and more people bring their mobile phone into the gym, so as an interesting design challenge I set out to design a mobile app for logging weight training sessions.

Using mobile UX design principles

As mobile design is of course quite different from desktop design, I used the following design principles:

  • Keeping input to a minimum – you don’t want to be tapping out lots of information in the gym between exercises.
  • Keeping the app tightly focused around logging workouts (rather than for example also including weight training advice for beginners).
  • Keeping the app simple, for example having a clean, focused home page.
  • Using smart defaults to minimise initial set-up.
  • Providing flexibility, for example allowing users to log by routine, or by individual exercise.
  • Avoiding complexity on a small screen by allowing users to export data to a tablet or desktop for more detailed analysis.

Prototyping the mobile app

I used Axure and the useful [email protected] iOS widgets to create the interactive mock up you see below. Click / tappable items are highlighted. If you’re on a mobile, you can also view the prototype without the iPhone frame.


Redesigning the holiday booking process Redesigning the Ubisense website

At a glance

Type
Product design

Company
None

UX activities
Product design | Prototyping

Duration
1 month

Project team
Product designer (me)

UXM

ABOUT | ARTICLES | PRESENTATIONS | RESOURCES | CONTACT

FEEDS | PRIVACY POLICY | IMAGE CREDITS

© UX for the Masses 2019

Powered by WordPress • Themify WordPress Themes