Coder Social home page Coder Social logo

ultimate-ux-design-challenge's Introduction

Ultimate UX Design + Build Team Challenge

##Fitness App for Runners

###Design Comp

While designing a comp for this app, our target audience needed to first be established. We felt that keeping a fitness app relatively simple by tailoring it to a specific audience would be beneficial. We wanted to allow a niche market or group of people to enjoy its features rather than a more broadly defined audience that may not enjoy all of the features, potentially ending up with more users who may not use the app as much. We have designed a go-to app that can be used frequently for the average or serious runner.

Any user that loves running and wants to log, track, or record daily runs with an ability to set and meet goals would be happy to use this app. Therefore, some components we decided to include are a calendar in which days could be broken down into details about a run:

Daily goals juxtaposed to weekly and monthly goals - actual distance covered vs. goal (daily) + boolean (on track/not) - actual time spent running vs. goal (recorded time vs pace/mi) - Calories burned per day (1mi = 0.75 cal/weight)


screen shot 2017-02-20 at 5 03 38 pm

screen shot 2017-02-20 at 5 04 01 pm


This project was setup for us to work through the life cycle of a project brief: design, build, and client review/critique. Each of the “project life cycle stages” was broken out as a phase of the project, including one week to complete each phase.

In week 1, we generated wireframes and a comp in Sketch. Final comps are to include mobile and desktop layouts and button/hover/active/ states--ready to hand-off to a deve team to build. In week 2, we switched comps with another team to build. In week 3, we participated in a formal group critique of both comps and static sites lead by our instructors at Turing.

The puropose of this project was to empathize more with a designer's process and choices and with the developer who is responsible for understanding and building a comp handed to them by a designer. We intended to build a greater understanding around why design/UX matters, why it is important to understand the thinking behind a layout, follow a comp to the letter, and explain and defend our design choices which will reinforce that the decisions that go into creating a layout are intentional, deliberate, and important.


Original Assignment

Product

Design a user dashboard for a fitness tracking app. It must include the following elements:

  • a log of your recent workouts
  • the ability to set and track goals
  • a calendar to track your workouts.

Pages:

  • Login
  • Home / Longterm Goals
  • Today
  • Calendar
  • Settings

Color Palette

Icon Set

Fonts

Inspiration

x - Potentially useful for logs/goals

y - Layout comp for a very similar fitness app

z - Inspiration for layout

Target User

  • Runner, or getting into running/jogging and setting goals
  • Any age
  • Beginner-intermediate level workout regimen
  • Looking for a simple app to set amount of miles per week as a goal, or time/mile to try to beat

ultimate-ux-design-challenge's People

Contributors

ianlancaster avatar jeffbuss avatar kswhyte avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.