Website
The website still follows Jakob’s Law, however with some differentials to the app and tablet design, which is that there are more options on the hamburger menu, due to there being no nav bar, as the format is for a computer and not a phone or tablet.
The website contains some responsive features such as a loading/buffering sign when playing videos so that Users can know that the video is loading while they are waiting.
Furthermore, the categories screen is much different to the app and tablet due to their being much more width space, therefore the screen is split into the categories bar, and the display section where the Users can see the category suggestions that they search for.
Most frequented and HTA was considered when designing the hamburger menu:
- Search- First line of action for most users looking for content
- Categories- Second line of action for users looking for content
- Home- The main pain, which is somewhat central to the bar, as log out is to the end
- My List- Less frequented will be the ‘My List’ feature
- My Account- Even less frequented, probably just to change user details or check payment information
- Parental Controls- On par with my account for visitation frequency
- Log Out- A final step for users, which is placed at the end of the hamburger menu
According to Hubspot “Your customers are already accustomed to following visual cues to determine which content is important to them. Calls to actions (CTAs) that are clearly marked with an action word enable your website users to more easily navigate your site and get exactly what they want in the location they expect to find it.”
Some visual CTA’s used by Daisy include ‘cloud shapes’ or ‘petal’ shapes, and these signify a button that leads to a main page, (not including edit account buttons), and these signify users to know that they are interactable and will navigate the user to that specific page. The clouds/petals are also aesthetically pleasing, and soothing due to their soft edges, which is conceptual.
Another CTA includes the darker pink colours indicating UX features such as toggles in parental controls, or button colours e.g. ‘delete account’, ‘Sign Up’.
Tablet
Log In and Sign Up
Main Pages
The UX for the tablet is the same as the website, and contains all the same pages and features, the only difference being the resolution size, and the category page, which is more similar to the app, with a vertical scroll in the centre of the UI.
Account
Nav Bar
Harvard References
| Jiminez. D (2022) 10 Tips That Can Drastically Improve Your Website’s User Experience. Hub Spot. Available Online: https://blog.hubspot.com/marketing/improve-your-websites-user-experience [Accessed 04/05/2024] |