The homepage
The first page our users see, and the first one we build.
.png)
Challenges
A list of some challenges we faced with this page.
Creating a stable UI
.png)
Code showcasing top half of the homepage
In the beginning of working with Xamarin.Forms we stacked every visual element within a stack-layout. However we soon learned that this had unwelcome effects when adding new elements or when the phone screen was flipped over.
​
We cleaned up our code by learning how to work with a grid. After feedback of our testers we also completely renewed our colors and styles. We removed everything from a page level and placed every style and color element on the app level.
.png)
Readability
Comparison of an earlier version and the final look
In earlier versions of our homepage we found it challenging to make it feel less overwhelming and to keep everything readable. One of our testers suggested trying "button hierarchies". Making the buttons smaller and larger based on their importance in the app. This proved to be an excellent way of making the page feel less crowded!