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]
Month: May 2024
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]
003: Design Portfolio
App UI/UX Narrated Video Website UI/UX Narrated Video Typographical Standards Harvard References A.Clubley(2023) Is Deforestation a Problem in the UK? Available Online: https://www.bluepatch.org/is-deforestation-a-problem-in-the-uk/ [Accessed 02/03/2024] Unsplash (N.D.) Beautiful Free Images & Pictures. Available Online: https://unsplash.com/ [Accessed 29/04/2024] USDA,National Agriculture Library (N.D.) Hydroponics National Agricultural Library. Available Online: https://www.nal.usda.gov/farms-and-agricultural-production-systems/hydroponics#:~:text=Hydroponics%20is%20the%20technique%20of,%2C%20hobbyists%2C%20and%20commercial%20enterprises. [Accessed: 24/04/2024] Global Forest Watch. Effects of Forests on Biodiversity. Available Online: https://www.globalforestwatch.org/topics/biodiversity/#intro [Accessed 02/03/2024] Interaction Design Foundation (2024) 10 of Our Favourite Login Screen Examples. Available Online: https://www.interaction-design.org/literature/article/login-screen [Accessed 29/04/02024] L. Grenier (2022) How To Create A Simple, Accurate User Persona. [Blog Post] HotJar. 18 August. Available Online: https://www.hotjar.com/blog/user-personas/ [Accessed 26/02/2024] Soward D. (2022) Linked In. Considering Font for Neurotypes. Available Online: https://www.linkedin.com/pulse/considering-font-neurotypes-will-soward?trk=pulse-article [Accessed 27/04/2024]