home page design
DESCRIPTION
Jonathan Roper and Neha Modgil Presents on Designing of Home Page of your Website.TRANSCRIPT
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