In this fitness dashboard called BASIS, there is a lot of information happening all at the same time. Seeing that this layout having more of a web based design is something to take into consideration versus an application. There are more options within this menu that lead to many other dashboards. Immediately, the eye is drawn to the thick vibrant contrasting colors of the meter wheels at the top. They are hierarchically most important based on their size and their differentiation in color/opacity. Each wheel also has information within it to explain what it is, how much the user has done, and an Icon to further define what the wheel is about.
Below the daily tracker wheels is a progress bar of their hourly activity level. This basically has a big sign saying “YOU ARE HERE” This information is secondary. The tertiary information would follow below as in common information layouts. Within this section, we see more of a notification panel in which this dashboard updates the user with in relation to the user’s fitness.
Off to the side is a comparison bar between different users and on the top, we have a primary and secondary navigation bar simply laid out with words instead of Icons.
In the Creamy Butter Mashed Potato instructions shown above, a narrative is formed through way of process and organization. Underneath the first section it lists each ingredient in which you need to combine with the packet of mashed potato flakes. Along with the title and amount needed is the icon/codification which is represented by very basic forms in which we commonly use to represent those items.
The next section highlighted is the instructions in which you take and use the ingredients to complete the recipe. This gives substance to the narrative being shown. Along with Icons to represent the process of what to do with each ingredient, there is also a further description that informs the reader/experiencer to exactly what they are supposed to do. The visual forms are aid to the narrative. The information is not only organized in a commonly used left to right/downward motion, but is also labeled with numbers to show the process order.
Postmammal. “Basis – Postmammal”, http://cargocollective.com/postmammal/Basis Accessed on January 14, 217
Fergusont1 