Tag: Development

This week I’ve continued creating assets for my iPhone idea. I don’t think itll be necessary to stay true to iOS in having 4 icons per row, I feel less could make it easier to view it online.

I’ve decided to play more upon my idea of interactivity. One of the app icons is going to be a snake. When the user clicks on this icon it will pop out a small window that they can play snake in, to simulate an actual iOS game. I will be testing this later this week and posting the results.

These are the two other assets I have made this week.

I decided to start creating assets relating to my iPhone idea. The videos attached show how I designed my icons.

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

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

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