Home Page Design



   What is good Home Page Design
   Examples
Home Page Design




A company’s home page is its face to the world and the starting point for most
user visits Improving ...
Make the site’s purpose clear

• E l i who you are and what you d
  Explain h           d ht       do.
• Include a one sen...
Make the site’s purpose clear
Make the site’s purpose clear
Help users find what they need

• Emphasize the site’s top high priority tasks
                site s
Help users find what they need
Help users find what they need
Reveal Site content

• Show examples of real site content
    • Show some of your best or most recent content
Reveal Site content
Use visual design to enhance not define Interaction Design

• Don’t format critical content such as navigational area
  Do...
Use visual design to enhance not define Interaction Design
Home Page: Study of Elections Department, Singapore

There is no Introduction to Elections Department and no Welcome
Messa...
Home Page: Study of Elections Department, Singapore


Good Example of Introduction on the Home Page.



Home Page – Illino...
Home Page: Study of Elections Department, Singapore

 Example of Interactive Media (Videos) used as a Mode of Introduction...
Home Page: Study of Elections Department, Singapore

Elections is about Trust, Transparency, Free and Fair Elections Howev...
Home Page: Study of Elections Department, Singapore

Example of using Imagery to educate people about Voting Procedure and...
Home Page: Study of Elections Department, Singapore

Examples of using Imagery which convey that Voting in Democracy is ri...
Home Page: Study of Elections Department, Singapore

Providing relevant information on the home Page can also help in
esta...
Home Page: Study of Elections Department, Singapore

Providing relevant information on the home Page can also help in
esta...
Home Page: Study of Elections Department, Singapore

The imagery on the site does not convey anything that can be strong a...
Home Page: Study of Elections Department, Singapore

Example of good Imagery on the Elections Website Home Page

Home Page...
Thank You
Upcoming SlideShare
Loading in...5
×

Home Page Design

1,068

Published on

Jonathan Roper and Neha Modgil Presents on Designing of Home Page of your Website.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,068
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Home Page Design

  1. 1. Home Page Design What is good Home Page Design Examples
  2. 2. Home Page Design A company’s home page is its face to the world and the starting point for most user visits Improving your homepage multiplies the entire website’s business visits. website s value, so following key guidelines for home page usability is important. Home P H Page h th has three main goals: i l • Give users information • Serve as top level navigation for information that’s inside the site p g • Tell users the site’s purpose
  3. 3. Make the site’s purpose clear • E l i who you are and what you d Explain h d ht do. • Include a one sentence tagline • Start the page with a tagline that summarizes what the site or company does, especially if you're new or less than famous. • Group all corporate information in one distinct area
  4. 4. Make the site’s purpose clear
  5. 5. Make the site’s purpose clear
  6. 6. Help users find what they need • Emphasize the site’s top high priority tasks site s
  7. 7. Help users find what they need
  8. 8. Help users find what they need
  9. 9. Reveal Site content • Show examples of real site content • Show some of your best or most recent content
  10. 10. Reveal Site content
  11. 11. Use visual design to enhance not define Interaction Design • Don’t format critical content such as navigational area Don t • Use meaningful graphics
  12. 12. Use visual design to enhance not define Interaction Design
  13. 13. Home Page: Study of Elections Department, Singapore There is no Introduction to Elections Department and no Welcome Message that could give a feeling of Warmth to the user Who does this website belong to? Who holds these Elections? Who runs this website? Is this Information correct? I don’t see any Introduction or y Welcome message. The Website fails to make an immediate connection with the user.
  14. 14. Home Page: Study of Elections Department, Singapore Good Example of Introduction on the Home Page. Home Page – Illinois State Board Of Elections The H Th Home Page provides P id introduction to the ‘State Board of Elections’ as well as the Website. The Welcome Message provides warmth and makes the user feel at ease.
  15. 15. Home Page: Study of Elections Department, Singapore Example of Interactive Media (Videos) used as a Mode of Introduction Introduction. USINFO.STATE.GOV The video on this page is a campaign to educate people about their Voting rights for the forthcoming 2008 Elections. Interactive Media helps in reaching p g out to the users and building a relation.
  16. 16. Home Page: Study of Elections Department, Singapore Elections is about Trust, Transparency, Free and Fair Elections However Trust Transparency Elections. However, the site fails to invoke these feelings in the users. The site does not give a feeling of Trust or Transparency. There is only one line which flashes across the screen saying’ Voting is Secret. Voting is Compulsory. The line is constantly moving and difficult to read. It fails to put across the message boldly.
  17. 17. Home Page: Study of Elections Department, Singapore Example of using Imagery to educate people about Voting Procedure and Free and Fair Elections Election Commission of India The Indian Elections website has images of rural Indian women holdingg Voter Identity Card which is an Identity card required to cast a vote. The image portrays: • Election procedure. • Educating people about Free and Fair Elections through Identity Cards.. Cd • The rural Indian women also exercise their right to vote. • Encourages people in urban areas t exercise their voting to i th i ti rights.
  18. 18. Home Page: Study of Elections Department, Singapore Examples of using Imagery which convey that Voting in Democracy is right of Citizens and invokes Patriotism Guam Election Commission Website The website has a strong one liner saying – Your Vote is your voice Which gives the Essence of Voting. Home Page – Illinois State Board Of Elections The image of a flag gives trust and evokes patriotism
  19. 19. Home Page: Study of Elections Department, Singapore Providing relevant information on the home Page can also help in establishing trust US Portal The portal gives Contact Number on the top telling the user that They are approachable and someone is manning the site. It helps in building a relation with the user. California Elections Website The website shows the picture of Chief Elections Offi Chi f El ti Officer which gives hi h i credibility to the content on the site and increases trust.
  20. 20. Home Page: Study of Elections Department, Singapore Providing relevant information on the home Page can also help in establishing trust Graphs or other visual information can tell General Election People about Singapore 2006 1,149,668 voters out Elections. of 1,222,884 cast their votes. Providing the source of -Elections Department Elections information can further 7 May 2006 Time issued: 0120 hrs help in building credibility. This helps in increasing trust and providing information to users at the same time.
  21. 21. Home Page: Study of Elections Department, Singapore The imagery on the site does not convey anything that can be strong and lasting. Images can be used to add a pleasant feel to a page, as well as page to convey content offerings and increase speed of navigation by suggesting where to click. gg g However, inappropriate imagery can result in visual clutter and confusion. confusion While the imagery on ELD website is pleasing, it can be improved conceptually.
  22. 22. Home Page: Study of Elections Department, Singapore Example of good Imagery on the Elections Website Home Page Home Page – Illinois State Board Of Elections The images with the primary navigation are relevant and conceptually convey the menu items Conceptually, some good images are: Image with ‘Election information’ is the parliament. Image with ‘Voting Information’ is a Voting Information ballot box. Image of a group of people give a pleasant feeling and convey Democracy as the voice of People.
  23. 23. Thank You
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×