When I finally started wireframing the screens, I realised there was very little time till class critique. Therefore, my initial thought was that I needed to wireframe and prototype the most important and essential screens first — the screen when the users enter the car and the default main screen when the car is moving. If there is more time, then I can experiment with some extra screen ideas.

Entering the car

The first screen I wireframed was for when users have just entered the taxi.

I kept in mind that there are two important things that I’m trying to achieve;

  1. Allowing the user to quickly know that the taxi they got into is correct/incorrect,
  2. Only starts moving when the user is ready and all information is checked; let the user choose when the car starts moving.

Below is the wireframe for the larger display screen. I wanted the car screen to greet users by their name, have large texts showing users their final destination, and a large map to show a representation of their journey visually. All this is done so that a user can quickly and clearly see if all the information is correct and the car they got into is the correct car;

IMG_20221223_030730_edit_23215903313123.jpg

The layout in my wireframe took a lot of inspiration from the screen in my dad’s car. I really liked how there is a big map being displayed; I think it is very visually appealing. I saw that most of the screen designs contained a map during my research of autonomous vehicles and making a mood board. A map in a human-driving car is important for navigation, but in autonomous vehicles, I think it gives the passengers extra reassurance to see where they are going. I also think the map element needs to be big, as a smaller map would be very hard to read with all the street lines and building blocks;

IMG_20221103_162434.jpg

In my wireframe, I put the map element to the left as I think it's more important to first let the user see and confirm their destinations in writing ( i think it is easier to read the destination as words rather than trying to work it out from a map). As the western world scans from right to left, the user will be able to first read their destination quickly in writing, then scan to the left to the map. The map then aids in this confirmation by showing the user their destinations visually

Below is the prototype I made in Figma, guided by the layout of my wireframe