-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpolaris.html
79 lines (75 loc) · 4.98 KB
/
polaris.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/html5reset.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<title>Polaris Design Jam</title>
</head>
<body>
<a href="#main" class="jump">Jump to Content</a>
<header>
<nav class="top-nav">
<ul>
<li><a href="index.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="docs/portfolio_resume.pdf" target="_blank">Resume</a></li>
<!-- <li><a href="contact.html">Contact</a></li> -->
</ul>
</nav>
<h1>Polaris Design Jam</h1>
<img src="imgs/polaris_banner.jpg" alt="snowmobile banner image" class="banner">
</header>
<main id="main">
<div class="intro">
<h2>Format</h2>
<p><strong>3-hour design sprint</strong></p>
<h2>Roles</h2>
<p><strong>Interaction Designer</strong></p>
<h2>The Challenge</h2>
<p>Based on a given persona, <strong>create a vehicle owner dashboard that addresses the user’s pain points over the vehicle’s lifespan.</strong></p>
</div>
<div class="project-section">
<h2>Process</h2>
<p>My team brainstormed some key features that users would want to see in an owner’s dashboard, and we decided to create an app centered around vehicle health. We listed out several key items that should be included, such as vehicle maintenance, dates of service, and access to the owner’s manual. We wireframed our app before moving into the paper prototyping phase.</p>
<img src="imgs/polaris_process.jpg" alt="process photo">
</div>
<div class="project-section">
<h2>Solution</h2>
<p>Our team decided that our app would send push notifications for urgent matters, such as recall alerts. Otherwise, the user could go into the app to view key vehicle health components such as oil life and tire pressure. The app featured an interactive image of a vehicle, and users could click pieces of the vehicle to see when each part was replaced. This would update automatically when the vehicle was serviced, but the information could also be typed in by hand in order to accommodate users who prefer to self-service. Because our given persona lived in a remote area, being able to easily view maintenance dates was crucial.</p>
<br />
<p>Beyond serving as a tool for vehicle maintenance, we also wanted our dashboard to have a “fun factor,” so we included a feature called “My Rides,” through which users could track the places they had visited in their vehicle. They could attach dash-cam footage of their trip to a map view and save memories within the app. While we wanted to focus first on the app’s utility as a dashboard, we also took note of the fact that our user primarily took their vehicle out for family trips, so we acknowledged the fun piece of off-roading within our design.</p>
</div>
<!--add bootstrap image carousel-->
<h2>Discussion</h2>
<ul>
<li>Due to this project’s format, we were not able to gather feedback on our design before presenting it to the other teams. If this system were to be implemented, it would be interesting to see how users perceive the “My Rides” feature and which users gain the most from it.</li>
<li>My team for this sprint was smaller than usual, but the team size allowed us to collaborate more closely and really talk through the finer points of our design. The stellar teamwork on this project led to a system that was well thought out and creative.</li>
</ul>
</main>
<footer>
<nav class="bottom-nav">
<ul>
<li><a href="careconnect_prototype.html">CareConnect Prototype</a></li>
<li><a href="iia.html">Innovation in Action</a></li>
<li><a href="polaris.html" class="current">Polaris Design Jam</a></li>
<li><a href="university_consulting.html">University Consulting</a></li>
</ul>
</nav><br />
<br />
<div class="icons">
<a href="mailto:[email protected]" aria-label="Email to [email protected]" class="email-icon">
<i aria-hidden="true" class="fa fa-envelope"></i>
</a>
<a href="https://www.linkedin.com/in/amanda-bassett-62b06887" aria-label="LinkedIn" target="_blank" class="linkedin">
<i aria-hidden="true" class="fab fa-linkedin-in"></i>
</a>
</div>
<span class="copyright">
Hand-coded with ♥ <br />© Amanda Bassett 2019
</span>
</footer>
</body>
</html>