WEEK 9 Design
Once we got the wireframe laid down, we started working on the actual interface by blocking in the colours from the logo design and designing different variation for the home page. We now have a few different home page interface that we intend to do user testing with those to finalise the home page interface.
All of these app layouts follow the colour of the logo design. However, as the colours from the logo design are a bit saturated (which is a good thing for logo design as it makes the logo stand out) and might be not suitable to apply for the bigger screen. Here is the current colour scheme we are working on. We might consider changing it after doing user testing.
The four main colour shades for each colour scheme are highlight, midtone, shadow and accent. While highlight, midtone and shadow are usually derived from the same colour but in different shades/ tones/ brightness or darkness. The 3 shades will be used consistently in the layout design and based on the importance of each feature, it will be applied with the different colours. It can be seen from our initial layout design below.
On the other hand, accents are usually the colours which are different from highlight/midtone/shadow shade (it is usually the colour opposite on the colour wheel). The accent colours will not be used quite often in interface design but will be used to emphasise on some specific features (usually key features) to lead users' eyes to those areas. It can be seen in our initial design where we only applied the accent colours (orange) in some small area.
We are currently having 3 different layouts for the homepage which all come from the wireframe design.
This layout design is the most similar to our wireframe design as we have the map and a list of popular events/ lifestyle activities in here. We first planned to display 3 events/ lifestyle activities in the home page. ?However, due to the extra information we have for each event/ lifestyle activity, we can only have 2 at the moment, users will need to scroll down to see more events/ lifestyle activities.
The second option is pretty similar to the first one. We just added in an image to add more visual elements to the home page.
The third option is a bit different from the first two, while we decided to simplify the home page by putting the information on the actual map. However, due to the available map area, we cannot display all the information we wanted.