-
Notifications
You must be signed in to change notification settings - Fork 1
/
heuristicevaluation.html
187 lines (140 loc) · 11.1 KB
/
heuristicevaluation.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Design Development</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.svg" alt="" /></span><span class="title">Wedding Planning</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="projectbrief.html">Project Brief </a></li>
<li><a href="consentnarrative.html"> Consent Narrative</a></li>
<li><a href="inspo.html">Inspirational Designs</a></li>
<li><a href="needsanalysis.html">Needs Analysis</a></li>
<li><a href="designdevelopment.html">Design Development</a></li>
<li><a href="heuristicevaluation.html">Heuristic Evaluation</a></li>
<li><a href="designrefinement.html">Design Refinement</a></li>
<li><a href="formalusabilitytestdesign.html">Formal Usability Test Design</a></li>
<li><a href="finalrefinement.html">Final Refinement</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Heuristic Evaluation</h1>
<h2>Introduction</h2>
<p>Thank you for coming. We are Casey, Annabel, Patrick, Zoher, and Christina. We are students enrolled in a Human Factors in Interface Design Class. We’re working on a product for people planning their own weddings that will simplify and streamline the management of tasks involved in wedding planning. The purpose of today’s session is for you to help us figure out how to make this interface more user-friendly before we finish developing it. We’ve designed what the screens would look like, and linked them together with an online software. The screens are static, as a result, some of the buttons might not be functional. <strong>Keep reading for specific tasks and warnings about buttons that are not functional.</strong></p>
<p>Our goal today is to give you a few tasks that we hope are representative of what people do in real life. Your job is to tell us what makes sense, what is confusing, and if it works the way you’d expect it to. We think that your input and perspective on our product will make it more user-friendly for everyone.</p>
<p>Keep in mind that we are testing the interface here and not you, so if you run into any problems, it is not your fault, it just indicates that there is something in the interface we need to change.</p>
<p>We will not be present to take notes, so you will have to do that for us by applying the <a target="_blank" href="https://www.nngroup.com/articles/ten-usability-heuristics/">heuristics</a> sending that to us. We’re really looking forward to any feedback you might have for us!
<p>Right now, this prototype is pretty rough around the edges, and there are some incomplete parts. But before we settle on a design we want to show it to users and make sure that the flow of the product makes sense. We might not be able to incorporate all your feedback into the interface at this point, but we will definitely make note of any of your opinions.</p>
<p>Do you have any questions about what we’re doing today or about our expectations before we start? If so, please send us an email!</p>
<p>We are pretending that you are a member of our target user group. You’re getting married in Boston, MA. Please let us know (through email) if you have any questions about the tasks at hand, and remember, we are not testing your ability to use this interface but the interface itself. If you have a problem with something, it is not your fault but it is something we need to change with the interface. When you’re ready, please continue reading to go through the tasks we would like you to complete.</p>
<h2>Instructions</h2>
<p><a target="_blank" href="https://projects.invisionapp.com/share/H2999IYMN#/screens">Click here to open our prototype in a new tab before completing the tasks listed below.</a></p>
<h3>Sign-Up</h3>
<p>Your name is Igor Shamansky. Your fiance’s name is Sam Spottergon. In this section, you will be walking through the sign-up process for our app.</p>
<p>First, read the information on the first few screens. Your names should already be entered for you.</p>
<p>Next, choose one of the 3 options.
<ul style="list-style: none;">
<li>A. Set your wedding date to March 13, 2017</li>
<li>B. Set your wedding date to Spring 2017</li>
<li>C. Don’t set your wedding date yet</li>
</ul>
</p>
<p>Then, set the location of your wedding to Boston, MA.</p>
<p>Then, set your notification preferences to give you new tasks on the mornings of Sunday, Monday, Wednesday, and Friday.</p>
<p>Once, these steps are complete, find your way to the main part of the app.</p>
<h3>Today</h3>
<p>It is Monday morning, and you’re looking for your planning tasks for the week. Check out your tasks for today, tomorrow, and Friday. (Not all of these tasks are currently clickable.)</p>
<p>You remember researching what kind of bouquets you would like sometime last week, and you’re interested in learning more about “Setting up consultations with 3 florists”. Go to the screen where you can learn more about this task.</p>
<p>Return back to your list of tasks for the day.</p>
<p>What would you do to try to move directly to different day a month or two from now? Cancel this action.</p>
<h3>Categories</h3>
<p>You’d like to know what other categories of tasks you should anticipate getting. Find the list of all of the categories of tasks you need to complete.</p>
<p>How far along are you in the “Beauty” category?</p>
<p>You’re particularly worried about getting all your floral tasks done. See what ones are coming up for you.</p>
<h3>Settings</h3>
<p>Your fiance has recently changed their name. Please change your partner’s name on the Settings page.</p>
<p>You and your fiance decided that your original date of Sun, October 30, 2017 11:00 AM was a dumb day to get married (it also wasn’t available at your favorite venue). Change that day to another day you prefer.</p>
<p>You are currently receiving notifications in the morning on Sunday, Monday, Wednesday, and Friday but you are starting a new job so you’ll be at work during the morning and afternoon. Change your notification settings so you get notifications in the evenings on these days.</p>
<p><strong>Done! Thanks for helping up make our design more usable!</strong></p>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<!-- <section>
<h2>Get in touch</h2>
<form method="post" action="#">
<div class="field half first">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="special" /></li>
</ul>
</form>
</section>
<section>
<h2>Follow</h2>
<ul class="icons">
<li><a href="#" class="icon style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon style2 fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon style2 fa-500px"><span class="label">500px</span></a></li>
<li><a href="#" class="icon style2 fa-phone"><span class="label">Phone</span></a></li>
<li><a href="#" class="icon style2 fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
</section> -->
<ul class="copyright">
<li>© Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>