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

1. Home Page Design
What is good Home Page Design
Examples

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. 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. Make the site’s purpose clear

5. Make the site’s purpose clear

6. Help users find what they need
• Emphasize the site’s top high priority tasks
site s

7. Help users find what they need

8. Help users find what they need

9. Reveal Site content
• Show examples of real site content
• Show some of your best or most recent content

10. Reveal Site content

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. Use visual design to enhance not define Interaction Design

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Thank You