User Testing- John Green Website

User 1: (Male, 50+) “The design is simple but very effective. Although not the most colourful website, the colours used are relevant to the topic and are not garish to they eye; if using the website for any length of time, they would not cause eye strain.

Once the site was loaded, I found the front page easy to follow, and as a novice Internet user, it was very easy to navigate through the pages. As well as the top menu, the links included (which takes the user to other relevant sites) worked efficiently and are distinctive on the pages with use of different coloured fonts.

The videos on the homepage gives depth and interest to the audience; the included slideshow on the ‘About’ page also achieves this. As a whole, the graphics used are of a good quality, and the website in its entirety exudes a professional feel.”

User 2: (Female, 50+) “I found that the website was easily accessible and it was very easy to use, even for a technophobe like myself. I particularly liked the manilla background as it accentuated the pictures, videos and text, and contrasted nicely with the colour of the font. The fact that it is not brightly coloured meant that my eye was not distracted by anything when reading the information or watching the videos.

The navigation tool at the top of the page was clearly evident and was once again easy to follow. All of the links contained within all of the website’s pages were also easy to use; the links worked and were relevant to the subject of the website; they also loaded up extremely quickly after being clicked on. The graphics and videos included in the website were of a good quality and were very informative for the user.”

Research- Why John Green?

When assigned the task of creating a product focused on a person whom I find inspirational, there was really only one person I thought of; and that was novelist and vlogger, John Green. My main reason for selecting John Green above all other figures was, not only is John incredibly gifted with his writing, but from watching his video blogs, along with his brother’s (Hank Green), and following him on social media such as Twitter and Tumblr, I found him very genuine, real, and dedicated to the “nerdfighters”.

Not only that, I am a very huge fan of his books An Abundance of Katherine’s, The Fault in Our Stars, and Looking For Alaska. In terms of an “inspirational” human being, he has contributed to projects, like creating the ‘Project for Awesome’, which helps raise money for charities and non-profit organisations. Researching more about Green, I firstly went to his own website. I didn’t want my website to, in any way, feel like his own. To get around this, I very much re-designed what my website was going to look like, as my paper based design and sketches looked slightly like his own website. I didn’t want the colours used to relate, so I changed the layout and the colour scheme.

During the research period, I came across a special part of John Green’s website that gives his fans information if they were to ever right about him in a school report; I used this to my advantage when structuring my website design. As well as that, I could not find anything similar to what I planned to create. To set apart my own website, I then planned to make an online forum for his fans to talk about him and discuss his books and YouTube videos in a space that was completely independent from his own website.

Because he writes books aimed at the teenage/young adult market, I decided to select my target audience between the ages of 16-30.

http://johngreenbooks.com/

http://projectforawesome.com/

Written Conclusion- Life of an Inspiring Person

Having completed the online website based on my inspiring person (author, John Green), I came across a few obstacles when transferring my magazine/paper-based design on to the web.

My idea to create pop-up text boxes when clicking on an image in a slideshow was the biggest drawback as Wix software would not allow me to do this. However, Wix would allow text boxes at the bottom of the slideshow images so I used this feature to work around the imposition it made to my original design plan.

I found the website templates on Wix a great feature. Finding the most appropriate template for what I’d designed was easy, as well as picking the most relevant that I thought would express John Green’s character.

Something which I found surprisingly simple was creating an online forum that I could embed into my online website. I did this by using Nabble, which Wix recommended. I then embedded the HTML into my Fan Forum page.

Overall, I am happy with my final online website design however it had to differ quite considerably from my paper design.

Link to my Wix online website for John Green: http://jenniferleeman.wix.com/johngreen