Hide last authors
Ecaterina Moraru (Valica) 5.7 1 {{toc start="2"/}}
Ecaterina Moraru (Valica) 5.2 2
3 == Requirements ==
4
5 {{usecase}}
Ecaterina Moraru (Valica) 5.3 6 Display the application type (blog, etc.)
Ecaterina Moraru (Valica) 5.2 7 {{/usecase}}
Ecaterina Moraru (Valica) 5.3 8
9 {{usecase}}
10 Display the event type (create, edit, delete, comment)
11 {{/usecase}}
Ecaterina Moraru (Valica) 5.4 12
13 {{usecase}}
Ecaterina Moraru (Valica) 5.6 14 Display individual and combined events. The grouping can be done by page, by user, by time, etc.
Ecaterina Moraru (Valica) 5.4 15 {{/usecase}}
Ecaterina Moraru (Valica) 5.5 16
17 {{usecase}}
18 Provide links to the event changes / details
19 {{/usecase}}
Ecaterina Moraru (Valica) 5.7 20
Ecaterina Moraru (Valica) 11.3 21 == User vs. Event Focused ==
Ecaterina Moraru (Valica) 5.7 22
Ecaterina Moraru (Valica) 13.5 23 * Grouping is per page / per event type
24
Ecaterina Moraru (Valica) 5.7 25 (% class="row" %)
26 (((
Ecaterina Moraru (Valica) 5.10 27 (% class="col-xs-6 col-md-2" %)
Ecaterina Moraru (Valica) 5.7 28 (((
29
30 )))
31
Ecaterina Moraru (Valica) 5.10 32 (% class="col-xs-6 col-md-4" %)
Ecaterina Moraru (Valica) 5.7 33 (((
Ecaterina Moraru (Valica) 5.8 34 === User Focused ===
Ecaterina Moraru (Valica) 5.7 35 )))
36
Ecaterina Moraru (Valica) 5.10 37 (% class="col-xs-6 col-md-4" %)
Ecaterina Moraru (Valica) 5.7 38 (((
Ecaterina Moraru (Valica) 5.8 39 === Event Focused ===
Ecaterina Moraru (Valica) 5.9 40 )))
Ecaterina Moraru (Valica) 5.8 41
Ecaterina Moraru (Valica) 5.10 42 (% class="col-xs-6 col-md-2" %)
Ecaterina Moraru (Valica) 5.9 43 (((
44
45 )))
46 )))
47
48 (% class="row" %)
49 (((
Ecaterina Moraru (Valica) 5.10 50 (% class="col-xs-6 col-md-2" %)
Ecaterina Moraru (Valica) 5.9 51 (((
Ecaterina Moraru (Valica) 7.3 52 * Users are highlighted
Ecaterina Moraru (Valica) 8.2 53 * Type Order
54 ** User avatar is primary
55 ** Event type is secondary
56 ** App type is tertiary
Ecaterina Moraru (Valica) 13.4 57
Ecaterina Moraru (Valica) 13.6 58 * Issue: participants avatars not displayed when grouped
Ecaterina Moraru (Valica) 5.9 59 )))
60
Ecaterina Moraru (Valica) 5.10 61 (% class="col-xs-6 col-md-4" %)
Ecaterina Moraru (Valica) 5.9 62 (((
Ecaterina Moraru (Valica) 7.2 63 [[[[image:userFocused.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:userFocused.png]]
64 )))
65
66 (% class="col-xs-6 col-md-4" %)
67 (((
68 [[[[image:eventFocused.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:eventFocused.png]]
69 )))
70
71 (% class="col-xs-6 col-md-2" %)
72 (((
Ecaterina Moraru (Valica) 7.3 73 * Events are highlighted
Ecaterina Moraru (Valica) 8.2 74 * Type Order
75 ** User avatar is missing
76 ** Event type is primary
77 ** App type is secondary
Ecaterina Moraru (Valica) 13.6 78
Ecaterina Moraru (Valica) 13.7 79 * Issue: no avatar is displayed, relying on reading the user names
Ecaterina Moraru (Valica) 7.2 80 )))
81 )))
82
83 (% class="row" %)
84 (((
85 (% class="col-xs-6 col-md-2" %)
86 (((
Ecaterina Moraru (Valica) 8.5 87 {{warning}}
88 [[Prototype UC>>https://jsfiddle.net/risherry/x7fq5m1c/embedded/#Result]]
89 {{/warning}}
Ecaterina Moraru (Valica) 11.2 90
Ecaterina Moraru (Valica) 13.8 91 * Issue with cropped user names
Ecaterina Moraru (Valica) 11.2 92 ** avatar helps with recognition
93 ** full user name in the event description
94 * Avatars aligned
Ecaterina Moraru (Valica) 13.9 95
96 * Participants avatars displayed on details expand
Ecaterina Moraru (Valica) 13.10 97 * Explicit event types
Ecaterina Moraru (Valica) 7.2 98 )))
99
100 (% class="col-xs-6 col-md-4" %)
101 (((
Ecaterina Moraru (Valica) 8.7 102 [[[[image:userFocusedDetails.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:userFocusedDetails.png]]
Ecaterina Moraru (Valica) 5.7 103 )))
104
Ecaterina Moraru (Valica) 5.10 105 (% class="col-xs-6 col-md-4" %)
Ecaterina Moraru (Valica) 5.7 106 (((
Ecaterina Moraru (Valica) 8.7 107 [[[[image:eventFocusedDetails.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:eventFocusedDetails.png]]
Ecaterina Moraru (Valica) 5.9 108 )))
Ecaterina Moraru (Valica) 5.7 109
Ecaterina Moraru (Valica) 5.10 110 (% class="col-xs-6 col-md-2" %)
Ecaterina Moraru (Valica) 5.9 111 (((
Ecaterina Moraru (Valica) 8.5 112 {{warning}}
113 [[Prototype EC>>https://jsfiddle.net/risherry/n7n7vrdf/embedded/#Result]]
114 {{/warning}}
Ecaterina Moraru (Valica) 11.2 115
Ecaterina Moraru (Valica) 13.8 116 * Issue with cropped event types
Ecaterina Moraru (Valica) 11.2 117 ** event icon helps with recognition
118 ** event description lists a single event type
119 * Event icons aligned
Ecaterina Moraru (Valica) 13.9 120
121 * Participants avatars displayed on details expand
Ecaterina Moraru (Valica) 13.10 122 * Short / more cryptic event types
Ecaterina Moraru (Valica) 5.7 123 )))
124 )))
Ecaterina Moraru (Valica) 8.4 125
Ecaterina Moraru (Valica) 11.4 126 (% class="row" %)
127 (((
128 (% class="col-xs-6 col-md-2" %)
129 (((
Ecaterina Moraru (Valica) 13.2 130 * Removing cropping make the missing elements more explicit, but breaks a bit the layout
Ecaterina Moraru (Valica) 11.4 131 )))
132
133 (% class="col-xs-6 col-md-4" %)
134 (((
135 [[[[image:userCentered_uncropped.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:userCentered_uncropped.png]]
136 )))
137
138 (% class="col-xs-6 col-md-4" %)
139 (((
140 [[[[image:eventCentered_uncropped.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:eventCentered_uncropped.png]]
141 )))
142
143 (% class="col-xs-6 col-md-2" %)
144 (((
Ecaterina Moraru (Valica) 13.11 145 * Removing cropping make the missing elements more explicit, but breaks a bit the layout
Ecaterina Moraru (Valica) 11.4 146 )))
147 )))
148
Ecaterina Moraru (Valica) 11.3 149 == Other Iterations ==
Ecaterina Moraru (Valica) 8.4 150
Ecaterina Moraru (Valica) 17.3 151 === Description with small avatars ===
Ecaterina Moraru (Valica) 14.2 152
Ecaterina Moraru (Valica) 8.4 153 (% class="row" %)
154 (((
155 (% class="col-xs-6 col-md-2" %)
156 (((
Ecaterina Moraru (Valica) 14.3 157 * {{warning}}[[Prototype>>https://jsfiddle.net/risherry/hkqp8er3/9/embedded/#Result]]{{/warning}}
Ecaterina Moraru (Valica) 15.3 158 * Added small avatars for participants so that it's not needed to expand
159 * The issue is that the UI gets crowded with lots of small visual attention grabbers
Ecaterina Moraru (Valica) 13.12 160 )))
Ecaterina Moraru (Valica) 8.4 161
Ecaterina Moraru (Valica) 13.12 162 (% class="col-xs-6 col-md-4" %)
163 (((
164 [[[[image:userCentered_smallAvatars.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:userCentered_smallAvatars.png]]
Ecaterina Moraru (Valica) 8.4 165 )))
166
167 (% class="col-xs-6 col-md-4" %)
168 (((
Ecaterina Moraru (Valica) 15.2 169 [[[[image:eventCentered_smallAvatars.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:eventCentered_smallAvatars.png]]
Ecaterina Moraru (Valica) 8.4 170 )))
171
Ecaterina Moraru (Valica) 13.12 172 (% class="col-xs-6 col-md-2" %)
173 (((
Ecaterina Moraru (Valica) 14.4 174 * {{warning}}[[Prototype>>https://jsfiddle.net/risherry/ybw6z1ps/embedded/result/#Result]]{{/warning}}
Ecaterina Moraru (Valica) 15.4 175 * Also used grouping messages + displayed only avatars without the user name in order to try to simply the UI
Ecaterina Moraru (Valica) 13.12 176 )))
177 )))
178
179 (% class="row" %)
180 (((
181 (% class="col-xs-6 col-md-2" %)
182 (((
Ecaterina Moraru (Valica) 17.2 183 * This variant showcases small avatars in description and also uses the event focused description layout
Ecaterina Moraru (Valica) 13.12 184 )))
185
Ecaterina Moraru (Valica) 8.4 186 (% class="col-xs-6 col-md-4" %)
187 (((
Ecaterina Moraru (Valica) 16.2 188 [[[[image:userCentered_smallAvatars_reverse.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:userCentered_smallAvatars_reverse.png]]
Ecaterina Moraru (Valica) 8.4 189 )))
190
Ecaterina Moraru (Valica) 13.12 191 (% class="col-xs-6 col-md-4" %)
192 (((
Ecaterina Moraru (Valica) 15.6 193 [[[[image:eventCentered_smallAvatars_details.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:eventCentered_smallAvatars_details.png]]
Ecaterina Moraru (Valica) 13.12 194 )))
195
Ecaterina Moraru (Valica) 8.4 196 (% class="col-xs-6 col-md-2" %)
197 (((
198
199 )))
200 )))
Ecaterina Moraru (Valica) 13.12 201
Ecaterina Moraru (Valica) 19.7 202 === Description with avatars on left ===
203
204 (% class="row" %)
205 (((
206 (% class="col-xs-6 col-md-2" %)
207 (((
208
209 )))
210
211 (% class="col-xs-6 col-md-4" %)
212 (((
Ecaterina Moraru (Valica) 19.8 213 [[[[image:userCentered_description_avatarsleft.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:userCentered_description_avatarsleft.png]]
Ecaterina Moraru (Valica) 19.7 214 )))
215
216 (% class="col-xs-6 col-md-4" %)
217 (((
Ecaterina Moraru (Valica) 19.8 218 [[[[image:eventCentered_description_avatarsleft.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:eventCentered_description_avatarsleft.png]]
Ecaterina Moraru (Valica) 19.7 219 )))
220
221 (% class="col-xs-6 col-md-2" %)
222 (((
223
224 )))
225 )))
226
Ecaterina Moraru (Valica) 17.5 227 === Type icon with small avatars ===
Ecaterina Moraru (Valica) 17.4 228
Ecaterina Moraru (Valica) 13.12 229 (% class="row" %)
230 (((
231 (% class="col-xs-6 col-md-2" %)
232 (((
233
234 )))
235
236 (% class="col-xs-6 col-md-4" %)
237 (((
Ecaterina Moraru (Valica) 19.2 238
Ecaterina Moraru (Valica) 15.5 239 )))
240
241 (% class="col-xs-6 col-md-4" %)
242 (((
Ecaterina Moraru (Valica) 19.2 243 [[[[image:typeIcons_avatars.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:typeIcons_avatars.png]]
Ecaterina Moraru (Valica) 15.5 244 )))
245
246 (% class="col-xs-6 col-md-2" %)
247 (((
Ecaterina Moraru (Valica) 19.3 248 * {{warning}}[[Prototype>>https://jsfiddle.net/risherry/rj9daxeu/embedded/result/#Result]]{{/warning}}
Ecaterina Moraru (Valica) 19.5 249 * Type Order
250 ** User avatar is secondary
251 ** Event type is primary
252 ** App type is tertiary
Ecaterina Moraru (Valica) 15.5 253 )))
254 )))
255
Ecaterina Moraru (Valica) 19.6 256 (% class="row" %)
Ecaterina Moraru (Valica) 15.5 257 (((
258 (% class="col-xs-6 col-md-2" %)
259 (((
260
261 )))
262
263 (% class="col-xs-6 col-md-4" %)
264 (((
Ecaterina Moraru (Valica) 19.6 265
Ecaterina Moraru (Valica) 13.12 266 )))
267
268 (% class="col-xs-6 col-md-4" %)
269 (((
Ecaterina Moraru (Valica) 19.6 270 [[[[image:typeIcons_avatars_details.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:typeIcons_avatars_details.png]]
Ecaterina Moraru (Valica) 13.12 271 )))
272
273 (% class="col-xs-6 col-md-2" %)
274 (((
275
276 )))
277 )))
Ecaterina Moraru (Valica) 19.7 278
Ecaterina Moraru (Valica) 22.2 279 === Applications events ===
Ecaterina Moraru (Valica) 19.7 280
Ecaterina Moraru (Valica) 22.2 281 (% class="row" %)
282 (((
283 (% class="col-xs-6 col-md-2" %)
284 (((
Ecaterina Moraru (Valica) 22.3 285 * Type Order
286 ** User avatar is primary
287 ** Event type is secondary
288 ** App type is tertiary
Ecaterina Moraru (Valica) 24.3 289
290 * The app type is very small and almost unreadable
Ecaterina Moraru (Valica) 22.2 291 )))
292
293 (% class="col-xs-6 col-md-4" %)
294 (((
Ecaterina Moraru (Valica) 24.2 295 [[[[image:user_app.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:user_app.png]]
Ecaterina Moraru (Valica) 22.2 296 )))
297
298 (% class="col-xs-6 col-md-4" %)
299 (((
Ecaterina Moraru (Valica) 24.2 300 [[[[image:event_app.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:event_app.png]]
Ecaterina Moraru (Valica) 22.2 301 )))
302
303 (% class="col-xs-6 col-md-2" %)
304 (((
Ecaterina Moraru (Valica) 22.3 305 * Type Order
306 ** User avatar is missing
307 ** Event type is primary
308 ** App type is secondary
Ecaterina Moraru (Valica) 24.5 309 )))
310 )))
Ecaterina Moraru (Valica) 24.3 311
Ecaterina Moraru (Valica) 24.5 312 (% class="row" %)
313 (((
314 (% class="col-xs-6 col-md-2" %)
315 (((
316
Ecaterina Moraru (Valica) 22.2 317 )))
Ecaterina Moraru (Valica) 24.5 318
319 (% class="col-xs-6 col-md-4" %)
320 (((
321
Ecaterina Moraru (Valica) 22.2 322 )))
323
Ecaterina Moraru (Valica) 24.5 324 (% class="col-xs-6 col-md-4" %)
325 (((
326 [[[[image:event_app_primary.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:event_app_primary.png]]
327 )))
328
329 (% class="col-xs-6 col-md-2" %)
330 (((
331 * For applications we could change the type priority order and showcase the app icon as primary
332 )))
333 )))
334
Ecaterina Moraru (Valica) 24.4 335 (% class="row" %)
336 (((
337 (% class="col-xs-6 col-md-2" %)
338 (((
Ecaterina Moraru (Valica) 22.2 339
Ecaterina Moraru (Valica) 24.4 340 )))
341
342 (% class="col-xs-6 col-md-4" %)
343 (((
Ecaterina Moraru (Valica) 25.2 344
Ecaterina Moraru (Valica) 24.4 345 )))
346
347 (% class="col-xs-6 col-md-4" %)
348 (((
Ecaterina Moraru (Valica) 25.2 349 [[[[image:event_app_primary_extension.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:event_app_primary_extension.png]]
Ecaterina Moraru (Valica) 24.4 350 )))
351
352 (% class="col-xs-6 col-md-2" %)
353 (((
Ecaterina Moraru (Valica) 24.5 354 * Who is the event sender? The Blog App or the Extension Manager?
Ecaterina Moraru (Valica) 26.2 355
356 * The Blog app is not mentioned in the icons, just in the event description. The layout will be generic for all the upgradable applications.
Ecaterina Moraru (Valica) 24.4 357 )))
358 )))
359
Ecaterina Moraru (Valica) 19.7 360 (% class="row hidden" %)
361 (((
362 (% class="col-xs-6 col-md-2" %)
363 (((
364
365 )))
366
367 (% class="col-xs-6 col-md-4" %)
368 (((
369 [[[[image:.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:.png]]
370 )))
371
372 (% class="col-xs-6 col-md-4" %)
373 (((
374 [[[[image:.png||style="border:1px solid #E8E8E8" width="auto"]]>>attach:.png]]
375 )))
376
377 (% class="col-xs-6 col-md-2" %)
378 (((
379
380 )))
381 )))

Get Connected