task 1

12
Unit 65- Analysing Websites This is the website http://www3.yha.com.au/ which is targeted at young people ages 18-25. The first thing which is clear when clicking onto this website is that it follows a theme throughout the website. The 4 main colours on this website I see are blue, beige orange and green. These colours run throughout the website which makes the website as a whole a lot more professional looking. I feel like the interaction on the website is straight forward as it has search bars for Australian Hostels right at your view level and as I see it as soon as I go onto this website. The text which is shown throughout the website is the same throughout. I feel like it looks neat and

Upload: jadekinder

Post on 25-Jan-2015

139 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Task 1

Unit 65- Analysing Websites

This is the website http://www3.yha.com.au/ which is targeted at young people ages 18-25. The first thing which is clear when clicking onto this website is that it follows a theme throughout the website. The 4 main colours on this website I see are blue, beige orange and green. These colours run throughout the website which makes the website as a whole a lot more professional looking. I feel like the interaction on the website is straight forward as it has search bars for Australian Hostels right at your view level and as I see it as soon as I go onto this website.

The text which is shown throughout the website is the same throughout. I feel like it looks neat and professional. If it was to have more than one font I feel like it’d be too confusing and unprofessional so something I’d confused. This

website uses one for their titles and then for the paragraphs one

Page 2: Task 1

more readable and clear for when sharing information. I wouldn’t use any more than 2 fonts. I would consider exactly what this website includes for my website as they make sure they have a bold, stand out font for the headings and for the information text or hyperlinks have a clear, easy to read. The size of the text is consistent, all the heading titles are the same and the normal text which are the same and makes the website just look more attractive and that is what I want to do for my website too.

On this website it has a simple interactive map which is slip up to the different cities within Australia letting you click onto that like area on the map and it takes you to a different page listing all the pages and hotels you can go to. It has the option to choose the cheapest first, the highest first as well as the most popular and the most rated. I would like to include something like as it is a good information resource and make it easy for customers to search around on the website. Underneath every hostel it has the name and brief description as well as the percentage rating on how it averagely done with reviews and a more information button. Not too many buttons so it’s cramped and looks

messy but a few simply buttons which can make the viewer gain information and then have the choice to look at more information if interested. As well has as having a background behind the map which has lines all pointing to the map which gives the map a stand out effect.

The website has a very professional and attractive page which lists all different type of

hostels. I would love to do something similar for my website as by having lists of accommodation one after the other will make the website a lot easier for visitors. This is the page that comes up when clicking on one of the areas from

Page 3: Task 1

the interactive map. The hyperlink takes you to this page where it defines the search to all the hostels they can book in that particular area which I think is a very useful link people it just makes it a lot easier.

The logo from the website is very simple yet effected. They have thought out the colours they would use in their logo and made sure they didn’t use too many because if you use too many colours it looks unprofessional and messy but they have only used 3 colours and them colours are related as the green is for the forest outdoor colour, white is for the neat and professional look and orange is the website theme colour all together. I would like to make an effective logo like this but I do feel like it looks silly with a very small text under YHA I don’t think that small text is needed for the logo as it’s only meant to quickly allow the visitor to get a quick thought on what the website could be about.

The navigation is straight forward which I link about it. I like how it’s only 2 colours involved within the navigation more which I think is all the colours you need. The font is followed throughout the website and has a clear title so we know what the page is exactly about. The only thing I would change about the navigation would to be enlarging it all together because I feel like the text is too small and should stand out more.

I feel like have an alternate search on the homepage is more professional and easier for the visitor. You can do a specific search which narrows the search down.

I feel like the layout of the website is very professional and attractive. It makes the website. I feel like it’s good to make the

Page 4: Task 1

layout split into boxes and has a similar symmetry look to it. I will like to follow the square box effect and include an interactive map and the deals n the homepage is a great idea and the slideshow animation with deals on to by making it move it catches people’s eyes and attracts them more to check out

on the deal.

This is a print screen of the website http://www.hostelworld.com/hostels/Australia . This website is targeted to backpackers ages 18-30. This website follows a clear theme throughout. This website follows a similar theme to the YHA website too. They both have their 3 main colours as white, blue and orange. The same sort of look is being made for both of their websites. I feel like my website will have to follow the theme similar to theirs too. But for my website I wouldn’t want to include the colour orange but I suppose they have used that colour because it’s a bright colour and makes certain things stand out. I feel like that would be a good idea to include for my website so my website would stand out. Therefore their colours

Page 5: Task 1

they use for their colour scheme are bright and engaging so that’s what I want to do for my website.

On the website it features a navigation menu which is positioned at the top of the page which is centred. The navigation is very similar to YHA too. The navigation is coloured the most professional colour which is blue. The navigation menu also hasn’t got the biggest text in the world, the font is quite small. So from these two websites I can learn that I don’t need my navigation menu font size to be massive as long as it’s a bright clear font which has a bold colour. This website has done the exact thing. I will be using white for the colour of my navigation because its much clearer to see rather than using the colour black. The background is slightly more appealing than YHA as it has a gradient effect. I feel like that gradient effect adds to the navigation menu and makes it much more attractive. The only thing that I would change is maybe don’t have too much of a dark blue and make it a little bit brighter because it looks a bit gloomy and dark when it’s meant to be a website for hostels and holidays. But other than that I would base my navigation menu on this navigation menu.

On the navigation menu on some of the buttons have drop down menus. The thing that most appeals me to this drop down menu is that I like when you hover over the button it automatically comes up and the colour scheme changes so it’s inverted. The backgrounds of the list have changed so it has a paler background (white background) and then dark text (blue text). I feel like that brightens up the page as well as making it much neater and clearer to read. This is something I’d definitely consider. There wouldn’t be anything to change other than trying to have more drop-down menus for every button so it’s a continuous graphic on the website.

Page 6: Task 1

On the website it features a search bar which has series of search bars so you can find the perfect result for you. The search bar has a search fields for the name of hostel or city, the arriving date, the departing date, how many guests will be going and a submit button which is a hyperlink which will take you the page where all the results will come up in a list. The graphics of the background of the search bar is bright orange so it alerts people as well as having a messy background which I feel like they have included it to represent fun and enjoyable as well as making it fit more towards the target audience by not making it look formal. I feel like it looks silly for the reason that it’s the only thing on the main page which has a messy background. The only way for me to say it looks effective is if they include that graphic more than once but they haven’t. I wouldn’t use it for my website as I would just want it to be basic and effective but I feel like it stands out and will catches people’s eyes.

This is the website’s logo. I feel like it doesn’t look attractive but it includes everything you need in a logo. The logo includes a well thought out symbol within the logo. The symbol has the first letter of their name, H and represented the letter as an object which is a bunk bed which features two people in bed. I feel like that is such a catchy, simple yet effective. The background isn’t anything effective it’s just a gradient background going from dark blue from the top left going to light blue in the bottom right. They have used the shape rectangle to put the logo within it. I feel like it wasn’t the greatest of shapes to use as it makes the logo look too big. If I was to have this logo I would change it so the symbol was within a

Page 7: Task 1

circle instead if a rectangle. I feel like it wouldn’t need the big text for the website because the name of it is in the address bar. I would consider decreasing the size of it and then putting it in the circle bent to the shape of a circle or placed in the middle of the H. I do want to think of an effective symbol for my website though as it makes it a lot more effective.

On this website it includes an interactive map which the YHA includes too. I feel like this is a good feature to include on website if the website is about holidays or hostels or hotels etc. This is a whole map search on where you would want to on holiday which is great for someone who doesn’t haven’t the exact idea where they want to go on holiday. This is

position in the left middle of the page.

This website has more features than the YHA website. When you clicked on the place you want to go on holiday it goes further into detail by displaying a map of that certain area and it has another interactive map which has flags in certain areas of the map which the hostels are in location of Australia. I feel like this is a useful tool to have

when trying to work distance for the airport etc. This map is featured in the middle bottom of the page.

This is a banner display which is on the main page of the website which gives you information on which cities

Page 8: Task 1

in Australia are the most popular in order as well as giving you a starting prices of each hotels in that area which gives you information on which city is the most dearest and which are the most cheapest. These cities are doing like a drop down menu. I feel like it’s a smart idea so it’s not taking up so much room and that it looks more professional by having less things on display as it makes it look messy the website by having everything all cramped. This is positioned in the left middle of the page.

This is a feature which is on the right hand side of the website at the top of the website. This is a useful feature which helps visitors gain more knowledge in which hostel is best. It gives the listings of the name of the hostel as well of the area it is placed in with the rating out of 100% it has received from previous stayers. I think that gives knowledge on how good is and is a good feature people should include on holiday websites like these. The colours are simple yet effective and still follow the colour scheme and aren’t too bright as it’s not something that needs to be urgently displayed.

This website has information and a brief welcoming note which is position centre of the page. I feel like this is something that needs to feature on every

Page 9: Task 1

website and that it gives extra information which some of the visitors may not know. The colour scheme is still the same and is a clear font. The only thing that ii would change is to make the text size a little bit bigger as it’s quite small to read especially when considering people who have glasses.