the overview.
this is probably an overcomplicated flowchart of the wireframes. they are colour coded. turquoise for things that pop up by hover over it. the pink is the way through the frames. the blue notes for some of the actions. the orange cursor indicated a "good" outcome. it will probably not actually be orange in the final design.the idea is based on the idea of the impossible quiz, if you click on the wrong element it akes you to a 404 error page where you can select to retry the experience. there are several possible outcomes.
I have sort of combined three of the ideas with the idea of the coding one where you have to search, the image one with the overlapping and constant images, where you never know what's happening. and the base of it with the timeline idea.

1.
the first one is if you were to click on the screen it would take you to the error page and you can try again.
2.
this one is based on finding the image per the "instruction" which is more like an indication. should probably add info about hovering and not clicking. but it works as a mockup at the moment. and there should probably be some change when you are around an option. this one is another scenario, where you find the image that is there to show how some of it works but failed at finding the button for the next page. so it is back to the error page.
3.
this one gets a step further to the spinning wheel the locations and dates are to rotate in this scenario you click on the lost in translation and it takes you to a page where whenever you move the cursor another image pops up but if you try and click it you go to the error page. the images are to be blurred or looking like they are buffering.
4.
If you instead choose something in the timeline on the left it would take you to a map of Folehavna with a pin to showcase where you are if you select one of the circles(a reference to how you get to the spinning wheel) when you get to the page where you can click on any of the circles and it would show you part of an image from the location or the that time but if you click on anything else you goto the error page. if you click on anything in the image it also takes you to the error page.
5.
if you click on any of the spinning times and locations it takes you to a page where on the left there is a text about the selected theme in Norwegian in reference to the book it is being redacted is a slightly faster pace then what you would read. on the right, it is the text but it has been through google translate x amount of times. (atleast more than 12) the image in the middle is gliching and you cant see it fully.
if you click on the circles it takes you to a page that showcases the whole texts. but the images are to be confusing and glitching even more and now possibly with an overlay of the tracing paper elements from the book.
if you click anything you yet again end up on the error page.
6.
if you click on the right timeline it takes you to a page showcasing only the date with some text behind it.
if you click on any of the circles it takes you to a page where the text is spread out on a wide line length as to make it less legible and deter the user from reading it. if you click anywhere it takes you to the error page.
if you were
in you insead press the black box it takes you to this page, it does nothing but blink with the info underneath but it is to be too quick to be able to read.





































No comments:
Post a Comment