---
title: "hi-fi-development"
aliases: 
tags: 
- assignment/mobile-app
---
#
Firstly I converted the lo-fi prototypes into Adobe XD designs.

![](https://i.imgur.com/syq2HfK.png)

I decided I wanted to make some chagnes to the design here so I saved this as version 1.

### Schedule changes

I wanted to chagne the way the schedule/altude options worked. My first rough redesign was this:
![](https://i.imgur.com/CeYtNuP.png)

I thought I could remove the separation and combine the two screens. But this didn't work so well.  However, I think the ability to switch between meters and feet was good as this improves **user control and freedom**. Also the use of the spinner for time and altitude selection will be familiar to most users. This improves use of **consistency and standards**, and **recognitiona over recall**

I then decided to try a "switch" type design, where the user is forced to chooose between the schedule and the altitude. 

![](https://i.imgur.com/564G5o9.png)

I think think this works much better as it **shows the system status** clearly. And has a less cluttered more **miniml, aesthetic design**. I kept the weekday selection on both screens as the might only want use the altitude system on certain days. This improves, **user control and freedom**.

I also thought it might not be super what the funcitons of the two options were, especially the altitude option. So decided to add a closable info card with some information. This improves **help and documentation**

![](https://i.imgur.com/KEeEbNm.png)

I thought the info symbol might have looked like a button so I changed it:

![](https://i.imgur.com/BIyh7Fr.png)

I also changed the alignment of the weekday selection buttons. And the altitude selector

![](https://i.imgur.com/QzAfEaD.png)


### Trick options Changes
I decied to change the way this worked. Instead of have the save cancel buttons I wanted the settings change to have immediate effect, so the user didn't have to save. This was the first redesign:

![](https://i.imgur.com/0SMHkUX.png)
![](https://i.imgur.com/aX0NUZd.png)


This is largely the same, except I added a head with back button and remove the bottom save and cancel buttons. Next I changed the dropdown for each of the trick types to individual screens with the commonly used right chevron icon.

![](https://i.imgur.com/0amkHJG.png)

### "Color" scheme changes

After I had mostly finished the Layout. I changed the look to match the snowboarding "aesthetic", by making the app primarily black

![](https://i.imgur.com/QgPjM5S.png)

### More layout changes
I decided to add the home row navigation back to the trick options screens to improve **user control and freedom**
![](https://i.imgur.com/474XINO.png)