19.02.2015 Views

7 Table of content for the appendix

7 Table of content for the appendix

7 Table of content for the appendix

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

2. Semester Case 2005, design and interaction, Elin, Merete, Gabriel, Edgars and Waldemar<br />

20 Appendix: Use cases and Scenarios Final Edition<br />

Open site<br />

Scenario 1 – ideal<br />

• background color fills all <strong>the</strong> space<br />

• a progress bar appears and runs<br />

• intro runs and has an integrated loading bar that runs till loading is done or at least 5<br />

seconds are gone<br />

• all <strong>the</strong> <strong>content</strong> fades out<br />

• <strong>the</strong> elements <strong>of</strong> <strong>the</strong> main section blur in sequence<br />

Scenario 2 – main section cashed<br />

• <strong>the</strong> visitor wants to visit <strong>the</strong> ‘jabra living’ site <strong>for</strong> <strong>the</strong> second time<br />

• <strong>the</strong> visitor enters www.jabraliving.dk in <strong>the</strong> address bar<br />

• background color fills all <strong>the</strong> space<br />

• a “skip” button appears – that leads to <strong>the</strong> second last point<br />

• a progress bar appears and runs (might not even be seen, if also <strong>the</strong> intro is cashed)<br />

• intro runs <strong>for</strong> 5 seconds without <strong>the</strong> loading bar element<br />

• all <strong>the</strong> <strong>content</strong> fades out in 1,5 seconds<br />

• <strong>the</strong> elements <strong>of</strong> <strong>the</strong> main section blur in sequence<br />

Video<br />

Scenario 1 – from main<br />

• <strong>the</strong> visitor is on <strong>the</strong> main page.<br />

• he moves <strong>the</strong> mouse over <strong>the</strong> different squares, <strong>the</strong> hand <strong>of</strong> elin follows <strong>the</strong> cursor<br />

• if <strong>the</strong> visitor leaves <strong>the</strong> cursor still <strong>for</strong> 10 seconds, elin moves her arm down and puts it<br />

into position to look at <strong>the</strong> watch. after ano<strong>the</strong>r 30 seconds she moves her hand on hip.<br />

she starts pinting again after <strong>the</strong> user has moved <strong>the</strong> mouse and stiill does after 1<br />

second.<br />

• a square is made brighter and <strong>the</strong> cursor changes to hand when <strong>the</strong> it moves over <strong>the</strong><br />

square<br />

• <strong>the</strong> visitor clicks movie 1<br />

• at <strong>the</strong> same moment:<br />

• elin moves her arm down and puts it into position to look at <strong>the</strong> watch<br />

• a small preloading bar appears next to <strong>the</strong> cursor and follows <strong>the</strong> cursor.<br />

• <strong>the</strong> <strong>content</strong> starts to fade out with inertia according to <strong>the</strong> percentage loaded – at <strong>the</strong> end<br />

<strong>the</strong> <strong>content</strong> has disappeared<br />

• 2 curtains fall from <strong>the</strong> top <strong>of</strong> <strong>the</strong> <strong>content</strong> space<br />

• curtains slide <strong>of</strong>f, reveals <strong>the</strong> movie<br />

• <strong>the</strong> movie starts<br />

• all way through <strong>the</strong> movie <strong>the</strong> featured headset acts as a button – <strong>the</strong> cursor changes to<br />

hand<br />

• when <strong>the</strong> movie ends a black screen is visible <strong>for</strong> 2 seconds and <strong>the</strong>n <strong>the</strong> curtains slide<br />

on, <strong>the</strong>y fade out and <strong>the</strong> main section fades in<br />

Scenario 2<br />

• <strong>the</strong> visitor is on <strong>the</strong> main page.<br />

• <strong>the</strong> visitor clicks on <strong>the</strong> navigation<br />

• <strong>the</strong> main menu opens<br />

• he put <strong>the</strong> cursor over movies<br />

51

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!