Project 2: Week 8 Project Summary

Post production work completed

The work I completed over the past week was mainly putting the finishing touches and finalising my video, audio and article. Due to having already drafted each area of my project I was able to receive feedback and then use this to improve them and create my final versions.

You can see the changes I made to my video piece after receiving feedback in this blog post. Between this version and the final version (seen below) all I changed was re-recording the piece to camera. This was relatively easy to re implement, I was able to record the piece word for word from memory.

However, there were a few issues with my recording, I had taken out a shotgun mic in order to get better recording quality. Upon playback during sound check I realised the microphone was not functioning correctly and produced very quiet audio of very low quality. Due to time constraints and availability I had to simply use the camera’s built in microphone. While this was not ideal the audio was of a much better quality of the clip it was replacing due to using a much better location (as the previous clip had slight echo).

This problem would have been an issue had I not done a sound check, this is something I realised I needed to be more careful with after receiving feedback on my original draft of my video piece.

As well as this I finalised my audio piece. This included completion of recording and I was able to do quickly and efficiently due to having had a lot of experience with audio editing in recent years. I then uploaded the piece to my SoundCloud account and was easily able to embed the this into my blog due to the sharing feature specifically for WordPress (seen below).

Finally after having completed my initial draft I received feedback after a proof reading of my article. This allowed me to clean up some of the grammar, remove some words and reword certain sections so the article read better and was a more fluid reading experience. Below is a picture of my annotated initial draft after having been proof read. After cleaning up the article (also seen below) I am much happier with the final product and feel it reads much better.

project 2 article – Initial draft


Above: Feedback received from college tutor and proof reading

PROJECT 2 FINAL ARTICLE – Final version of article after taking into account feedback and proof reading.

Examples of embedding audio and video for final blog post:

Final audio piece, embedded using soundcloud online audio player done simply by copying and pasting the HTML code from the soundcloud share option specifically for WordPress.

Final Video Piece using YouTube:

Online based problems in completing final post

How can you embed your audio/video?

As seen from my previous theory post, embedding audio and video to allow for an interactive element is vitally important to keeping reader attention. In order to do this I have uploaded my video piece to YouTube and my audio piece to SoundCloud.

By YouTube when I add a link to the WordPress post it will automatically use the YouTube player to have it play natively in the post. This means the reader does not have to click away and keeps them on the post for longer.

Again with the audio piece I am able to easily embed this using simple HTML code which is made available on SoundCloud under the share option. This allows me to just cope and paste the code and it will embed the audio player into the post.

What is the best way to lay out your piece?

As with the previous online based problem I intend to apply my previous theory post in order to layout the piece. The layout of that particular post is in a similar style to that of how I intend to layout this piece.

I will start with a large header to draw in readers with a emboldened first 25 words. Under this will be a large image and I will then spread out images, my audio piece and video piece throughout the article.

This will break up the article and make it a lot less intimidating to the reader and give the impression of easy bite sized pieces of information. This takes into account the idea of heat maps and how readers look at online articles.

How can you make your piece shareable?

In regards to making the piece shareable I will be applying the theory from this post in terms of creating a shareable piece of content.

WordPress has shareable social media links at the bottom of each post. It is more beneficial to have these both at the top or bottom, however, this is not possible to do with out installing a third party program or editing the themes overall code. This is something I will have to accept as a limitation due to using WordPress for this particular project.

How many images do you need and where will you source these from?

I intend to use around 4-5 images spread throughout my piece. I will use this to break up the content of my article to make it a more visually pleasing piece. In terms of sourcing this images I will be using screenshots from the games including in my video piece and still rendered shots from the video piece – therefore they will have all been sourced by me personally. I will be giving fully credit to the games that the images are sourced from below each picture used.

Project 2: Week 8 Project Summary

Theory Post: SEO and Designing Web Content

The vital ways to make sure your articles are seen by the most people possible

Writing a good article alone isn’t good enough anymore. In this theory post I will explore the best ways to ensure people are reading what you produce. 


The modern journalist has access to the largest audience than ever before, both numerically as well as proportionally; more people than ever have access to the news. Due to this news has got to be more inclusive in order to make sure it is accessible to the widest audience and increase its relevance.

Making a story accessible is terms of how its written is down to the tone of the piece. Using the correct tone can make a story available to a wider audience by making it relevant to them or it can target a specific audience in particular.

The modern journalist faces competition everywhere, the amount of rival content is staggering. Every consumer now has the ability to be a producer of content and can have a direct influence on the content, a good example of this being comment sections.

Screen Shot 2013-09-24 at 4.30.56 PMA comment section allows for every reader to potentially join in the discussion of the story. This causes a dialogue between users and gives them the ability to share their own views on the topic. It is not uncommon for some comments to far exceed the length of the original article and for a reader to learn even more from just comments alone. A comment section helps to keep the attention of a reader, which is vital due to the lower attention spans of the modern audience.

In order to counteract this lower attention span a page must be as engaging and visual as possible to draw readers in and keep them interested once they’re drawn in. Readers expect interactivity and text alone can’t retain a user’s attention. A layout must combine practicality and usability – there is no point having a good looking page if it is difficult to navigate and hard to understand.

One of the most important aspects of an article is to create something that is easily shareable and encourage this from its readers. Having this ability to spread content allows for free advertisement and allows for multi platform access – meaning it can be seen on Facebook, Twitter and other social media platforms. This way it can redirect traffic to the article in question and works off the basic principle that the more people that see the link the more people are likely to click it. The internet is all purely based on numbers and statistics and using these to your advantage gives you the best chance at having your content seen by a larger audience.

It is important for a piece to immediately start gaining traction and snowball before it becomes buried under other articles and loses priority on Facebook and Twitter feeds. The sooner something begins this process of sharing and generating traffic the better.

All of this feeds into the idea of a link economy – this idea that the value of a piece increases with the amount of links to it and its outward links to other pieces. This is based on the concept of if you link to several other pages, then several pages will link back to your article. This feeds in again to making something simple and usable, and allows audiences to find it easily. The internet is built on this basis, wit one page linking to others which all link outwardly again and so on.

One of the most vital parts of gaining traffic is Search Engine Optimisation (SEO) in order to make your content show up in a search engine. This is done through understanding and playing into the algorithms used by the use of key words, tags and links and shares to help raise the relevance of your piece in the search engine rankings. It is therefore vital to optimise all content created for being searched for.

“SEO is the practise of improving and promoting a website to increase the number of visitors the site received from search engines. There are many aspects to SEO, from the words on your page to the way other sites ink to you on the web. Sometimes SEO is simply a matter of making sure your site is structured in a way that search engines understand” – The beginners Guide to SEO by Rand Fishkin

Therefore from this we can outline a basic set of rules that a writer can follow in order to have their work exposed to the largest possible audience.

  1. Make sure every article caries easy share buttons to at least Facebook and Twitter
  2. Exhibit multimedia skillset in the layout
  3. Embed relevant video and audio
  4. Use relevant images and info graphics
  5. Provide further links at the bottom of the page
  6. Embed hyper links throughout the piece

By following these rules you make your piece as visually stimulating and easily shareable.

The last thing to consider is the reading patterns of those reading the article. This way you can layout your piece accordingly in order to draw attention. Reading patterns are vital for understanding of anyone who wishes to increase audience retention. This goes off the basis of a simple F layout.


Readers begin with a horizontal movement usually across the top area of the content. This should be taken advantage of by putting something visual or attention grabbing in this area, making sure any text there is engaging (a good starting 25 words for example). This initially creates the top of the F shape.

Te next movement the user will usually do is down the page partially and then across again in a second movement to the right, usually covering a smaller area than before. This forms the second bar of the F shape.

Finally the user will scan down the left side of any content in a vertical movement – which is often slow and systematic creating the solid stripe on the heatmaps shown above. This creates the stem of the F shape.


Users spend 80% of their time on a webpage looking at the information above the page fold without even scrolling. The other 20% of their attention is given to any information below the page fold. Therefore it is important to layout a piece that conforms to this by gaining the attention of the reader before they start scrolling in order to gain as much of their attention and encourage them to share before they begin to scroll.

As shown on the heatmap users spend the majority of their time (69%) focusing on the left side of the page and only 30% on the right. Therefore phrases and words that are more eye catching and interesting should try to be shown on the left of the page and have the visual layout with the emphasis on the left. Therefore considering this a layout should focus on the top and left of the web page as the most vital parts.

A good example of this form of layout is that of the BBC news site. As you can clearly see it e268f-screen-shot-2013-01-19-at-16-26-47grabs the attention of the reader from the first visit. The page you are presented with has a bold attention grabbing header followed by an interactive element in the form of the video. This clearly plays into the idea of the F heat map shown above. To the right are sections which link to other stories and another section half cut off to encourage scrolling.

The article breaks up the text regularly with images and video content and then encourages sharing at the bottom of the page. The article is shown as a column in order to encourage scrolling and has an entire section just dedication to other links for further reading relating to the story.

The page you are presented with on The Independent’s page is a lot less interactive to Untitledbegin with, there is not embedded video or audio. However, it does still follow the F rule fairly well. Although there is a lot less to grab your attention initially before the viewer has to scroll. However they do encourage sharing at the top and bottom of the article which is something the BBC does not. And again has a section which encourages further reading. The story is also a lot shorter and plays more into the idea of shorter attention spans. As well as this it promotes other stories on its webpage further down the page, however, does not immediately catch attention and I personally didn’t notice it on my first visit.

The guardian also does a good job of presenting itself online with its initial part of the gdij;osdfgnsdgpage. It shows a good example of the opening sentence to gain attention and asks a question without actually posing a question to encourage people to scroll. Again it encourages sharing however there is very little interactivity and does not break up the text at all once you scroll.


Theory Post: SEO and Designing Web Content