Thursday, 12 May 2011

Artefact 6 Screenshots

Below are the screenshots of the mobile site in action and how the site would look when saved to the home screen of an iPhone or iPod touch. The app icon was created by myself and code is entered to make it appear as the default home screen icon.







Artefact 6

My final artefact is complete! It can be found at http://www.georgewood.me/artefact6 and is best viewed on an iPhone/iPod Touch as it is a mobile site.
______________________________________________________________

My sixth and final artefact was a mobile version of the site I created for my fifth artefact. Combined these sites take ideas from feedback gained throughout the process of evaluating my previous artefacts in order to make a music website which contains everything people want from a music website. Mobile browsing is already hugely popular and the amount of people who use this method is constantly growing, therefore it would be important for a company to have a site that is tailored specifically for the mobile device.

I am very happy with the overall design and it is clear that it links in with my fifth artefact. It was an interesting process to take the ideas and designs from the previous version and to alter them to work aesthetically on the mobile screen.

I am very happy with the process I chose and I feel that this artefact is a nice conclusion and my artefacts as a whole have taken a very logical route to the finish.

If I had more time then I would like to extend on the artefact and build in some extra features to make it even more functional. I would also like to find a way of being able to preview songs on the device, similar to the preview on the big-screen version.

I used HTML5 and lots of CSS3 once again in order to make sure I was using the most advanced techniques once again and therefore it was completely adequate.

The site works completely as it is but I would like some way of being able to play the music without navigating off the page, however the time constraints led me to stick to just video in order to get sound, whilst I put in lots of information to make up for the lack of music.

Thursday, 5 May 2011

Artefact 5 Evaluation

My fifth artefact is a fully functional HTML5 and CSS3 music website which has been created by taking ideas from feedback gained throughout previous artefacts. It features a preview mp3 button, as well as artist information as well as videos. I have also implemented many CSS3 features to improve the design such as rounded borders and background gradients.

I am very happy with the design and feel I have implemented plenty of CSS3 without over using it and sacrificing the quality of the design. If I had more time I would like to extend the page further and play around with different border radius effects.

The process I chose worked well and I feel I have achieved something that takes ideas from all the feedback gained through previous artefacts meaning that my artefacts have taken a clear path through to my final one.

It was good to learn the new CSS3 values and this proved a helpful experience for me, as I was able to learn different things for the first time. I am now confident I can implement these things in future sites I create.

The two-week period allowed me just enough time to design and build the site from scratch, whilst being able to look back through previous feedback in order to take ideas that I then implemented in the site.

I used the most advanced techniques I could to create the site and I don’t feel there were any other techniques I could have brought in which would have added to the site.

Overall I am very happy with the artefact and have received positive feedback from others throughout the process. There isn’t much I would change and I feel that other than a few possible design tweaks it would be hard to improve.