Information Architecture : File Structure

Hi

Here is a snap of my final file structure :

Screen Shot 2013-01-08 at 22.58.23

Thanks

Advertisements

Information Architecture and Information Communications Design : Reference

Hi

Ever since the first lecture with Kevin, he has been talking about a guy called Steve Krug and telling that we have to read is book in the library because you get these fake web designers who think that creating a website is a doddle and you can just put stuff he and their with out taking any consideration for the user but Steve Krug makes it out what it should be, into a piece of art. Steve Krug knows what hes talking about when i researched working for the likes of giants in the web world like Apple and A.O.L, so i decide that i would give him a reference when creating my website because i think it was sensible to resemble someone who actually knows how to build and take the users into consideration when making a website.

So i saw this good one which i took into consideration when building my website, and that is:

Instructions Must Die

The other major source of needless words is instructions. The main thing you need to know about instructions is that no one is going to read them at least not until after repeated attempts at “muddling through” have failed. And even then, if the instructions are wordy, the odds of users finding the information they need is pretty low.

Your objective should always be to eliminate instructions entirely by making everything self-explanatory, or as close to it as possible. When instructions are absolutely necessary, cut them back to the bare minimum.

So with this red before i built my website i took it very lightly not to put instructions within my both of my websites.

Thanks

Information Architecture : Final Outcome

Hi

In this post i will be giving you a brief final thoughts and how i felt the website went. So lets start it off by looking at the index page:

Screen Shot 2013-01-04 at 23.24.53

Here is my index page and it shows the basic framework for this website not much to look at, at the front page but its more about the content that comes in the other pages. I would of had a picture slider instead of the Welcome to LFC History but once i got it onto Internet Explorer it decided not to work and their was not fix for it, so i didn’t really have much choice. Bottom three boxes contain of a welcome to the page, a News box that will be changed frequently and also a Top 5 which will change between players, managers etc.

Screen Shot 2013-01-04 at 23.25.03

So i did some experiments with the first one, because i really liked that one and it didn’t go well. I only wanted it to be simple but  i tried messing around with the divs and then finally give up with it in the end. So i decided that instead of implementing Jquery in my website, when tried before with the navigation it didn’t work in my preferred browser, I’d just do my own.

The timeline consists of the main events that have happened up till the present day, with the key dates highlighted in bold. Along the side is a red timeline with the dates aligned with the key information on the left. The information has the right amount of detail on each event, because having all of the information i might aswell right a book and the users are more interested in the key dates like Hillsborough 1989 which has more because its a key date in Liverpool’s History and no one can disagree that.

Screen Shot 2013-01-04 at 23.25.08

Now on the Photos page here is a bit of Jquery which is called Lightbox which i have tested before creating this website and i like it for viewing photos. Each thumbnail is a highlight of the specific year on the timeline and has the year as caption. I really wanted some Jquery in this website and here it is.

Screen Shot 2013-01-04 at 23.25.14

and to round off the website i have decided to implement a contact page so the user can give me some criticism back the only thing wrong with it dosent work because i haven’t got no PHP implemented within it because that is in semester 2 and i have only done little. So hopefully when i learn some more knowledge i can then make it work.

I am happy with this website and i think it does what it explains in the brief and i haven’t breached any copyright, that why i havent just copied the Liverpool crest because i didnt know the rules between using their logo and i researched other Liverpool  history pages and they dont use the logo and pictures. So i decided not to and i think it worked.

Thanks

 

Information Architecture : Timeline

Hi ,

With both of my websites i try and add a jquery type side to it so i can add a bit of style and user interaction to my website but i now know that you dont need to have that to make your website as slick and simple, knowing that some jquery examples can also be a bit complicated at times, that’s what i didn’t want my website to be.

So i decided that with me doing a Liverpool FC history site, i thought that i would apply a timeline where the user would be able to browse the football clubs history, so i decided to browse i couple of websites for example jquerys i could implement them into my website.

Screen Shot 2013-01-04 at 20.51.13

http://timeline.verite.co/

jQuery_TimeLine_2

http://www.csslab.cl/2011/08/18/jquery-timelinr/

So i did some experiments with the first one, because i really liked that one and it didn’t go well. I only wanted it to be simple but  i tried messing around with the divs and then finally give up with it in the end.

So i decided that instead of implementing Jquery in my website, when tried before with the navigation it didn’t work in my preferred browser, i’d just do my own.

Screen Shot 2013-01-04 at 21.08.41

The timeline consists of the main events that have happened up till the present day, with the key dates highlighted in bold. Along the side is a red timeline with the dates aligned with the key information on the left. The information has the right amount of detail on each event, because having all of the information i might aswell right a book and the users are more interested in the key dates like Hillsborough 1989 which has more because its a key date in Liverpool’s History and no one can disagree that.

 

Second Design (Best one)

Here is my second design and i think my best design. Here i have been looking at various websites on the web for inspiration, and i have mocked up this one which i think its going to be my main design. This index page will have a bit of everything on like Jquery, some text boxes. Also i have decided that i will have the global navigation in header because as you can see from the other design, it looks more stylish for the navigation to be in the header because the user will automatically know where the nav bar will be when they open the page. Unlike having the nav bar on the left, right or on the bottom. Also to make a point none of these two designs have a nav bar on the right because if the user happens to minimize the page it will cut the nav bar off and that will not happen in my web pages. This is my final design because i didn’t really have any more designs to give to Information Architecture so Kevin said that it was alright to stick with 2 if i couldn’t think of 3.