forked from icl/187A_final
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscenarios.html
410 lines (378 loc) · 14.7 KB
/
scenarios.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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>User Scenarios</title>
<meta name="user scenarios" content="user senarios for the different user groups">
<meta name="Maria Moller" content="Maria Moller">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Base Stylsheets http://twitter.github.com/bootstrap/ -->
<link rel="stylesheet" href="stylesheets/lib/jquery.fancybox.css" >
<!-- Your Stylesheets -->
<link rel="stylesheet" href="stylesheets/main.css" >
<!-- jQuery http://jquery.com/ -->
<script src="javascripts/lib/jquery-1.7.1.min.js"></script>
<!-- Bootstrap Javascripts http://twitter.github.com/bootstrap/javascript.html -->
<script src="javascripts/lib/bootstrap.js"></script>
<!-- Fancybox Lightbox http://fancyapps.com/fancybox/#examples -->
<script src="javascripts/lib/jquery.fancybox.js"></script>
<!-- Your Javascripts -->
<script src="javascripts/main.js"></script>
</head>
<body>
<div class="container">
<div class="header">
<h1>
<a href="bunad.html">Project part 1</a>
</h1>
</div>
<div class="nav">
<a href="bunad.html">Home </a>
<a href="interviews.html">Interviews </a>
<a href="scenarios.html">User scenarios </a>
<a href="websites.html">Similar websites</a>
</div>
<div class="container_front">
<h2>User Scenarios</h2>
<br>
<b>Expert</b>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The expert is thinking of sewing his/her own bunad and wants to know rules that needs to be followed
to fulfill the requirements of a bunad.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>What are the rules associated with sewing a traditional bunad?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Read about the handcraft and rules that are associated with bunads.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click at 'Sew your own bunad' <br>
3. Click at 'handcraft and rules' <br></td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The expert wants to buy a specific bunad from the county Ostfold for his/her daughter. </td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>What is the cost estimation for such a bunad?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Find the price of the bunad.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'counties' <br>
3. Click at 'Ostfold' <br>
4. Find the cost</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The expert just saw a bunad that he/she has never seen before and is curious about which region
of Norway that it originates from. </td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>What part of Norway does that particular bunad come from?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Look at pictures in search for a similar looking bunad.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'counties' <br>
3. Go through all the counties to find the particular bunad</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The bunads development over time is important to the expert user. He/she wants to know which
one of the various budads form Vestfold that is the oldest one. </td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>Which Vestfold bunad is the oldest?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Look at the different Vestfold bunads and determine which bunad that is oldest.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'Counties' <br>
3. Choose 'Vestfold' <br>
4. Look at the price</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The expert user wants to sew a bunad and wonders where he/she can find the recipes. </td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>Where can I find a recipe on bunads?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Look for a bunad receipe</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'Sew your own bunad' <br>
3. Click on 'recipes'</td>
</tr>
</table>
<br>
<b>Moderate</b>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The moderate user is thinking of buying a bunad from the Norwegian county, Telemark.
The user wants some more information about the Telemark bunad in general before making a final decision. </td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>What is special about the Telemark bunad?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Find general information about the Telemark bunad.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'counties' <br>
3. Choose 'Telemark' <br>
4. Read about the bunad</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The moderate user is trying to decide what kind of bunad he/she wants. The user has family
rootes in three different parts of Norway and wants take a closer look at the bunads from those three places.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>Which one of the bunads do I like best?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Look at and compare the different bunads.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'counties <br>
3. Choose one of the counties and view the pictures <br>
4. Do this again with the other counties</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The moderate user has just bought a new bunad and wants to know if there are any rules about
how to wear it.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>What can I wear to a bunad?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Read about the rules of the bunad</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'Rules and instruction' <br>
3. Read the rules</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The moderate user owns a bunad from Akershus and are looking to get accessorize that belongs
to the costume.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>What accessorize belongs to the Akershus bunad?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Find and look at accessorize that belongs to the Akershus bunad.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'counties' <br>
3. Choose 'Akershus' <br>
4. View the accesorize</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The moderate user wants to buy a bunad, but does not know where he/she can get it.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>Where can I buy a bunad?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Find out where he/she can buy a bunad</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click on 'Where to buy'</td>
</tr>
</table>
<br>
<b>Novice</b>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The novice user wants to know read up on the tradition connected to bunads. The user does not
own a bunad and it is not tradition in his/hers family.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>What is the tradition about?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Find general information about bunad tradition.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Writes 'bunad information' in a search engine <br>
2. Chooses 'bunad.html' <br>
3. Read about the traditions on the main page</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The novice user has just heard about bunads and are curious to see what they look like.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>What does the Norwegian folk costume look like?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>View images of different bunads.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Writes 'bunad' in a search engine <br>
2. Goes to 'bunad.html' <br>
3. Clicks on a random county <br>
4. Looks at the images</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The novice user has family members in Nordland, but does not know what their bunad looks like.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>How does the Nordlands bunad look like?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>View image of Nordands bunad</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. Go to 'bunad.html' <br>
2. Click at 'counties' <br>
3. Choose 'Nordland' <br>
4. View images</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The novice user is new to bunads and wants to know on what occasions bunads are used.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>When are bunads used?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Find out on what occasions bunads are used.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. write 'bunad' in a search engine <br>
2. goes to 'bunad.html' <br>
3. reads general information on the main page</td>
</tr>
</table>
<br>
<table border='1'>
<tr>
<td class="lable">Scenario context</td>
<td>The novice user wants to read about how the bunad tradition is preserved in modern Norway of today.</td>
</tr>
<tr>
<td class="lable">Scenario question</td>
<td>How are bunads used today?</td>
</tr>
<tr>
<td class="lable">User task</td>
<td>Find information about usage of bunads in todays Norway.</td>
</tr>
<tr>
<td class="lable">Steps</td>
<td>1. write 'bunad' in a search engine <br>
2. goes to 'bunad.html' <br>
3. read about the tradition on the main page</td>
</tr>
</table>
<br>
</div> <!-- end container -->
</body>
</html>