The top navigation bar simply communicates the tab the page the user is on and shows the account icon, to have users create their own personal Health card.
In the content area, 4 main sections dominate the page's attention. These are the 4 main areas Apple suggest that encompass one's health. The simple vector art direction communicates a friendlier tone of voice along with a colour scheme that clearly distinguishes the sections. Within each tile, its title has the largest size amongst the other copy, effectively making it the first piece of information the user reads. The list below the 4 tiles represent the more detailed areas of the apps. It is obvious but it creates a template of which Apple structure their content. Important information be visually represented and details be descriptive. The cut off icon of 'Vitals' suggest that there is more content by scrolling down to the user. A small detail to take note in creating an 'Apple' app.
Along the bottom navigation bar, just having 4 sections keeps the app simple to understand and navigate. Having 4 also creates ample negative space to distinguish each section to the user. To help guide the design of Apple Eco, the maximum number of icons would be 5 and minimum would be 3. The filled in icon tells the user what page their on.
Scrolling down the page will reveal the Search bar which allows the user quicker navigation without the need to go through multiple steps of the app. Convenience and ease of use are important in UI design to create a positive user experience. Confusion will limit the usability and incentive from the user to keep using the app.
Opening the 'Activity' tab, the layout of information is now changed to suit the sections content.
The size of the main tile is the same height as the 4 tiles on 'Health data' as well as the standardising of the type size. This keeps a consistent reading experience for the user that they can get used to, making it easier to process the amount of information presented.
The section's chosen colour takes up much of the visuals of the page, establishing an association between the colour and the activity. The use of a big tile is only limited to one, distinguishing itself as the main summarising piece of information. If every element was this size, the amount of visual information would be too overwhelming and subsequently make the app confusing. The use of only 3 bars below allow for quick glancing of the page's details.
Going into the 'Walking + Running Distance' tab for example brings the user onto a more detailed page where by it tracks the users progress by day, week, month and year. The graphs are simple to understand, making it accessible to Apple's broad range of users. However the graph that is shown first is the weekly progress. A weekly overview gives the user a more realistic impression of their progress on that day when compared against the rest of the week. This would be an appropriate way to present the users eco efficiency after selecting the section.
Pressing the graph reveals the entirety of the users information.
Users also have the option to add their own information is the app failed or was unable to record it.
For more complex terms such as 'Active Energy', the app gives the user a definition of the term, which is useful in explaining the terminology associated with climate change and green habits.
With each section shown on the front page, there are recommended apps that give the user alternatives to Apple's own, which can help cater to a users more specific needs.
Going through each section also highlights what Apple deems as its representative colour. The choice of colour must also be appropriate to its representation, such as the use of red for 'Activity' which communicates passion and energy.
In the today tab, the user is presented with just a calendar they can navigate to find specific info on a certain date. The manual addition of Biotin is a demonstration of how the users input will affect what will show on the page.
Analysing the Health app provides visual representation of Apple's design guideline and an idea of how they design a personal tracking app.
No comments:
Post a Comment