Contents
2
Introduction
4-5
Research Personas
6-7 8-10
Development Mood Board Inventory & Taxonomy Concept Sketches
11 12-13 14 15-21
User Testing Conclusion
22-23 23
Medium-Fidelity Medium-Fidelity Wireframes Medium-Fidelity Prototype
25 26-29 30
High-Fidelity High-Fidelity Wireframes High-Fidelity Prototype
31 32-36 37
Resources
38
3
Introduction With the success of Apple, sources are saying they have taken their ideas to the next level with them entering into the automobile industry. Said to be known as Project Titan, it is an electric car that Apple is currently manufacturing. Coming out within the next 5 years this car is said to be semi-autonomous and will have a big emphasis on
4
user-experience with futuristic technology. This design document focuses on the technology in the car from the design of the dashboard and the center console screen. The focus of the framework for the design is used from the research on the competitor’s cars, but also keeping the Apple iOS interface in mind.
5
Research People are saying since Apple moved towards putting their features into cars with making a dashboard feature called CarPlay that it takes the interface of the iPhone and puts it in a built in dashboard display in your car. You are able to do everything that you can with an iPhone; all you do is plug in your iPhone and you can get directions, make calls, send and receive text messages, and listen to music without touching your phone. {1} Also they are saying since Apple has hired an engineer from Tesla they think that Apple is going to start to make cars. Another person
6
wrote a story about 10 reasons why apple should start making cars. She states in the article that they have the money and the technology to make a car. {2} From reading the articles about Project Titan they think that the car Apple is going to make is going to be an electric car. Sources say that Apple is considering using the BMW’s i3 for the basis of the project. Things that I think I will keep in mind as I am designing the car are keeping a sleek design and up-to-date with the latest technology. Taking the apple car design and incorporating into the car.
7
Personas
Development
Mood Board In designing the Apple car dashboard and console screen a mood board was created to show things that could be kept in mind when creating the Apple car. The color palette below shows the color that was chosen to go into the dashboard and center console.
12
13
Inventory & Taxonomy The list below is a spreadsheet that categorizes and organizes the functions of the dashboard. They are labeled under their groups that there supposed to be under.
14
Concept Sketches Dashboard
15
When looking at the dashboard you have a couple of different features. You have the speedometer on the left side; inside of that you have where the car tells you if you are in park, drive, reverse, or neutral. Then it also tells you the mileage that on the car. Underneath all that you have all of the alert system lights to let you know what’s on in the car, or if it has problems occurring. 1. Navigation map-This shows up either you put in a destination or not. 2. Speedometer- tells the driver how fast they are going. Inside of it is where the car tells you if you’re either in park, drive, etc. Then it also tells you the mileage that’s on the car. 3. Battery life- tells the driver the amount of battery life they have before the car needs be charged, or before it dies. 4. Warning lights- tells the driver if there are any problems with the car. 5. Left side steering wheel buttons- the buttons on the outside are the cruise control to set and turn it on/off. The inside buttons are the skip buttons to move back and forth between songs. 6. Right side steering wheel buttons- the outside buttons are for the volume, the inside top button is used to do voice command and the bottom outside button is to answer phone calls.
16
Inside of the car This sketch shows the user what the inside of the car looks like. There is a center console screen that was put into the middle of the car.
17
Center console screens
This is the screen that shows up first before the user tries touching it; the screen shows all the apps that are provided to the user. They can access their phone to get a hold of contacts and even sync music from their phone. The buttons that are on the left side are built into the touch screen and never changes when flipping through the apps. The top and bottom buttons are the volume control buttons. The middle button is set up just like a smart phone where it has a home button where it takes the user back to the home screen. Anytime the user is trying to get out of an app, all they have to do is press the home button and it will bring them back to the screen shown above.
Music Screen
GPS Screen
19
Contact Screen
Volume Settings Screen
20
Phone Call Screen
Messages Screen
21
User Testing When doing user testing I used three test subjects (Daniel, Danny, & Monica). They went through a series of questions about the dashboard, steering wheel, and center touch screen.
All the questions that were asked are to help with the final design of the dashboard.
22
Q&A 1. Do the controls on the steering wheel make sense & do you know what each button does? All the users understood what all of the buttons were. They were able to tell me what each button can do. They did make one suggestion with a button, I had an off button for the cruise control and they thought I should make it where it says off/on. 2. Do the controls on the dashboard make sense and does the layout of the dashboard work? The users again said that everything seemed to look good; I did not have any problems with anything. They understood what everything was supposed to be and thought it was presented well. 3. Looking at the screens do they make sense and can you go through each screen with no problem? The users thought that all of the pages were good; they did not have any problems knowing what all the screens were. They did have a problem of not knowing what the buttons on the left side of the screen were used for. Once I told them what the use for them was they said that it made sense to them.
Conclusion
After doing user testing, the users told me that the prototype seems to be simple and easy to navigate. They did not have any problems when they were browsing around the touch screen and dashboard. I did receive a suggestion with the design; they said that I should move the gps map from the left side to the middle of the dashboard. Then another thing was that the text messages would be a distraction to the driver, and thought I should get rid of them. 23
Medium-Fidelity
Medium-Fidelity Wireframes In the second iteration of the wireframes, I took out the text messaging for the center console screen because of distraction issues. The options on the dashboard changed, I moved the GPS map that was on the left side of the dashboard to the middle, and then moved the speedometer to the left side. The right side had a lot of wasted space so I moved the battery gage that shows how much battery the user has left to the right side and made it bigger.
Dashboard
26
Main Screen
GPS Map Screen
27
Music Screen
Contacts Screen
28
Phone Call Screen
Steering Wheel
29
Medium-Fidelity Prototype For this prototype, I showed the navigation between each screen from the center console. The prototype can be found: http://aagtem.axshare.com
30
High-Fidelity
High-Fidelity Wireframes I changed my design of the car when creating the high fidelity screens. I changed the steering wheel by adding a mode button on the middle left side, the driver can change the driver’s mode from manual (where the driver is driving the car) to assisted driving mode (where the car is driving itself ). The other buttons that surround the mode button are the volume buttons that are on the top and bottom; then the change of song or to play the last song are the left and right buttons. On the right side the middle button is to answer and end phone calls, and the buttons surrounding it are used for the cruise control. At the very bottom of the steering wheel I added a Siri button. In the center console I took out the climate control so the user won’t have to navigate all the way through just so they can change the air speed, or if they wanted their seats heated, it will now be offered below the center console screen. The other thing that was changed on the center console screen was where the things offered when the car is in assisted driving mode; the driver can now have access when in assisted driving mode to text messages, email, internet, and weather. I added text messages back because I am going to have Siri help with the text messages where the driver does not need to type anything, Siri will do all the work. Siri is used to read out the text messages, and gives you the ability to respond verbally to the message. Once the driver tells Siri what to write it says the message back to the driver then asks if they wanted it fixed or send it.
32
Assisted Driving Mode Dashboard
33
Assisted Driving Mode Dashboard
33
Manual Driving Screen
Assisted Driving Screen
34
Contacts Screen
Music Screen
35
Contacts Screen
Music Screen
36
High-Fidelity Prototype For this prototype, the user can navigate through all the steering wheel buttons. The user can also go through the different screens in both modes. The prototype can be found: http://sm5ywc.axshare.com/#c=2
37
Resources {1} "10 Reasons Apple Should Get Into The Car Business." Forbes. Forbes, 1 June 2015. Web. October 2015. http://www.forbes.com/sites/joannmuller/2015/06/01/10-reasons-apple-should-get-into-the-car-business/2/ {2} "Carplay." Apple. Apple, 2015. Web. October 2015. http://www.apple.com/ios/carplay/
37