Final Mid-Fidelity app design Here is my final layout for my onboarding, this is three pages of information that will help users navigate the app. I am overall happy with how this looks and will add more detail in my final outcome, such as images or patterns to replace the white backgrounds. Here are both the home pages for my app and website. There is not much difference between my home pages apart from the top right corner where the ticket button on my app is replaced with a help button. I made sure both of these home pages are…
-
-
Onboarding Onboarding is important to include in my design as it guides users to key points of the app and reduces confusion in the future. For my onboarding, I chose do 3 slides that tell users different things such as information on how to buy ticket and where to find them. An important part of the onboarding is a skip button that allows users to chose if they want to read the onboarding steps or not. Sketches of my onboarding page Here are the sketches I made for my onboarding pages, I had a clear idea of what I wanted…
-
Logo This is the development for my logo, this is used at the top of my main page for both website and app. Based off my mood boards I wanted a bigger font that follows the 70s ascetic and is clear so users with sight needs will be able to read it. Experimenting with fonts Here are some samples of the various fonts that I have tried. I wanted a bold font that would stand out and a smaller font on the button that compliments it. Once I selected my font, I changed the spacing between the letters and put…
-
Here are the mid-fidelity layouts for my website. These layouts include the same as the app I created. Like my app pages I used previous research to make my website as accessible as possible to different types of users. I made sure these pages require the minimum amount of clicking and scrolling to accommodate for users with mobility needs who struggle to use a mouse. This is the menu where users can select the page they want When I transformed these pages from my mid-fidelity app layout, I made the headings at the top of each page bigger so users,…
-
Here are my mid-fidelity layouts I created in Figma. These layouts include pages include the home page, sellers page, a page to buy tickets and more. When creating these pages, I kept my user journey map in mind so my app would be accommodating to as many users as possible. I tried to make the most clear and understandable process to buy tickets as that is the most important part for users. This was also what a lot of users wanted based on my user personas. On this page I’ve used a clearer font that is easy to read for…
-
These two layout are the first designs I rejected. The design on the left is not pleasing to the eye which could put users off and not want to buy tickets. Another problem with this design is the buttons at the top to select which allows the user to set which piece of information they want to read, are too close together. This could make it difficult for those on a smaller screen or users with mobility problems to click. The design on the right also rejected because the top is too close together and have the same problems as…
-
Paper-based prototyping Here are some low fidelity prototypes I drew out. These sketches show how different pages will look like in my app. This is the prototype for my home page and ticket sale page. On the page I’ve annotated around key points I want to try include in my work such as a help button to help users who are having trouble navigating the app or website. Another key thing I want to include in my final design is a menu button, this is so users can find what thy are looking for in one area and need minimal…
-
One of the design laws I will apply to my final design is Doherty Threshold, this is where ‘Human/computer interaction is ideal when it is short, so no one must wait for the other one’s response’ (Figure 1) . I will apply this by making sure that my website and app interactions are quick and simple. I will make sure that the user will not get bored while anything is loading. Another design law I will use in my festival is, Fitts’s Law , this is where I need to ‘Make sure the target is always easily accessible to the user/…
-
The audience for my chosen festival is families looking for a fun festival on the weekend to try new foods. This means my main audience will be coming in groups to my festival. Stakeholders These are my festivals stake holders and why they are important to my chosen project. The main points that I think my stakeholders will consider success is, a useful app and website which is clear and is easy for everyone to use. The main part of the app and website that the stake holders will consider success is ticket sales, and how easy the process of…
-
For my project I wanted to make a food festival because I’ve personally been to a couple myself and have my own experiences that can help in my project. One of the largest problems with festivals is booking tickets online, especially for those who aren’t as good with computers or navigating websites. This isn’t accessible, especially for people who aren’t familiar with technology e.g. elderly people, I will try to make this more accessible by providing clear instructions that will be available in larger, clearer fonts so they’re easier to see and understand. I’ll also improve the sale of tickets…