Reflection on web experience created

After having many complications with the software I wanted to use to create an interactive piece of media, I eventually created something that it somewhat immersive and informal.

The web experience I created on https://writer.inklestudios.com was about Emma Goldman.

This software helped me a lot because all of my findings about my chosen influential person was mainly written, and there were hardly any video or audio files I could find of her. However, having a vast amount of text makes it difficult for audiences to be immersed. It would have been good if I could have embedded videos into my story and audio. If I could have done, I would have recorded myself reading out Goldman’s article to go alongside the text. Although I couldn’t include these types of media, I was still able to to add images so there was some visual element inside the story.

writer.inklestudios.com really surprised me with how they make stories interactive for audiences. Although my subject is a bit dull, I still managed to make readers involved by making them chose what they wanted to read and making them click every now and then to read more. I thought it was best to split up the huge blocks of text I had with the interactions so that all of the content together wasn’t overwhelming for viewers.

Overall, I’m happy with the media I created and I think I was successful in created something interactive.

Advertisements

Immersive website created

Unfortunately I had issues with Klynt and I was unable to publish my website the day before the deadline because my free trial had expired.

I then started from scratch and created everything on https://writer.inklestudios.com. Surprisingly, this software was the easiest to use and the process of creating the interactions for audiences was very simple. Luckily, it didn’t take too much time to create because I already had an idea of what information I was going to use. I decided to use this software because I found it difficult to find a wide range of different media to include in my interactive experience, due to the time period of my subject. Therefore, software that focused on writing was better because the website guided me on how to make the text interactive. The only thing I didn’t like about this software was that you cannot see videos in the stories and you cannot have audio to go with the text.

As I thought, the media I have created is likely to appeal to people who are in their mid teens and above. The web experience isn’t suitable for people who are younger because it lacks in visuals and the language is too complex in the article.

The story I created can be seen on http://writer.inklestudios.com/stories/bz23.

Or, my screen shots of it are below:

Picture1

Picture2Picture3Picture4Picture5Picture6

 

Experimenting with software

Due to having some issues with logging back into racontr.com, I decided to use www.klynt.net instead. I found this software a lot more challenging to use at first. However, I eventually got used to using it after playing around and watching their tutorial videos.

The navigation to go onto the different web pages on your site is very easy. You can view all of the pages on a story board and there are arrows that show which pages link together (as seen below).

storyboard.jpg

I thought that putting all of my content together was a simple process. And you just drag and drop the content onto the pages and place them where you want them. As needed in immersive sites, the software allows you to add text, images, videos, audio and navigation buttons. The button I liked the most was the arrow pointing down (as seen below) with this I changed the settings so that when you click on the button, you will slide onto the next page.

tools.jpg

down.jpg

The options available for editing the content however, were very limited. I found that there wasn’t a wide enough range of fonts to use. There also wasn’t even a home button you could use to navigate users back to the homepage on the other pages of the site. Due to this issue in particular, I had to just use text (as seen below).

home.jpg

The main part I found confusing was the bottom section of tools when you’re editing a page. This is because it’s a timeline set up as if the web page is a video (as seen below). I found this very confusing because the content on some of the pages kept overlapping because they were set to play on the timelines longer than necessary.

timeline.jpg

 

Immersive web experience presentation

Five chosen websites:

Picture1

The quote about immersive web experiences that has always stuck in my head is “once the site loads, you’re immediately submerged in the subject matter” (Mashable.com). This statement basically sums up what immersive sites do, which is that as soon as you enter the website you’re indulged and involved in what’s happening. Many organisations are now focusing on producing more interactive media for consumers and they are focusing on storytelling techniques.

Picture2

www.deadliestcatch360.com is probably my favourite immersive web experience. Instantly when you first go onto the site, it is very visual and there is little amount of text. The first page lets you select a ship from the TV show to look at. Then after you have selected a ship, directions appear on the screen to let viewers know what each action symbol represents. This makes it easier to navigate around the website without having to use text. Then once you are onto a page for one of the ships you can see it clearly in a large image that you can move around, as if you’re there. Audio is also played which makes you feel like you are there on the ship because you can hear the sound of the sea. As well as looking at the different boats that are on the TV show, you can watch videos of the people who work on the boats speaking.

Picture3Picture4

www.bbc.co.uk/iwonder is a website that is less immersive due to all of the text they embed into their stories. However, it is still immersive in a sense due to all of it’s features. For example when you first go onto the site, the main story is always presented with a very large image that takes up most of the page and a title in big font. iWonder is fantastic because for each story, they break them up into either chapters or a timeline. This makes navigation on the site very simple and it breaks down the huge amount of information. Typically on their first chapter of stories, there is a lot of text to present any background information to the audience. For this story in particular, the second chapter of the story is dominantly a video with helps merge the audience into the subject.What I really like about this is the fact that it is very informative a subtle way due to their large information graphics. I also thought that it was good that near the end of the story, it gave the audience the option to learn more about the subject if they wanted to. To do so, you just click on one of the images that focuses on a certain real life event. Another important element of iWonder is that they include constructive journalism, which asks ‘what next?’ at the end. By doing so it leads the audience onto other stories on the site, which is a way to keep the viewers interested.

Picture5

www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family

One of the best examples of immersive web experiences is the Guardian’s Firestorm story. As soon as you go to the story on the site, it sets the right tone with an image the colour of fire and you can see people huddled together. The families story is broken down into chapters and for each one you can digest the content through a variety of media. With this story there are photographs, videos, sound, text and even a map. By having different types of media, it creates a story and it allows the audience to feel like they’re there watching what was happening. By drawing the audience into the story, it helps draw emotion.

Picture6

www.rgm.lv/?lang=en is also quite a good website which tells the story of people who survived the holocaust. On this site there are lots of images, animations, text, virtual tours, narrations. The part I particularly like on the website is the ‘Walk Among Memories’ which uses the Google street view to show you the different areas. When you click on certain areas an image usually appears along with text and audio to tell the audience a story about the streets history.

Picture7Picture8

www.kingsmanmovie.com/ is also one of my favourite websites because it’s really interactive. As soon as the website loads you are welcomed to the site with a clip from the Kingsman film. Then, when you go onto the actual site there is a feature called ‘ become a kingsman knight’. On here you are presented with audio of the character speaking and he tells you about what you have to do. After that a map appears and the user can chose which mission they want to go on. Then on the missions more clips from the film are shown and every now and then it pauses and you have to move your curser in the same motion as something/ someone that is about to move. In my opinion, this is a good way to get people involved in the film and the navigation is really simple. This website is probably good for children to use as well as an older audience because of its simplicity and interactions. I also like that way that they have kept a very strong and structured theme throughout the website. For example, the same fonts and colours have frequently been used and they have designed elements on the sight to make the audience look like they are looking through spy gear and futuristic technology.

Reflection on presentation

Overall I thought my presentation on immersive web experiences went quite well. However, I could have done a lot better.

Straight away I realised I should have done more research than I had to find different websites so no one else covered the same ones as me.

I also think I should have planned what I was going to say on paper, such as made cue cards to ensure I made all of the points I had planned to present.

It also would have been better to use screen grabs of me using the five websites, instead of just using print screens and relying on the websites to load. This would have made it easier to present as I felt a bit too distracted when I had to carry on going to and from different links. By doing so, it would have also allowed me to step away from the computer and address the audience in a politer manner.

Research into the life of Emma Goldman

Emma Goldman. 1869 – 1940

Cupcakes and Kalashnikovs: 100 years of the best Journalism by women. Author(s): Eleanor Mills and Naomi Wolf. Published 2005.

The Social Aspects of Birth Control. April 1916, Mother Earth, vol.XI, no. 2.

‘A radical advocate of birth control, during the period when distributing any information about the practice could lead directly to incarceration.

‘This article saw Goldman defying all government rulings to explain just why this issue is so crucial for contemporary women and, indeed, men.’

http://jwa.org/womenofvalor/goldman

http://www.lib.berkeley.edu/goldman/

https://theanarchistlibrary.org/category/author/emma-goldman

http://www.pbs.org/wgbh/amex/goldman/peopleevents/p_goldman.html

http://isreview.org/issues/34/emmagoldman.shtml

http://www.americanswhotellthetruth.org/portraits/emma-goldman

http://www.britannica.com/biography/Emma-Goldman

http://spartacus-educational.com/USAgoldman.htm

http://www.biography.com/people/emma-goldman-9314556

Anarchism: ‘a political theory holding all forms of governmental authority to be unnecessary and undesirable and advocating a society based on voluntary cooperation and free association of individuals and groups.’ – http://www.merriam-webster.com/dictionary/anarchism

 

 

Exploration of interactive and immersive web experiences

“Once the site loads, you’re immediately submerged in the subject matter.” – http://mashable.com/2013/04/25/immersive-experience/#kcP6_3RifuqF.

www.deadliestcatch360.com is probably my favourite immersive web experience. Instantly when you first go onto the site, it’s very visual and there is little amount of text. The first page lets you select a ship from the TV show to look at.

Picture1

Then after you have selected a ship, directions appear on the screen to let viewers know what each action symbol represents. This makes it easier to navigate around the website without having to use text.

Picture2

Then once you’re onto a page for one of the ships. Audio is played which makes you feel like you’re there on the ship. By clicking on the arrows at the bottom of the page, you can move the image around so that you can look all around the room as if you’re standing inside. As you can see, there are also social media links on the top of the page which allow the audience to interact.

Picture3

As well as looking at the different boats that are on the TV show, you can watch videos of the people on the boats speaking.

Picture4

www.bbc.co.uk/iwonder is a website that is less immersive due to all of the text they embed into their stories. However, it is still immersive in a sense due to all of it’s features. For example when you first go onto the site, the main story is always presented with a very large image that takes up most of the page and a title in big font.

Picture5

iWonder is fantastic because for each story, they break them up into either chapters or a timeline. This makes navigation on the site very simple and it breaks down the huge amount of information. Typically on their first chapter of stories, there is a lot of text to present any background information to the audience.

Picture6

For this story in particular, the second chapter of the story is dominantly a video with helps merge the audience into the subject.

Picture7

What I really like about this is the fact that it’s very informative a subtle way due to their large information graphics.

Picture8Picture9

I also thought that it was good that near the end of the story, it gave the audience the option to learn more about the subject if they wanted to. To do you, you just click on one of the images that focuses on a certain real life event.

Picture10

Another important element of iWonder is that they include constructive journalism which asks ‘what next?’ at the end. By doing so, it leads the audience onto other stories on the site.

Picture11

www.pottermore.com/ is also a good immersive website because of how everything is presented. When you first load onto the site, it brings up the latest news briefly in a very large simplistic font. The stories are all presented on a slide and you have the option to click onto the stories to read more about them.

Picture12

Then, when you actually go onto a page to view a story they usually have a very large image placed before the story.

Picture13

The website has a lot of stories on by J.K Rowling that are available for fans to read. Instead of just showing each story in a list, the website presents them in tiles that look like books which you can then select to read.

Picture14

The website also uses tiles to present other features. In the below image, you can see that there are tiles with images on for different aspects of Harry Potter’s world and when you click on them they take you to other pages that give you more information.

Picture15

The main feature on Pottermore that I really like is the map that lets you see where everything in the fictional world is. Again, by clicking on certain things it takes you to another page so you can learn more.

Picture16Picture17

 

 

 

www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family

One of the best examples of immersive web experiences is the Guardian’s Firestorm story. As soon as you go to the story on the site, it sets the right tone with an image the colour of fire and you can see people huddled together.

Picture22

As you can see on the right hand side of the screen, the story is broken down into chapters and for each one you can digest the content through a variety of media.

Picture23

With this story there are photographs, videos, sound, text and even a map.

Picture24Picture25

www.rgm.lv/?lang=en – lots of images, animations, text, virtual tours using google street view, narrators

Picture1Picture2Picture3

www.kingsmanmovie.com/

Picture4Picture5Picture6Picture8Picture7Picture9Picture10