Daisy App

Hamburger Menu

The Design of Daisy follows Jakob’s design principle, in that users spend most of their time on similar apps using similar formats, and so they will know how to use Daisy based off of this knowledge, which is why the app has a standard hamburger menu, and navigation bar.

According to LawsOfUX: “Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.” 

Based off of this UX Law, the app nav menu is easy to use and not overwhelming, also follows Hick’s Design Law, which according to Interaction Design Foundation, can be summarised as:  

“the more choices a person is presented with, the longer the person will take to reach a decision.”

The hamburger menu only has four options, one of which is log out, and so this is to decrease the amount of options presented to users to avoid confusion, frustration, boredom, or quitting the app. 

The UX/UI is standardised in that the items lay vertically and can be tapped to navigate to the corresponding page. 

Pages included in the menu are: ( Search, Categories, My List, and Log Out). My list actually is also on the nav bar, but I put it in two different places so that people can get to their list from the bottom of the screen, or the side.

The pages are organised in this way due to HTA and IA considerations, in that they are organised in order of importance to the user. 

Log In and Sign Up Screens

In this next paragraph I will be discussing the UX of the Log In and Sign Up Screens of Daisy. 

The User Experience Features of the log in page i would like to highlight are: 

  •  Log In: This page is simple and allows users to enter their email and password to log into their pre-existing account. 
  • Sign up: This feature allows users to enter some details in order to create a new account, and gives them the option to select the account type, which would have a drop down menu offering between a Petal or Daisy account, and then after signing up, would follow the same protocol as Log In, and arrive at the home page. 

Nav Bar Pages

Lastly for the app, i will be discussing the Navigation Bar

The Nav Bar was first designed to be a menu with no animation, however it ended up evolving during the process of making it, and so the menu has an animation that follows the selected icon, so that the user can know which page they are on, and navigate to the other main pages easily. 

The Nav Bar Options Include: 

  • My List: This takes the user to their ‘My List’ page, where they can view the content they have added, or go back to search and add things they want to watch later. The UX consists of the user scrolling down to find their list items, and being able to read a small synopsis of each thumbnail before watching, in case the user added it a while ago and needs to recap.
  • Hot and Upcoming: This page allows Users to scroll through suggested content of anime films and series that are currently trending, or on the rise, which is a useful UX feature as it allows Users to know what other Users are finding interesting to watch.
  • Home: This one is simple and it takes the User back to the Home page if they need to. 
  • Account: This icon takes the User to their profile page, where they can view their account page, which consists of buttons that lead to Edit Account and Parental Controls.
  • Edit Account: This would be where the user can find their payment details, suspend their account, find their subscription date, and add attached Petal accounts to their account. In this way, it provides the UX where the User can feel in control of their account, and account details. 
  • Parental Controls: This is where the user can place certain restrictions on Petal accounts that are attached to their own account; (Petal accounts are for younger users), and the User is presented with screen time data, as well as being able to use an easy toggle feature to turn, on and off, certain toggles. Toggles include restrictions for Violence (mild), Violence (Gore), Romance, and Daily Screen Time to enforce a set screen time. 

The Product

The app is an anime streaming service that aims at providing shoujo and josei anime and manga for girls and women. Categories can include: 

  • Magic and Magical Girls
  • Shoujo Romance 
  • Josei Romance
  • Comedy 
  • Horror 
  • Action
  • Super Hero 

Demographic

  • Girls aged 12-18
  • Women aged 18-35

Harvard References

Interaction Design Foundation (N.D.) What Is Hick’s Law- Updated. Available Online:https://www.interaction-design.org/literature/topics/hick-s-law#:~:text=Named%20after%20psychologists%20William%20Edmund,choices%2C%20thereby%20keeping%20them%20engaged. [Accessed 04/05/2024]
Yablonski.J. (2024) Info Laws of UX. Available Online:https://lawsofux.com/jakobs-law/ [Accessed 04/05/2024]