Design Iterations

The first step in the design process was to create a user journey to

bring more clarity to the process and the app’s navigation design


Step 2 - Initial Site Map

The next step was to create the first version of the app’s Information Architecture


Step 3 - Wireframe Concepts

On having a much better idea of how the navigation would work, the next process was to convert it into screens

Concept 1 - Simple and easy navigation

About the Design

On the homepage, the user can select the sport

/Activity and find information about it on the next page

Advantages

• Low cognitive load and learning curve

• The app has more activity options to offer

(includes sports and fitness activities)

Areas of Improvement

• The user journey could be a little lengthy

• No personalization

Concept 2 - The All in one page

About the Design

On selecting a sport, the user can find all

the information on the same page

Advantages

• All the information regarding the sport selected

by the user is available on the homepage itself

• Clear and precise Information Hierarchy

• The user journey is quick/short

Areas of Improvement

• The cognitive load might be high for

some users/Increased learning curve


Step 1 - The User Journey


Move! - Encouraging regular sports participation

Concept 3 - Social Networking focused

About the Design

The app provides a social networking element,

making it more interesting along with the main

function of booking a sports facilities

Advantages

• A social feed feature providing updates about friends’

activities, as well as information regarding new facilities

• A Gamification element that provides users with

awards and achievements for regularly engaging in

sporting and fitness activities

• Having the main tabs at the bottom

that provides more ease of use

Areas of Improvement

• The Social feature might be a little distracting,

taking the users away from the main function

i.e. booking sports facilities

• Relatively high cognitive load/high learning curve


Step 4 - Final Concept selection

After analyzing and discussing the design iterations with fellow UX designers and my supervisor,

I finalized the first option as it was the best in terms of functionality, low cognitive load, and ease of use

I also updated the visual design of the screens to resemble the finished product