Wiki source code of Usability Scenario #6

Last modified by Vincent Massol on 2024/02/26 17:54

Show last authors
1 (% class="row" %)
2 (((
3 (% class="col-xs-12 col-sm-6" %)
4 (((
5 {{success}}
6 (% style="margin-bottom:0;" %)
7 Scenario: https://goo.gl/forms/u0XeDo5L1ZYBkaXf1
8 {{/success}}
9
10 (% style="margin-top: -20px;" %)
11 (((
12 {{warning}}
13 (% style="margin-bottom:0;" %)
14 |Period:| Dec 2018 - Jan 2019
15 |Interviewees:| 3 members of the community (18 - 35 years old)
16 |Version:| XWiki 10.10
17 {{/warning}}
18 )))
19 )))
20
21 (% class="col-xs-12 col-sm-6" %)
22 (((
23 {{warning}}
24 |Target:| Beginner Admin
25 |Features:| Page, Administration
26 |Type:| Tasks
27 |Duration:|1:00 - 1:30 hours
28 {{/warning}}
29 )))
30 )))
31
32 (% class="row" %)
33 (((
34 (% class="col-xs-12" %)
35 (((
36 = Tasks Status =
37 )))
38
39 (% class="col-xs-12" %)
40 (((
41 (% class="table-responsive" %)
42 (((
43 (% class="table table-striped table-bordered centered" %)
44 |=(% colspan="3" rowspan="2" %)Participant |=(% colspan="3" rowspan="2" %)T1 {{footnote}}[[T1: Log-in>>||anchor="HT1.Log-in"]]{{/footnote}} |=(% colspan="3" rowspan="2" %)T2 {{footnote}}[[T2: Change logo>>||anchor="HT2.Changelogo"]]{{/footnote}} |=(% colspan="3" rowspan="2" %)T3 {{footnote}}[[T3: Create user>>||anchor="HT3.Createuser"]]{{/footnote}} |=(% colspan="3" rowspan="2" %)T4 {{footnote}}[[T4: Create page>>||anchor="HT4.Createpage"]]{{/footnote}} |=(% colspan="6" %)T5 {{footnote}}[[T5: Advanced editing>>||anchor="HT5.Advancedediting"]]{{/footnote}} |=(% colspan="3" rowspan="2" %)T6 {{footnote}}[[T6: Page relations>>||anchor="HT6.Pagerelations"]]{{/footnote}} |=(% colspan="3" rowspan="2" %)T7 {{footnote}}[[T7: Adding attachments>>||anchor="HT7.Addingattachments"]]{{/footnote}} |=(% colspan="3" rowspan="2" %)T8 {{footnote}}[[T8: Creating navigation>>||anchor="HT8.Creatingnavigation"]]{{/footnote}} |=(% colspan="3" rowspan="2" %)T9 {{footnote}}[[T9: Adding rights>>||anchor="HT9.Addingrights"]]{{/footnote}} |=(% colspan="3" rowspan="2" %)T10 {{footnote}}[[T10: Installing extension>>||anchor="HT10.Installingextension"]]{{/footnote}}
45 |=(% colspan="3" %)Table|=(% colspan="3" %)Chart
46 |User#1|B|(%class="noitems"%)XWiki 10.10(%%)|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_green |(% value="M" %)M|< 10 min|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_red |(% value="H" %)H|-|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_green |(% value="M" %)M|< 3 min|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="S" %)S|< 5 min|image:icon:bullet_green |(% value="S" %)S|< 5 min
47 |User#2|M|(%class="noitems"%)XWiki 10.10(%%)|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_red |(% value="H" %)H|< 10 min|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_red |(% value="H" %)H|-|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="H" %)H|< 1 min|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_green |(% value="H" %)H|< 10 min
48 |User#3|B - M|(%class="noitems"%)XWiki 10.11(%%)|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="M" %)M|< 3 min|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="S" %)S|< 3 min|image:icon:bullet_green |(% value="S" %)S|-|image:icon:bullet_orange |(% value="M" %)M|< 10 min|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="S" %)S|< 1 min|image:icon:bullet_green |(% value="S" %)S|< 5 min|image:icon:bullet_green |(% value="S" %)S|< 5 min
49 |(% colspan="39" style="border-bottom: 2px solid #ccc ; padding: 0;" %)\\
50 |=Average|=|=|=image:icon:bullet_green |=(% value="S" %)S|=<1 min|=(% value="M" %)image:icon:bullet_orange |=(% value="M" %)M|=(% value="H" %)<7
51 min|=image:icon:bullet_green |=(% value="S" %)S|=<1 min|=image:icon:bullet_green |=(% value="S" %)S|=<3 min|=image:icon:bullet_green |=(% value="S" %)S|=<3 min|=(% value="H" %)image:icon:bullet_red |=(% value="H" %)H|=(% value="H" %)<10 min|=image:icon:bullet_green |=(% value="S" %)S|=<1 min|=image:icon:bullet_green |=(% value="S" %)S|=<1 min|=image:icon:bullet_green |=(% value="M" %)M|=<1 min|=image:icon:bullet_green |=(% value="S" %)S|=<4 min|=image:icon:bullet_green |=(% value="M" %)M|=(% value="M" %)<6 min
52 |(% colspan="39" style="border-top: 2px solid #ccc ; padding: 0;" %)\\
53 |User#4|B-M|(%class="noitems"%)XWiki 11.5 (%%)|image:icon:bullet_green |(% value="M" %)M |< 1 min |image:icon:bullet_green |(% value="H" %)H |< 5 min |image:icon:bullet_orange |(% value="M" %)M |< 3 min |image:icon:bullet_green |(% value="S" %)S |< 1 min |image:icon:bullet_green |(% value="S" %)S |< 1 min |image:icon:bullet_orange |(% value="H" %)H |< 5 min |image:icon:bullet_green |(% value="S" %)S |< 1 min |image:icon:bullet_orange |(% value="M" %)M |< 10 min |image:icon:bullet_green |(% value="M" %)M |< 5 min |image:icon:bullet_orange |(% value="H" %)H |< 5 min|image:icon:bullet_red |(% value="H" %)H |< 10 min
54 |(% colspan="39" style="border-bottom: 2px solid #ccc ; padding: 0;" %)\\
55 |=Hypothesis|||=image:icon:bullet_white |=S |=<3 min|=image:icon:bullet_white |=H|=<10 min|=image:icon:bullet_white |=M|=<3 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=S|=<3 min|=image:icon:bullet_white |=M|=<5 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=M|=<3 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=H|=<5 min|=image:icon:bullet_white |=M|=<5 min
56 |=Desired|||=image:icon:bullet_white |=S |=<1 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=S|=<3 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=M|=<3 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=S|=<1 min|=image:icon:bullet_white |=M|=<3 min|=image:icon:bullet_white |=M|=<3 min
57 )))
58
59 {{comment}}
60 |User|||image:icon:bullet_white | | |image:icon:bullet_white | | |image:icon:bullet_white | | |image:icon:bullet_white | | |image:icon:bullet_white | | |image:icon:bullet_white | | |image:icon:bullet_white | | |image:icon:bullet_white | | |image:icon:bullet_white | | |image:icon:bullet_white | ||image:icon:bullet_white | |
61 {{/comment}}
62
63 ----
64
65 (% class="noitems" %)
66 |Legend: |image:icon:bullet_white Not started image:icon:bullet_green Success image:icon:bullet_orange Partial image:icon:bullet_red Fail|(% style="text-align: center" %) **S** = Simple / Easy, **M** = Medium, **H** = Hard; |(% style="text-align: right" %) **B** = Beginner, **M** = Medium, **A** = Advanced
67 )))
68 )))
69
70 (% class="row" %)
71 (((
72 (% class="col-xs-12" %)
73 (((
74 = Tasks Analysis =
75 )))
76
77 (% class="col-xs-12 col-md-4" %)
78 (((
79 (% class="label label-danger" %)Major
80
81 {{error}}
82 2 / 10 Tasks with major difficulties or unable to complete:
83
84 * T5: [[Advanced editing - Chart>>.||anchor="HT5:Advancedediting-Chart"]]
85 * T2: [[Change logo>>.||anchor="HT2:ChangeLogo"]]
86 {{/error}}
87 )))
88
89 (% class="col-xs-12 col-md-4" %)
90 (((
91 (% class="label label-warning" %)Medium
92
93 {{warning}}
94 2 / 10 Tasks with medium difficulties:
95
96 * T10: [[Installing extension>>.||anchor="HT10:Installingextension"]]
97 * T8: [[Creating navigation>>.||anchor="HT8:Creatingnavigation"]]
98 {{/warning}}
99 )))
100
101 (% class="col-xs-12 col-md-4" %)
102 (((
103 (% class="label label-success" %)Minor
104
105 {{success}}
106 6 / 10 Tasks Successful:
107
108 * [[T1>>.||anchor="HT1.Log-in"]]: Log-in
109 * [[T3>>.||anchor="HT3.Createuser"]]: Create user
110 * [[T4>>.||anchor="HT4.Createpage"]]: Create page
111 * [[T6>>.||anchor="HT6.Pagerelations"]]: Page relations
112 * [[T7>>.||anchor="HT7.Addingattachments"]]: Adding attachments
113 * [[T9>>.||anchor="HT9.Addingrights"]]: Adding rights
114
115 * [[T5>>.||anchor="HT5.Advancedediting"]]: Advanced editing - Table
116 {{/success}}
117 )))
118
119 (% class="clearfix" %)
120 (((
121
122 )))
123
124 ----
125
126 (% class="col-xs-12" %)
127 (((
128 === Recommendations ===
129
130 {{toc start="4"/}}
131 )))
132
133 (% class="col-xs-12" %)
134 (((
135 ==== T2: Change Logo ====
136 )))
137
138 (% class="col-xs-12 col-md-4" %)
139 (((
140 (% class="label-danger label" %)Issues
141
142 {{box}}
143 {{jiraIssues}}
144 XWIKI-16039,
145 XWIKI-16023,
146 XWIKI-15198
147 {{/jiraIssues}}
148 {{/box}}
149 )))
150
151 (% class="col-xs-12 col-md-4" %)
152 (((
153 (% class="label-default label" %)Notes
154
155 {{box}}
156 (%class="noitems"%)(((
157 * (%class="text-danger"%)The //average time// to complete this task is **very high** (average 7min) and users might abandon it and get frustrated.
158 * The flow needs simplification.
159
160 * Confusion between ##Skin## and ##Theme##.
161 )))
162 {{/box}}
163 )))
164
165 (% class="col-xs-12 col-md-4" %)
166 (((
167 (% class="label-success label" %)Improvements
168
169 {{box}}
170 {{usecase}}
171 Provide a direct place to change the logo from Administration
172 {{/usecase}}
173
174 (% class="noitems" %)
175 (((
176 * See related proposal [[Change Logo>>Proposal.IdeaChangeLogo]].(((
177 Proposal
178 [[[[image:[email protected]||style="height: 200px;"]]>>attach:[email protected]]]
179 )))
180 )))
181 {{/box}}
182 )))
183
184 (% class="clearfix" %)
185 (((
186
187 )))
188
189 (% class="col-xs-12" %)
190 (((
191 ==== T5: Advanced editing - Chart ====
192 )))
193
194 (% class="col-xs-12 col-md-4" %)
195 (((
196 (% class="label-danger label" %)Issues
197
198 {{box}}
199 {{jiraIssues}}
200 XWIKI-16040,
201 CKEDITOR-201
202 {{/jiraIssues}}
203 {{/box}}
204 )))
205
206 (% class="col-xs-12 col-md-4" %)
207 (((
208 (% class="label-default label" %)Notes
209
210 {{box}}
211 (%class="noitems"%)(((
212 * (%class="text-danger"%)Users don't know what values to fill for the macro parameters.
213 * Ideally, they would just press "Insert" and adjust later; or have a "Preview" of the values they provide.
214
215 * All users mentioned that they would need to read the documentation first.
216
217 * One user wanted to right-click the editor content and using a table selection to add a chart macro.
218
219 * 2 users mentioned that they expect something similar to the ##Office Word## behaviour.
220 )))
221 {{/box}}
222 )))
223
224 (% class="col-xs-12 col-md-4" %)
225 (((
226 (% class="label-success label" %)Improvements
227
228 {{box}}
229 {{usecase}}
230 Provide good defaults for the macro parameters.
231 {{/usecase}}
232
233 (% class="noitems" %)
234 (((
235 * See related proposal [[Macro Parameters>>Proposal.MacroParameters]].(((
236 Proposal
237 [[[[image:Proposal.MacroParameters@chart_after_2.png||style="height: 150px;"]]>>attach:Proposal.MacroParameters@chart_after_2.png]]
238 )))
239 )))
240 {{/box}}
241
242 {{box}}
243 {{usecase}}
244 Provide a preview for the available macros.
245 {{/usecase}}
246
247 (% class="noitems" %)
248 * See related proposal [[Macro Preview>>Proposal.XClassPicker||anchor="HModalsPreview"]].
249 {{/box}}
250 )))
251
252 (% class="clearfix" %)
253 (((
254
255 )))
256
257 (% class="col-xs-12" %)
258 (((
259 ==== T7: Adding attachments ====
260 )))
261
262 (% class="col-xs-12 col-md-4" %)
263 (((
264 (% class="label-success label" %)Issues
265
266 {{box}}
267 {{jiraIssues}}
268 CKEDITOR-262,
269 XWIKI-16046
270 {{/jiraIssues}}
271 {{/box}}
272 )))
273
274 (% class="col-xs-12 col-md-4" %)
275 (((
276 (% class="label-default label" %)Notes
277
278 {{box}}
279 (%class="noitems"%)(((
280 * Some confusions on the way images are attached from the WYSIWYG editor.
281 * One user didn't knew she needs to press the "Send it to the Server" button in order for the image to be uploaded. Kept pressing the modal's "Ok".
282 )))
283 {{/box}}
284 )))
285
286 (% class="col-xs-12 col-md-4" %)
287 (((
288 (% class="label-success label" %)Improvements
289
290 {{box}}
291 {{usecase}}
292 Improve the editor's image upload modal.
293 {{/usecase}}
294
295 (%class="noitems"%)
296 * Use "Upload" verb instead in order to be consistent with the Tab name. Also provide a primary button state for the action. (((
297
298
299 (% class="row noitems" %)
300 (((
301 (% class="col-xs-6" %)
302 (((
303 Proposal
304 [[image:attach:UploadAfter.png]]
305 )))
306 (% class="col-xs-6" %)
307 (((
308 Current
309 [[image:attach:UploadBefore.png]]
310 )))
311 )))
312 )))
313 {{/box}}
314 )))
315
316 (% class="clearfix" %)
317 (((
318
319 )))
320
321 (% class="col-xs-12" %)
322 (((
323 ==== T8: Creating navigation ====
324 )))
325
326 (% class="col-xs-12 col-md-4" %)
327 (((
328 (% class="label-warning label" %)Issues
329
330 {{box}}
331 {{jiraIssues}}
332 XWIKI-15962,
333 XWIKI-16043
334 {{/jiraIssues}}
335 {{/box}}
336 )))
337
338 (% class="col-xs-12 col-md-4" %)
339 (((
340 (% class="label-default label" %)Notes
341
342 {{box}}
343 (%class="noitems"%)(((
344 * The majority of users tested were satisfied with the Navigation Panel and didn't felt the need to create Menus.
345
346 * Confusion between ##Panel## and ##Menu##.
347 )))
348 {{/box}}
349 )))
350
351 (% class="col-xs-12 col-md-4" %)
352 (((
353 (% class="label-success label" %)Improvements
354
355 {{box}}
356 {{usecase}}
357 Consistency between Breadcrumb and Navigation Panel for the 'Home' entry
358 {{/usecase}}
359
360 (%class="noitems"%)
361 * One user was confused about the alphabetical sorting and expected the "Home" entry to be always first, and marked accordingly: (((
362
363
364 (% class="row noitems" %)
365 (((
366 (% class="col-xs-6" %)
367 (((
368 Proposal
369 [[image:attach:NavigationHomeFirst.png]]
370 )))
371 (% class="col-xs-6" %)
372 (((
373 Current
374 [[image:attach:NavigationCurrent.png]]
375 )))
376 )))
377 )))
378 {{/box}}
379 )))
380
381 (% class="clearfix" %)
382 (((
383
384 )))
385
386 (% class="col-xs-12" %)
387 (((
388 ==== T9: Adding rights ====
389 )))
390
391 (% class="col-xs-12 col-md-4" %)
392 (((
393 (% class="label-success label" %)Issues
394
395 {{box}}
396 {{jiraIssues}}
397 XWIKI-12782,
398 XWIKI-16002
399 {{/jiraIssues}}
400 {{/box}}
401 )))
402
403 (% class="col-xs-12 col-md-4" %)
404 (((
405 (% class="label-default label" %)Notes
406
407 {{box}}
408 (%class="noitems"%)(((
409 * Confusion between ##Rights: Page & Children## and ##Rights: Page##.
410 ** We got one comment that we should rename the entry to "Page & People" or "Page & Users" instead of "Page & Children".
411
412 * Comment about having a "Save" button when setting the Rights.
413 )))
414 {{/box}}
415 )))
416
417 (% class="col-xs-12 col-md-4" %)
418 (((
419 (% class="label-success label" %)Improvements
420
421 {{box}}
422 (% class="noitems" %)
423 * Users set the rights, but they were not very sure that what they did will have the expected behaviour.
424 * Confused about giving ##Deny## for the ##Admin## user and what effect that will have.
425 * Confused if adding some rights will have effects on other users.
426 * See related proposal [[Rights Checker>>Proposal.RightsUI9xCheck]].
427 {{/box}}
428 )))
429
430 (% class="clearfix" %)
431 (((
432
433 )))
434
435 (% class="col-xs-12" %)
436 (((
437 ==== T10: Installing extension ====
438 )))
439
440 (% class="col-xs-12 col-md-4" %)
441 (((
442 (% class="label-warning label" %)Issues
443
444 {{box}}
445 {{jiraIssues}}
446 XWIKI-16045
447 {{/jiraIssues}}
448
449
450 Calendar:
451 * [[#59>>https://github.com/xwikisas/application-licensing/issues/59]]: Notification bell is not marked differently when Silk Icon Theme is used
452 * [[#26>>https://github.com/xwikisas/application-mocca-calendar/issues/26]]: Translation console warning for Mocca Calendar Macro
453 * [[#27>>https://github.com/xwikisas/application-mocca-calendar/issues/27]]: Better differentiate the purpose of the two macros provided by the Calendar app
454 * [[#28>>https://github.com/xwikisas/application-mocca-calendar/issues/28]]: Calendar macros are accessible / usable even if the license has not been activated
455 * [[#29>>https://github.com/xwikisas/application-mocca-calendar/issues/29]]: Using the 'moccacalendar' macro breaks the JavaScript on the page
456
457 {{/box}}
458 )))
459
460 (% class="col-xs-12 col-md-4" %)
461 (((
462 (% class="label-default label" %)Notes
463
464 {{box}}
465 (%class="noitems"%)(((
466 * We got a comment that the "Application" term would be better than "Extension".
467
468 * After the extension is installed, the user is confused on where is supposed to go next:
469 ** The application is not added to the AppBar and refreshed automatically.
470 ** There is no button in Extension Manager to encourage the user to go to his newly installed application.
471 )))
472 {{/box}}
473 )))
474
475 (% class="col-xs-12 col-md-4" %)
476 (((
477 (% class="label-success label" %)Improvements
478
479 {{box}}
480 (% class="noitems" %)
481 * One user pressed "All Extensions" button when wanting to "Search" for extensions names. The proximity and position of the "All Extensions" button can cause confusion.(((
482 (% class="row noitems" %)
483 (((
484 (% class="col-xs-6" %)
485 (((
486 Proposal
487 [[[[image:attach:ExtensionsAfter.png]]>>attach:ExtensionsAfter.png]]
488 )))
489
490 (% class="col-xs-6" %)
491 (((
492 Current
493 [[[[image:attach:ExtensionsBefore.png]]>>attach:ExtensionsBefore.png]]
494 )))
495 )))
496 )))
497 {{/box}}
498 )))
499
500 (% class="clearfix" %)
501 (((
502
503 )))
504
505 (% class="col-xs-12" %)
506 (((
507 ==== General ====
508 )))
509
510 (% class="col-xs-12 col-md-4" %)
511 (((
512
513 )))
514
515 (% class="col-xs-12 col-md-4" %)
516 (((
517
518 )))
519
520 (% class="col-xs-12 col-md-4" %)
521 (((
522 (% class="label-success label" %)Other User Suggestions
523
524 {{box}}
525 {{usecase}}
526 Simplify the interface.
527 {{/usecase}}
528
529 (%class="noitems"%)
530 * For example: remove the "Last modified", "Created by" elements.
531 ** They could be listed in the "Information" tab.
532 {{/box}}
533
534 {{box}}
535 {{usecase}}
536 Update and keep the documentation consistent.
537 {{/usecase}}
538
539 (%class="noitems"%)
540 * For example: inconsistencies between "Administer Wiki" and "Wiki Administration" wording used in documentation causes confusion.
541 {{/box}}
542 )))
543
544 (% class="clearfix" %)
545 (((
546
547 )))
548
549 ----
550
551 (% class="col-xs-12" %)
552 (((
553 = Tasks Description =
554 )))
555
556 (% class="col-xs-12 col-sm-6" %)
557 (((
558 == T1. Log-in ==
559
560 You've been assigned to handle the initial setup of XWiki in order to start gathering your team knowledge.
561 First thing you need to do is log-in to the wiki.
562
563 == T2. Change logo ==
564
565 Make the wiki more cozy by changing the default logo with one that your team could identify with.
566 What other things you'd like to customize?
567
568 == T3. Create user ==
569
570 Create an user for one of your team members. They will need the credentials after your setup is finished so you should make sure everything will be ready.
571
572 == T4. Create page ==
573
574 Create a page that will contain the starting point for your team members. Add some basic information in the page that might be useful for them.
575
576 == T5. Advanced editing ==
577
578 To your new created page, add more advanced content: like a table or a pie chart displaying 2 sections: 50% and 50%.
579
580 == T6. Page relations ==
581
582 Since the page is starting to look crowded, create another page that could hold information.
583
584 == T7. Adding attachments ==
585
586 Attach a funny image or an important file to your team page so that they will find it when they will need it.
587
588 == T8. Creating navigation ==
589
590 Make sure the pages you've created are accessible from the main navigation. If not, create a navigation containing your pages, so that your team can easily find them.
591
592 == T9. Adding rights ==
593
594 Add custom rights to the page with attachments so that only the new user you've created has access to it.
595
596 == T10. Installing extension ==
597
598 Your team will also need a calendar.
599 )))
600
601 (% class="col-xs-12 col-sm-6" %)
602 (((
603 {{putFootnotes/}}
604 )))
605 )))

Get Connected