David Whitfield – Future Developments of Magazine and Video – 3D Visualisation

With the increased use of 3D visualisation, another development I have considered is to build a 3D world, and to incorporate audio and video within the product.

Using a 3D headset and headphones, it will be possible for the user to see and hear different types of content.

Through App development, a scene would be developed, for example, a 1950’s theatre, where different elements of the theatre, contain video, audio, and text based content.

By the user “walking” through the theatre, they would be able to access the content, and see in either 2D or 3D.

A similar product was built and designed at the Hull School of Art and Design by students on the Games Design course, using Hull Paragon Station, circa 1914, where the user could “walk” through the station as if it was 100 years ago.

Paragon Station Interior 1914

Paragon Station Interior 1914

An example of where content could be added to this image is a newspaper on the bench, which the user could click on to open and news articles from David Whitfield’s career could be viewed.

Immersive Web Experience – Richie Benaud – Powerpoint Mockup

When selecting my influential journalist, it was before the sad passing of Richie Benaud, that I had selected the great man to focus on.

With his death, it made the task of representing the man, all the more important and poignant.

I have created a mockup of the immersive web experience that I will be creating at a later stage of the course, so that I can work on further content in preparation for the finished article.

 

Richie Benaud - Immersive Web Experience Cover

Richie Benaud – Immersive Web Experience Cover

The content has been mapped out using Mindomo, which has been a revelation to me, in terms of thrashing out the content, separating the wheat from the chaff, and is something that I highly recommend people to use who are trying to create a product such as this.

This is the link to my Immersive Web Experience – Mockup on Richie Benaud.  I have created screenshots, using Photoshop and InDesign, and referred to external content in the presentation, which will be linked within the finished version of the IWE.

 

Richie Benaud IWE

 

 

 

Immersive Web Experience – Software

Creating an Immersive Web Experience (IWE) is something very new to me, so I thought I would do some research into the software to create the final outcome in May.

IWE’s are becoming a more popular form of story telling on the web, rather than just text based information, and is looking like the next stage for writers and journalists to inform and entertain.

The first product I looked at was Shorthand, which lists as it’s clients, The BBC, ESPN, The Guardian and The Mirror amongst others.  One of the examples I viewed from the Shorthand website is A History of the Department Store, which has multiple strands, including video, text and photos to tell the story through the ages.  It is a product that I would consider using in the future, but at the moment, the cost is prohibitive to me.

Shorthand - BBC Department Store

Shorthand – BBC Department Store

Secondly, I looked at Immersive, which is also developed by Shorthand.  This product is free for 30 days, and follows the same path of using vertical scrolling for it’s story telling, however you can build different sizes immersive elements within the vertical scrolling.  One of the examples I looked at was TheGoodRight, which uses immersive techniques to convey information about the Conservative Party.

As this is a free product, even with a limited life span without paying extra, it looks like a good start, and I will be investigating it further.

Immersive - The Good Right

Immersive – The Good Right

Finally, I looked at Klynt, which again has a price tag of £40 as a one-off payment.  Klynt looks like a really good product, and I will be wanting to explore this further.  There is talk of licences being available through the college next year, so I am holding off from purchasing it, but if these licences don’t appear, I will be investing in Klynt for next year.  A great example of it’s uses is Breaking Bayern which aims to show the German district off to the rest of the world.

Klynt - Breaking Bayern

Klynt – Breaking Bayern

Transmedia

Traditional story telling involved books, and perhaps a movie that is inspired by the printed form.  However, Transmedia uses multiple forms to immerse the user, so that could be a book and movie, but could also involve:

  • Blogs
  • Texts
  • Email
  • Phone Calls
  • Social Media
  • Live Events
  • Web Series
  • Website
  • Games

This list is not exhaustive, and as technology improves and users change the way they engage, the list will grow and shrink.

Films have broadened their reach by using this technique, with offering multiple facets to their offer, rather than just a 2 hour movie.

An example of this is The Hunger Games, which was originally released as a set of 3 books, The Hunger Games, Catching Fire, and Mockingjay.

The books have been transferred to cinemas, with the first film premiered in 2012.  The final book, Mockingjay, has been split into two parts, with the second part being released at the end of 2015.

Immersive Web Experiences – Reflection on Essay and Presentation

On the whole, I felt that my presentation went well.  I had looked at a lot of the products out there, and I got a grasp of what is required for an Immersive Web Experience, which should stand me in good stead for the next stage of the assignment.

The key thing for me, is to keep in my mind that it needs to be immersive, and not just a collection of text.  The more ways it can be interactive and immersive, the better, but without just cramming it with different ways for the sake of it.

The viewer wants to learn about the subject, and I, as the creator of a product, need to facilitate that learning in a cohesive and logical way.

Having researched my websites and had the feedback, as well as viewing the other presentations and their feedback, I feel confident to move on to the next stage, and look to make my own.

Over the next few weeks, I will nail down the subject, the content, and the ways in which I can make it completely immersive.

Immersive Web Experiences – 1000 Word Essay and Presentation

A website is a collection of items including text, images and video, that is presented in a way that is easy to navigate.  At least that’s what it’s supposed to be.  Logos are generally in the top left corner of the page, the navigation bars are either at the top of the page or down the left side, and text is usually a sans-serif font, although not exclusively.

An immersive web experience is one that pushes the boundaries of web site design, and the best examples of it blur the lines between visiting a website, and telling a story.

Creating an immersive web experience is one that challenges the way in which I look at a website.  There are tools out there that I will be exploring through my 2nd year, so that I can build something that stands alone on the web.  The key thing is to make sure that there is a story there, but also that there is additional content to engage the user beyond the story itself.

I have looked at these immersive story telling websites, and I have selected 5 that I feel are good examples of the field.  There are aspects of the sites that work, and some areas where I feel that the designer(s) could have made improvements.

MoMA – Century of the Child

Moma

The Museum of Modern Art is located just south of Central Park in New York, and in 2012 hosted the exhibition “Century of the Child: Growing by Design, 1900-2000”.  The exhibition shows different aspects of childhood throughout the 20th Century.

The website also shows a child’s journey, with an animated child walking within the hub of links to different parts of the website.  From this hub, the page is divided into 7 different areas, each one showing a different sector of time within the decade.  Each of these areas has a different colour to denote the changes in decade.

By using the links, you can navigate to the individual pieces within the exhibition, or you can find out more information from the navigation menu, which breaks convention by being placed at the bottom of the screen.  By showing the pieces, it engages with the user, and hopefully they feel that they want to explore the exhibition physically, as well as virtually.

I feel that although the site is visually striking, it does lack the medium of sound, which I feel could have added to the experience.

Formula 1 Data

Formula1Data

Formula 1 is a motor racing championship that has been in existence since 1950, when the first race was held at the former RAF base at Silverstone, which is located on the border between Northamptonshire and Buckinghamshire.

The website uses data post-1965, and shows visually the information regarding races, circuits, drivers, and teams from the start of the 1965 season, through until midway through the 2014 season, specifically the Canadian Grand Prix.

The front page has no navigation bar, but is a holding page with the title, a brief description of the purpose of the site, and a “start button” designed to replicate the start button that is a feature in some cars.

The main 4 sections of data, allow for moving easily from one type of data to another, for example, clicking on a race result, allows you to drill down to history of the drivers, or the circuit data.

As with the MoMA site above, this site lacks an audio element, be that as a background track playing, or sound clips of the cars, but I feel visually the site works well, and as a fan of the sport, I was able to drill down and look at the data and check for accuracy.

Gravity Movie

Gravity

Gravity is a film staring George Clooney and Sandra Bullock released in 2013.  The film is set in outer space, and the two main characters are astronauts, who are stranded after the destruction of their space shuttle.

The website features moving images on it’s main page, together with audio files to build an atmosphere to the website.

Along the top of the main page, there is a navigation bar, which is in one of the positions that is typical.  These links take you to other content within the site, including further video and pictorial content.

The site feels less like a standard website, and has made me want to learn more about the film, and the way in which it was made, thanks to the additional content given by the developers.

Life Saver

LifeSaver

This website has been developed by Resusitation Council UK, and is an interactive way of learning about the do’s and don’t’s about resusitation and the part it plays in First Aid.

Using interactive options after watching a piece of film, the website takes you through the steps of giving aid to a member of the public who has collapsed for an unknown reason.  These options are timed, and scored, so that you can learn in a kinesthetic way.  By making your way through the initial scenario, you are offered the chance to move onto other situations, again with video and audio clips.

The website cleverly uses audio and video to help you to learn, but not in a boring and stuffy way, and by using these methods, it feels like a gaming experience, which personally is a great way to learn the skills necessary.

Firestorm

Firestorm

The Guardian created a story about Tasmanian Bushfires.  Nothing sensational in that, I hear you cry.  But it’s not just about the story, which is powerful in itself, it’s also about the way you can feel part of the story.

By moving away from a news story, and more towards an interactive book, the Guardian have created an experience, rather than just a few pars of text.  Clever use of voice interviews, background audio, and video, means that you can try to understand what was going through the minds of the people involved.

The whole web experience add value to the content, rather than just being gimmicky, and makes the story about Dunalley so much more accessible.

My powerpoint presentation gives an outline using bullet points to look at these websites.

Immersive Web Experiences – Essay Research

Websites that I am looking at for the Immersive Web Experience (IWE) Task One, seem to all have consistent elements that set them apart from standard websites.

They all have large levels of quality content, are well designed, and have well thought through functionality.

Some websites have elements of these, but what sets IWE’s apart is the levels of interactivity, and the willingness to break with web conventions.

I have found that:

  • Some IWE’s have pages that are designed beautifully, and the design is the key element.  They are not “standard” websites, and go outside the boundaries.
  • Content-rich – Levels of graphical content that exceed the norm for standard websites.
  • Font styles and sizes that you wouldn’t normally find on a website.
  • Beautiful design as mentioned above, but pared back to remove clutter.
  • Sidebars and Navigation Bars away from the normal top, and left sides of the screen.
  • Animated elements to keep the eye active, but without going over the top.
  • Large, high-resolution images to draw the viewer’s eye.
  • Use of background sound files as ambient settings.

These are all elements that you would not necessarily find in a standard text based website, and these elements feature on the sites that I am researching