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: 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]
Category: Practical Skills For Graphic Design: Adobe Web
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: 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: 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: Demographic 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]
User Research and Concept Ideation
Problem Space There is a gap in the market for streaming services aimed at girls and women who like anime and manga. This is due to most anime being created to appeal to the male demographic, with sacrifices made to story and character development for fan service, and lewd portrayals of womanhood. It is evident that there is a large demographic of girls and women who enjoy manga and anime, and struggle to find a show that doesn’t have fan service, or isn’t catered towards the male demographic. Thus, the aim is to create an ‘companion app’ streaming service that is aimed at girls and women who like manga and anime. This is an issue that is deep rooted in the country of origin in which the art is from and most commonly produced (Japan); it is well known that Japan has an issue with the treatment of women, and in a statement by Human Rights Pulse: “Earlier this year, the creative chief of Tokyo’s Olympics, Hiroshi Sasaki, resigned after making comments body shaming Naomi Watanabe – a plus-sized entertainer – and describing her as an”Olympig “. Just one month earlier, the chair of the Japanese Olympic Committee was forced to step down following remarks he made, stating that women “talk too much,”. It can be seen that this attitude is indeed reflected in anime, as art imitates life: “Minister Hakuo Yanagisawa declared publicly that “women are child-bearing machines,” which continued to feed the popular stereotyping in Japan that the main contribution of women to society ought to be bearing and raising children.” This, and the demographic of “Otaku”, and the fan service catered towards them is creating an unrealistic expectation of women’s behaviour and bodies, that are simply just not true, and this is harmful to young girls growing up into womanhood, and especially in the anime community. Mission Statement “To create a space where women can enjoy anime without feeling like they are watching fetish content or fan service aimed at the male demographic. To try and take back the word “Otaku” and its negative connotations. Over the years “Otaku” has had a stigma attached to it due to it having a reputation of being favoured by sub- cultures such as “incel” culture, and that all anime is strange and sexualised. The app is an anime streaming service that aims at providing shoujo and josei anime and manga for girls and women. Abridged: A streaming service for girls and women, who want to watch anime with a genuine focus in storytelling, character building, music, romance and art. “A streaming service WITHOUT the fan service”, so women can feel more safe in the anime community. A blog post by Emma Sauer states her opinion, that as a long time anime watcher, the one thing she could never grow accustomed to was the fan service, and all the strange scenes that come with it; however she also states that it’s not dirty jokes, or sexy characters that are the problem, stating: “To clarify, I don’t have a problem with dirty jokes or sexy characters in anime–this is not the issue. Rather, what skeeves me out is when sexual harassment is played for laughs, or when the “sexy” character in question looks like a child. For example, take the first season of the Netflix original anime, Seven Deadly Sins. The main character constantly harasses another character by groping or looking up her skirt, while the other characters berate him for being a pervert. This is supposed to be a running gag. ” This is common in a lot of anime, and therefore my project will focus on UX/UI for an app designed for men and women who just want to watch beautiful animation, in a safe space. Figma Mood Board and Wire Frames User Flow Above is the user flow diagram for the Daisy App, which shows pages which can be accessed via the navigation bar, and pages which can be accessed via the hamburger menu, and their sub pages. User Research It can be observed that the following research does support the opinion that there is an issue with anime and fan service, and that there are women out there who would have use for an app like Daisy; However, there are some opinions from users that do not align with mine, however it would have been biased for me to have filtrated these so i have included all of the user research i got from Google Forms. As you can see, 66.7% of users admitted that they had stopped watching an anime because of uncomfortable fan service, which corresponds with the concepts behind the Daisy App, (creating a safe space where people can watch anime for its story). Here the responses where mixed which was interesting, with sometimes being most responded, which means that Daisy App would be for subjective purposes, e.g. , for those who feel they want to get away from fan service, as not all women dislike it. When asked if they would like to see more anime created from female mangaka authors manga, 12 of the users said yes, which means that there is definitely a gap in the market for more female artists work to become anime. Daisy would be a space for this. Here are responses in regards to the safety of being involved in the online anime “community”, and again, the opinions where mixed, and showed that some people don’t feel safe, whereas others do, and even one male replied saying he doesn’t feel safe, so it is really a subjective matter. Above is evidence that 75% of users agreed with the opinion that; in lots of anime, the female characters are sexualised/objectified for comic relief, or other purposes, and that they would prefer more story driven anime that focuses on character development, and music. Which is why Daisy would be a useful app for those who share this opinion, and want to break away from it to a safer space.… Continue reading User Research and Concept Ideation