Home Page Design

Home Page Design

What is good Home Page DesignExamples

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 businessuser visits. Improving your homepage multiplies the entire website s business value, so following key guidelines for home page usability is important.

H P h th i lHome Page has three main goals:

• Give users information

• Serve as top level navigation for information that’s inside the sitep g

• Tell users the site’s purpose

Make the site’s purpose clear

E l i h d h t d• Explain who you are and what you 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

Make the site’s purpose clear

Make the site’s purpose clear

• Emphasize the site’s top high priority tasks

Help users find what they need

• Emphasize the site s top high priority tasks

Help users find what they need

Help users find what they need

Reveal Site content

• Show examples of real 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• Don t format critical content such as navigational area

• Use meaningful graphics

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 WelcomeThere is no Introduction to Elections Department and no WelcomeMessage that could give a feeling of Warmth to the user

Who does this website belong to?Who holds these Elections?Who holds these Elections? Who runs this website?Is this Information correct?I don’t see any Introduction ory

Welcome message.

The Website fails to make animmediate connection with theimmediate connection with theuser.

Home Page: Study of Elections Department, Singapore

Good Example of Introduction on the Home Page.

Home Page – Illinois State BoardOf Elections

Th H P idThe Home Page providesintroduction to the ‘State Board ofElections’ as well as the Website.

The Welcome Message provideswarmth and makes the user feel atease.

Home Page: Study of Elections Department, Singapore

Example of Interactive Media (Videos) used as a Mode of IntroductionExample of Interactive Media (Videos) used as a Mode of Introduction.

USINFO.STATE.GOV

The video on this page is acampaign to educate people aboutcampaign to educate people abouttheir Voting rights for theforthcoming 2008 Elections.Interactive Media helps in reachingp gout to the users and building arelation.

Home Page: Study of Elections Department, Singapore

Elections is about Trust Transparency Free and Fair Elections HoweverElections is about Trust, Transparency, Free and Fair Elections. However,the site fails to invoke these feelings in the users.

The site does not give a feeling ofTrust or Transparency.

There is only one line which flashesThere is only one line which flashesacross the screen saying’ Voting isSecret. Voting is Compulsory. The line is constantly moving anddifficult to read.It fails to put across the messageboldly.

Home Page: Study of Elections Department, Singapore

Example of using Imagery to educate people about Voting Procedure and

Election Commission of India

Example of using Imagery to educate people about Voting Procedure andFree and Fair Elections

The Indian Elections website hasimages of rural Indian womenholdinggVoter Identity Card which is anIdentity card required to cast a vote.

The image portrays:The image portrays:• Election procedure.• Educating people about Free and

Fair Elections through Identity C dCards..

• The rural Indian women also exercise their right to vote.

• Encourages people in urban t i th i tiareas to exercise their voting

rights.

Home Page: Study of Elections Department, Singapore

Examples of using Imagery which convey that Voting in Democracy is right ofExamples of using Imagery which convey that Voting in Democracy is right ofCitizens and invokes Patriotism

Guam Election CommissionWebsite

The website has a strong one linerThe website has a strong one linersaying – Your Vote is your voiceWhich gives the Essence of Voting.

Home Page – Illinois State BoardOf Elections

The image of a flag gives trust andevokes patriotism

Home Page: Study of Elections Department, Singapore

Providing relevant information on the home Page can also help inProviding relevant information on the home Page can also help inestablishing trust

US PortalThe portal gives Contact Number on the top telling the user thatThey are approachable and someone is manning the site. It helpsin building a relation with the user.

California Elections Website

The website shows the picture ofChi f El ti Offi hi h iChief Elections Officer which givescredibility to the content on the siteand increases trust.

Home Page: Study of Elections Department, Singapore

Providing relevant information on the home Page can also help inProviding relevant information on the home Page can also help inestablishing trust

Graphs or other visualinformation can tell

General Election 2006

1,149,668 voters out of 1,222,884 cast their votes.-Elections Department

information can tellPeople about SingaporeElections.Providing the source of

Elections Department7 May 2006Time issued: 0120 hrs information can further

help in buildingcredibility.

This helps in increasingtrust and providinginformation to users atthe same time.

Home Page: Study of Elections Department, Singapore

The imagery on the site does not convey anything that can be strong and

Images can be used to add a pleasant feel to a page as well as

The imagery on the site does not convey anything that can be strong andlasting.

pleasant feel to a page, as well as 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 confusionconfusion.

While the imagery on ELD website is pleasing, it can be improved conceptually.

Home Page: Study of Elections Department, Singapore

Example of good Imagery on the Elections Website Home Page

Home Page – Illinois State BoardOf Elections

Example of good Imagery on the Elections Website Home Page

The images with the primarynavigation are relevant andconceptually convey the menuconceptually convey the menuitems

Conceptually, some good imagesare:Image with ‘Election information’ isthe parliament.Image with ‘Voting Information’ is aImage with Voting Information is aballot box.

Image of a group of people give apleasant feeling and conveyDemocracy as the voice of People.

Thank You