Side Scroll Advancements

For this test I used the same website as my previous. During my last tutorial, Jon and I decided that to combat the responsive height issues with the site I could have a landing page with two options. One to take the user to a pop up window, scaled to the perfect size of the ‘composition’, and one to bypass this and head straight to a sort of index page with all the info a viewer might want.

On this test site I created a simple landing page with a click through button that opens a pop up with the dimensions 1260 x 720. The pop up links to the side scrolling interactive part of the site. I also added an interactive movable text box, this movable effect can be added to any element so this is something that could come in really useful on different sections of the site.

http://hwatsontest4.businesscatalyst.com

Target Audience

Assigning a specific ‘target audience’ is near impossible for this project. I am targeting employers. Employers could be anyone, any age, any stereotypes. Their are factors that I will need to consider when creating the site to ensure it is applicable to any potential users. The key to this will be the UI. If the User Interface is simple then anyone will be able to use it, so long as the navigation isn’t complex, the site runs smoothly and the interactive elements are clearly marked then the inclusivity that I need should be easily achieved.

Landing Page/Long Horizontal Scroll Test

I conducted a test creating a simple click through landing page and a subsequent horizontal scrolling page testing the difficulty in making a large horizontal plain and scrolling through it. Whilst the test is simple it does show the ease of making a horizontal scrolling page.

The page is tailored for a browser window size of 1280 x 720, which I think is going to be my preferred window size for the pop up I’m going to make.

http://hwatsontest3.businesscatalyst.com

Landing Page/Pop-Up Idea

In order to combat the responsive height issue, I had the thought of having a landing page. Where the user accesses the site initially and has the ability to click on two links. One link that opens a pop-up window that houses the narrative part of the site that I want viewers to visit and another link that simply takes users past this and straight too a page that simply houses all the relevant information that an employer would want to see, this would be for returning viewers that don’t want to scroll through the entire site to get the focussed information.

One issue I can see coming from this is that people don’t like pop-ups. As they are typically seen as intrusive. Whilst I don’t believe this will be the case for something such as this, when the user will know that a pop-up is going to appear it is still something to consider.

A widget that allows easily customizable pop-ups can be found here:

http://resources.muse.adobe.com/products/pop-up