Homepage and taglines.

Slides:



Advertisements
Similar presentations
Author: Steve Krug Presented by: Nicole Wilson
Advertisements

Copyright © 2003 Bolton Institute The Web is a new medium Writing for the web is not like writing a print document Users tend to browse and glance at information.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Do’s and Don’ts of Web Design By: Cassandra VanHumbeck.
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
Don’t Make Me Think Explained Justin Sattelberg. Welcome This presentation is about… Steve Krug’s Book Don’t Make Me Think: A Common Sense Approach to.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
Dawn Pedersen. Web Interfaces Web interfaces allow a user to interact with a website. The simplest web interfaces provide information and allow the user.
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
From Don’t Make Me Think by Steve Krug. Avoid cute or clever names, marketing induced names, company- specific names and unfamiliar technical names.
– Strategies for Effective Navigation Design & Prototype Phases.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.
“The Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Jeff Wenck Source:
Prepared By : Md Jakaria 1 Learn Internet Basics LECTURE 7.
Mtivity Client Support System Quick start guide. Mtivity Client Support System We are very pleased to announce the launch of a new Client Support System.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
By Godwin Alemoh. What is usability testing Usability testing: is the process of carrying out experiments to find out specific information about a design.
Dawn Pedersen American River College. What’s an Interface? The connection between a user and a machine. Interfaces provide complex information in a usable.
11/11/2009 IST440W.  Let’s try a three part definition: ◦ Any page within a website… ◦ Where your marketing traffic is directed… ◦ To prompt a desired.
WEBSITES IN 2012 Prepared for the Jefferson County Fair Matt Checchio Jessica Noland.
By: Jonathan Sobczynski. Importance of Homepages A Homepage is the company’s “Face to the World” Most important page on a Website.
MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.
“Top Ten Guidelines for Homepage Usability” Article Author: Jakob Nielsen Presenter: Amish Patel Date of Presentation Sept. 16, 2008.
Chapter Number Six Message Execution Modular: Afjal Hossain, Assistant Professor, Department of Marketing, PSTU Kenneth K. Clow & Donald Baack “Integrated.
An extension of who you are...
Ghazal Shambayati.
Usability Report: Errors and Tips
Getting an account with WordPress.com
Helping you succeed in promoting your club
Search Engine Optimization
Usability Testing and Web Design
Tips for Effective Advertising
LOVE LIFE LIVE ADVENT Begin the act of collective worship in your usual way. Ask if anyone knows what season in the church year is about to begin? If they.
Chapter Number Six Message Execution
Color Theory in Web Design
Imran Hussain University of Management and Technology (UMT)
PBA Front-End Programming
How to Use Blog Commenting to Get Valuable Backlinks and Traffic Before you get all bent out of shape about how blog commenting is a horrible link building.
Naviance: Do What You Are Personality Survey
How to Use Members Area of The Ninety-Nines Website
Business and Management Research
MVC Framework, in general.
DAY 2: Create PT: Make a Plan
LO Adding and subtracting with negative numbers RAG
Extraversion Introversion
Facebook Cover Photo Trick
Web Programming– UFCFB Lecture-4
Teacher Academy Workshops
By: Jonathan Moran Engl. 431 Professor: Dr. Mark Mabrito
For pleasure, profit and posterity
Imran Hussain University of Management and Technology (UMT)
Welcome to Naviance at Lowell High School
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Finding Trends with Visualizations
7 Super Easy Ways to Immediately Improve Your Website Development.
Effective Presentation
Chartboost Help Site Competitive Analysis and Proposal
Design Considerations
Norman Chapter 6 Krug Chapter 7 B: Home Pages
Welcome to Naviance at Lowell High School
Don’t make me think Usability.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
Welcome to Naviance at Lowell High School
Krug Chapter 2 How We Really Use the Web and Web Site Design
Security Principles and Policies CS 236 On-Line MS Program Networks and Systems Security Peter Reiher.
Krug Chapter 6 Street signs and Breadcrumbs
GROUP 4 PROFED06. Definitio n Advantage s of Printe d Media Disadvantages of Printed Media Designing Printed Material Being Used.
Making sense and success out of internet marketing
Presentation transcript:

Homepage and taglines

Homepage Site identity and mission – tells what the site is and what it is for and if possible why I should be here and not on some other site Site Hierarchy – give an overview of what the site has to offer – both content (what I can find here) and features (what can I do here) and how it is all organized. This is usually handled by the navigation Search – most site will need a search box Teases – homepage needs to entice like the cover of a magazine

Homepage Content promos – spotlight the newest, best or most popular pieces of content. Feature promos – invite me to explore additional sections of the the site or try out features Timely content – needs to have some content that gets updated frequently so that people will want to come back. Also google pays attention to sites that are updated Deals – space allocated to whatever advertising, cross-promotion and co-branding deals that have been made Shortcuts – frequently requested pieces of content (software updates) may deserve their own links on the home page Registration –

The home page also Needs to meet some abstract needs Show me what I am looking for – make it obvious how to get to whatever I want And what I’m not looking for – at the same time, the homepage needs to expose me to some of the wonderful things the site has to offer that I might be interested in – even though I may not be looking for them right now Show me where to start – Establish credibility and trust – make a good impression

The homepage is the waterfront property of the Web Homepage gets significantly greater traffic than all other pages. This is page most people will start on and possible the only page that some people see. It is the most desirable real estate and there is limited space. Everyone who has stake in the site will want some space on the homepage. Lots of information wants to be “above the fold” on the homepage

everyone wants a say on the homepage The results of a design by the stakeholders

Designing the Homepage If the site is complex the homepage design cannot do it all – no matter how good the design. Designing a homepage involves compromises

the four questions What is it? What can I do here? What do they have here? What can I do here? Why should I be here and not somewhere else?

The first few seconds you spend on the Web site/page are critical The user needs to be able to answer these questions at a glance, correctly and unambiguously, with little effort. If viewer doesn’t get it easily and quickly they may be confused throughout the entire site or may leave before going any deeper If the viewer gets it quickly it improves the chances of having a satisfying, successful experience. We know from the experiment Attention Web Designers: You have 50 milliseconds to make a good first impression that a lot happens as soon as you open a page.

In a few seconds you form a number of general impressions Does it look good? Is there a lot of content of a little? Are there clear regions on the page? Which ones attract you? These initial impressions tended to be very similar to the impressions people had after they actually had a chance to spend time on the page

top four plausible excuses for not spelling out the big picture on the home page We don’t need to. It’s obvious After people have seen the explanation once, they’ll find it annoying Anybody who really needs our site will know what it is That’s what our advertising is for

How to get your message across The tagline The Welcome Blurb The “learn more” People may not use all or any of these elements, they may figure out your site on their own but these elements are here to help if they don’t.

How to get your message across THE TAGLINE

How to get your message across THE WELCOME BLURB

How to get your message across THE LEARN MORE

Guidelines for getting the message across Use as much space as necessary Don’t use more space than is necessary Don’t use a mission statement as a welcome blurb Test

TAGLINES Some attributes to look for when choosing a tagline Good taglines are clear and informative and explain exactly what your site or your organization does Just long enough, but not too long. Six to eight words Convey differentiation – is the one that no one else In the world could use except you Bad taglines sound generic Don’t confuse a tagline with a motto “ we bring good things to life” “you’re in good hands” A motto expresses a guiding principle, a goal or an ideal, but a tagline conveys a value proposition. Personable, lively and sometimes clever.

clear and informative

Just long enough but not too long

Convey differentiation

Bad taglines sound generic

Personable, lively and sometimes clever

The fifth question Where do I start? Here’s where I start if I want to search Here is where I start if I want to browse Here is where I start fi I want to sample their best stuff

WHERE DO I START? Sites that require a step by step process, the entry point should be obvious and leap out. If I have to register or sign in those places should be prominent Make sure that entry points look like entry points (i.e. make the search box look like a search box) Label clearly Don’t try to promote everything. If too many things are being promoted, the section that is being promoted gets a huge boost in traffic but the overall loss in effectiveness of the homepage as it gets more cluttered is shared by all sections.