final mocks
TRANSCRIPT
![Page 1: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/1.jpg)
Final mocks
“Collection as storytelling”
![Page 2: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/2.jpg)
Objectives
• Combining concepts with current Gooru site, instead of full transition.
• First page preview/ table of contents/ progress, with ideas drawn from Concept 1 (“Collection as Page”)
• Vertical navigation (Concept 3 – version 3)• Incorporate “reactions”
![Page 3: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/3.jpg)
![Page 4: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/4.jpg)
Resource initially grayed out to allow reading of narration.
![Page 5: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/5.jpg)
Resource activated on hover -> click
![Page 6: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/6.jpg)
Preview resources ahead on hover in navigation
![Page 7: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/7.jpg)
To visit next resource, click on bottom arrow.
![Page 8: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/8.jpg)
Select a reaction to progress.
![Page 9: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/9.jpg)
![Page 10: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/10.jpg)
Hover over different reactions. Click one to see next resource.
![Page 11: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/11.jpg)
Reactions to previous resources are displayed on navigation/ progress bar
![Page 12: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/12.jpg)
Quiz in the middle of the collection
![Page 13: Final mocks](https://reader034.vdocuments.us/reader034/viewer/2022052316/5588d683d8b42a27168b469f/html5/thumbnails/13.jpg)
Saves your progress if you don’t finish viewing