Investigating Elements on the E-commerce Homepage
|
|
- Marylou Samantha Parker
- 8 years ago
- Views:
Transcription
1 Investigating Elements on the E-commerce Homepage Focus on Business to Customer Websites Sunghyun Ryoo KANG*, Eunjoo LEE** *Iowa State University, 158 College of Design, Ames, IA 50014, USA, ** Chungcheong College D/o New Media 330 Wolgok-Ri, Kangnae-Myun, Cheongwon-Gun, Chungbuk KOREA, Abstract: The homepage is the most important feature of a Website because it provides a first impression to users and represents the character of the entire website. Many researchers and organizations are studying the usability of E- commerce sites, but most of this research is focused on technical aspects. However, little research has been undertaken to explore the designer's influence on visual communication for the usability of E-commerce Websites. The purpose of this research is to explore common design problems on current E-commerce homepages and to suggest how designers can improve the aesthetic quality and usability of E-commerce homepages. One hundred Business to Customer (B2C) sites were selected randomly during the month of January 2002 for analysis of their design elements. This poster presentation will present the research method and common existing problems in E-commerce homepages, and finally, suggest possible solutions to these problems. This research found three different types of screen structures: left aligned fixed structure; left aligned flexible structure; and center aligned flexible structure. The main navigation of E-commerce sites was generally located on the left side and between the site identity and the content. However, because of the unique characteristics of E-commerce homepages, the content area also contains navigation elements. This creates an organizational problem and visual chaos. To create a well-organized E-commerce homepage design, this research suggests a grid system to manage layouts. To achieve this, the designer must have a detailed layout plan. Well-organized information with clear hierarchy and well-balanced layouts create a good visual experience and increases the performance of the Websites. Key words: E-commerce, Homepage, Design Elements, Investigation 1. Introduction E-commerce, business based on the Internet, has changed not only the customer s buying activities but also the seller s business and marketing strategies. E-commerce is not only about Websites but also includes the customer s privacy, secure check out, delivery, and service. A homepage, which is the first loaded web page on a website, creates a first impression for users. Nielsen and Tahir [1] point out that "homepages are the most valuable real estate in the world." Users will see the homepage first and then stay for a while to see whether the website is useful or interesting. Mahlke s research [2] showed that usefulness was a top factor that can make a customer stay on the website. Van Duyne et al [3] noted that balancing the branding, navigation, content, and download speed can be factors to entice customers. Well-organized information and other elements will be keys to successful E- commerce. There are many guidelines suggesting how to make more usable Websites but research in how to organize visual elements for E-commerce is very rare. The purpose of this research is to explore the common design problems of these elements on current E- commerce homepages, and to suggest how designers can improve their aesthetic quality and usability. The aspects
2 of E-commerce related to sales, service, and marketing are not considered in this paper. 2. Method To see the general problem of current E-commerce homepages, one hundred Business to Customer (B2C) Websites were selected randomly during the month of January Yahoo was used as the search tool and the search categories were as follows: Data Analysis Only ninety-nine homepages were analyzed because one of the E- store sites in the original random sample was no longer in service. The monitor was set to 1024 by 768 pixels to view the Websites. Each homepage was divided into 68 by 68 pixel grids to analyze its structure (Figure 1). During the course of the random selection of the E-commerce homepages, this research found that E-stores and E-malls (see the definition below) have different composite elements and layouts. Therefore, homepages were divided into two categories to see the differences. This research proposes that there are six elements in E-commerce homepages: site identity, navigation, content, advertising, negative space and layout. Some categories are divided into sub-categories. Navigation is divided into four different sub-categories: main navigation, utilities, search, and footer. Figure 1. Grid Structure 2.2 Terminology The terminology used in this paper is from Nielsen and Tahir [1] and Krug [4], as well as new terms specifically coined in this research: E-store: A single store which provides products or services. E-mall: Multiple stores that are similar to a physical shopping mall. Site Identity (SI): The logo or name on a homepage that serves to identify the website. If a SI contains a tagline that is grouped together as a part of the SI, this research considers it in the SI category. Independent Tagline (IT): Supporting words or phrases located independently to identify characteristics of the website. Main Navigation: The main category that provides links to sub pages. Search: A way for users to inquire about the location of website information including pull down menus and an A to Z index. Content: Promotional content and main information of the website. Often, it includes hypertexts. Advertising: Banners and text advertising other products and services that are linked to the other URLs. Utilities: This term is derived from Krug [4]. Links to important elements of the site that are not part of main navigation such as home, help, FAQ, log in, , and password, etc.
3 Footer: Information generally located at the end of a homepage which includes a list of redundant main navigation in hypertext, address, copyright information, and publication date of the Website. The term "footer navigation" is used by Nielsen and Tahir[1]. If a footer contains utilities, this research considers it in the utilities category. Negative space: Empty or white space between navigation elements, Website content, and the top and bottom of a homepage. Flexible layout: Resizable browser windows that can be modified according to the user's monitor size or the user's intention. The window size is generally programmed by percentage. Neilsen and Tahir [1] used the term liquid layout" to represent the same thing. Fixed layout: Non-resizable homepages with a fixed size. The window size is generally programmed by pixels. Neilsen and Tahir [1] used the term frozen layout to represent the same meaning. Mixed layout: includes both flexible and fixed layouts. 3. Elements of E-commerce The average length of an E-mall homepage is 18.4 units which is approximately 1251pixels. The average length of an E-store homepage is 17.3 units which is approximately 1176 pixels. This data shows that most E-commerce homepages have a scroll bar. Window resolutions that do not require vertical scrolling are generally 300 pixels for 640 by 480, 420 pixels for 800 by 600 and 600 pixels for 1024 by 768. Table 1 and 2 show the average length and width and frequency of each element on an E-commerce homepage. One significant difference between E-stores and E-malls is the content. Ninety-eight percent of E- stores provide their own content while only 76% of E-mall homepages have content. The other difference is advertising. This research assumed that E-commerce homepages will have a lot of advertising but the statistics show that while 90% of E-malls have an advertising only 49% of E-stores have advertising. The format for advertising on the E-store homepage is typically a horizontal rectangle while the advertising on an E-mall homepage is more like a square. Most E-commerce homepage footers are composed of copyright and contact information, but also many homepages for E-commerce sites include a telephone number and links to the security and privacy policies. According to Tables 1 and 2, E-stores have more taglines than E-malls. The tagline shows that E-stores are more concerned with identifying their purpose than are E-malls. It was more difficult to identify the purpose of an E-mall in a tagline. Overall, about 66% of E-commerce homepages have a tagline associated with the site identity or use an independent tagline (Table 3). Table 1. Elements of E-store Homepages; Size, and Frequency Categories Site ID Navigation Content Advertising Negative Logo/Name (ID) Tagline Main Utilities Footer Search Space Width Unit Pixel 278px 319px 405px 399px 451px 245px 481px 301px 311px Length Unit Pixel 77px 55px 337px 80px 75px 58px 548px 120px 716px Frequency 100% 33% 98% 90% 90% 76% 98% 49% 98%
4 Table 2. Elements of E-mall Homepages; Size, and Frequency Categories SI Navigation Conte Advertising Negative Logo/Name(ID) Tagline Main Utilities Footer Search nt Space Width Unit Pixel 298px 431px 331px 351px 488px 232px 384px 272px 350px Length Unit Pixel 72px 51px 397px 87px 95px 53px 467px 218px 647px Frequency 98% 20% 98% 88% 88% 72% 74% 90% 100% Table 3. Frequency of Composite Elements of Site Identity Categories Logo/Name(ID) ID with tagline IT ID with tagline & IT SI Number % Number % Number % Number % Number % E-store 11 22% 20 41% 16 33% 2 4% % E-mall 22 44% 18 36% 10 20% 0 0% 49 98% Total 33 33% 38 38% 26 26% 2 2% 98 99% Table 4 shows the composite elements of the main navigation. Overall, sixteen out of 99 homepages use a tab style of navigation, however text-based navigation was the most dominant method. Seven out of 99 homepages did not have any navigation style other than a search method. Table 5 shows the search methods used on the E-commerce homepages. Searching by typing words is the most popular search method followed by the pull down method. Twenty-five out of 99 homepages do not have the search engine for navigation. Table 4. Frequency of Composite Elements of Main Navigation Tab Text Tab & Text Image & Text Search Number % Number % Number % Number % Number % E-store 9 18% 26 53% 3 6% 8 16% 3 6% E-mall 2 4% 38 76% 2 4% 5 10% 4 8% Total 11 11% 64 65% 5 5% 13 13% 7 7% Table 5. Frequency of Composite Elements of Search Typing Inquire Pull down A-Z index Separate page No Search Number % Number % Number % Number % Number % E-store 29 59% 16 33% 1 2% 5 10% 11 22% E-mall 34 68% 13 26% 1 2% 0 0% 14 28% Total 63 64% 29 29% 2 2% 5 5% 25 25% There are currently 5 different styles of layouts for E-commerce homepages. These statistics in table 6 show that about one third of E-commerce homepages have left fixed layouts and another third of E-commerce homepages have mixed layouts. Left flexible style layouts and center flexible style layouts are also found on E- commerce homepages but they are rare. Design elements seem easier to control in fixed layout styles because the size is always fixed and is not affected by the user s window resolution. However, users who have a high window resolution will see a lot of negative space when homepages are created under 640 pixels. Most homepages with a fixed structure have a pixel
5 width under 800. The problem with mixed layouts is that designers cannot control the negative space because some parts are fixed and the other parts are flexible. Mixed layouts will show when implied lines are not lined up between elements and this may create an unbalanced space. E-store homepages have more center fixed styles than E-malls. When a user has a 640 by 480 window resolution, the center fixed style seems like a left fixed style. Table 6. Layout Styles on E-commerce Homepages E-mall E-store Total Number % Number % Left fixed 20 40% % 34.3% Left flexible 2 4% 0 0% 2% Center fixed 10 20% % 27.35% Center flexible 3 6% 1 2% 4% Mixed 15 30% % 32.35% Table 7 shows that most homepages have more than two text alignments. About one third of homepages have left justified text alignment, which creates an orderly space. Table 7. Alignments of the Text on E-commerce Homepages E-mall E-store Total Number % Number % Left 14 28% 18 37% 32.5% Left & center 27 54% 21 43% 48.5% Center 1 2% 4 8% 5% Left & right 1 2% 2 4% 3% Mixed (left, right, and center) 7 14% 3 6% 10% No rule 0 0% 1 2% 1% Table 8 shows that about 75% of E-commerce homepages footers are using the center text alignment. Due to the left side bar space, homepages usually have center-aligned footers. Table 8. Alignments of the Footer on E-commerce Homepages E-mall E-store Total Number % Number % Left 12 27% 5 11% 19% Center 31 70% 35 80% 75% Right 0 0% 1 2% 1% Mixed 1 2% 3 7% 4.5% 4. Investigating Elements Suzanne Watzman [5] mentioned that visual design principles such as balance, harmony, and simplicity are universal principles of visual communication and organization, but the most important principle of design, she says, is that there are no rules, only guidelines. E-commerce design especially needs flexible approaches regarding business goals and consideration of the target audience. As the entrance to the site and the first impression to customers, the homepage must provide a suitable appearance based on business goals and its target audience.
6 Aaron Marcus [6] summarized this into three principles; organize, economize, and communicate. Utilizing these principles can benefit user interface design. And understanding design principles and E-commerce elements is essential to creating successful E-commerce homepages. 4.1 Site Identity Nielsen & Tahir [1] note that communicating the site purpose is very important. The general purpose of E- commerce is buying and selling. Providing information about where customers are, what the company does, and what users can do on that site is essential. Table 6 shows that almost every E-commerce homepage provides a site identity and two third of homepages have some sort of tagline. For site identity, the company name, logo, or sometimes both, and web address (URL) are used. The site identity is generally located in the top two units of the homepage (see Figure 1). The size of the site identity is limited due to the screen size and screen resolution. If the site identity is too big, the homepage will need a scroll bar to provide space for navigation and content. Most Websites repeat the site identity on each web page. It tells users that they are still on the same site. The site identity should have a unique appearance to identify its characteristics of E-commerce. A site identity that repeatedly shows up on each web page can be also used to build brand identity. Building a good brand image with a positive identity is the best way to enhance E-commerce. 4.2 Navigation Navigation that links one page to another page is one of the best advantages of the web. The three principles for successful navigation are quite obvious; navigation should be easy to use, easy to understand, and easy to learn. In addition to this, good navigation should provide information about where customers are, where they can go, and how can they go back. But providing good navigation is not that simple. Table 4 shows that text is the most widely used element for main navigation. The advantage of HTML text is that it is easy to update information and easy to interpret, as long as the customer understands what they have read. The disadvantage of HTML text is that it is difficult to create visual hierarchy and visually is not very interesting. A tab is sometimes used for utilities such as home, about us, help, etc. and is located at the top of the homepage. When a tab is used for utilities and text is used for main navigation, it causes an information hierarchy problem. Facilitating the user s goal and promoting the site s purpose are important in navigation. Information hierarchy should be considered with regard to the user s goal and the site s purpose. Figure 2-1 Main Navigation on E-mall Figure 2-2 Main Navigation on E-store
7 The data shows in figure 2-1 and 2-2 that navigational elements of E-mall homepages are generally located in the left and center of the homepage. While the navigational elements of E-store homepages are generally located in the left corner and sometimes just below the site identity. Figure 2-1 shows that E-mall homepages include navigational elements in the content area. This demonstrates that the content itself can be navigation in an E-mall homepage. In fact, this is a unique feature of the E-mall homepage. 4.3 Advertising and Content However, for E-malls location analysis data shows that E-store homepages have advertising spread throughout the page (Figure 3-1, 3-2). The data also shows that the left side is used more often for advertising than the right side. Compared to E-malls, E-stores do not have as much advertising and their advertising is generally located in the right or bottom of the page. Nielsen [7] claimed that users ignore web banner ads and recommended that other elements should not look like banners. However, banners can be used to advertise or highlighting products sold by that store. Figure 3-1 Advertising on E-mall Figure 3-2 Advertising on E-store It is recommended that the content of a website be useful and meaningful. According to Nielsen [8], users do not read the text but rather they scan it. He suggested that the body copy of a web page be structured hierarchically. Headlines, sub-headlines, and bulleted lists should be made meaningful and should highlight important information to visually improve scannability on screen. Spool et al [9] also noted the same findings and suggested the same techniques that Nielsen recommended. 4.4 Negative Space Negative space in traditional printed graphic design is very important in giving the viewer s eye a place to rest. Muller and Lockerd s research [10] showed the same phenomenon on screen: White space is necessary to provide a place where the mouse can rest. According to Spool et al [9], web pages that used more white space were less successful in helping user s find information than web pages that used less white space. They compared the amount of white space versus text density, but this is not the best way to measure the effectiveness of negative space on Websites. In terms of design principles, it is the balance between positive and negative space rather than the quantity of negative space that is most important. If the window resolution that is set by the users is the same as the window resolution specified when the web site was created, negative space on the left and right may not be visible. Homepages can have a scrollbar to extend the content area, but the window monitor size remains same. Therefore, negative space on a homepage cannot be applied in the same manner as it is in traditional printed graphic design.
8 4.5 Typography and Layout As mentioned earlier in Elements of E-commerce, the layout can be changed by HTML coding and depends on the user s window setting. Typeface, color, and size can also be changed by the user s monitor settings when the text is created using HTML. The alignment of elements on a homepage is one of most critical aspects of homepage layout. Many web designers and developers don t seem to pay attention to text alignment. Unlike layout in traditional printed graphic design, space on a web page is divided by tables to incorporate images and text. If sequences of text are created in different cells, all the text must be aligned as the same manner in HTML. When homepages have more than one alignment it creates unusual negative space and causes visual chaos. This research found that a mixed layout style causes visual chaos because the negative space is disordered. Mixed text alignments also cause unorganized space and create visual chaos. Because people scan the text on the screen, providing a natural flow for the reading and scanning of information is an important factor in website usability. To organized elements, graphic design uses grid systems. Watzman [6] mentioned that a grid is a good way to improve usability. Grids also give a consistent look and feel to the page. Due to the limitations of the monitor size and the linkable characteristics of the web, creating suitable layouts seems difficult. The implied line created by the left side of a text block creates a clean looking edge. When these invisible grid lines are well aligned, the visual chaos is reduced on homepages. 5. Conclusion The E-commerce homepage as the entrance to a Website should be attractive to customers, provide a clear purpose for the site, and provide easy navigation. Authors have also mentioned design problems that create visual chaos in homepage layouts. This research found that visual chaos was a usability hindrance and obviously affected the aesthetic quality of E-commerce homepages. Many Web designers do not seem to pay attention to text alignment and layout, nor do they understand the spatial relationships between text to text and grid columns. To optimize E-commerce homepage designs, this research suggests a grid system, especially a fixed grid system, for aligning text and images in the layout. Designing the text as a block, not as individual lines will help customers to scan information easily and find contents at a glance. To achieve this, the designer must have a detailed screen layout plan. This research did not focus on color. However, color is another consideration for designers when creating successful homepages. This research also found that E-malls and E-stores have different elements and layouts even though the main purpose of these sites is selling products. Defining and understanding the site's purpose before designing Website will be important in creating a suitable layout for E-commerce sites. A well-organized layout will create an inviting atmosphere for the E-commerce homepage. Clear navigation and information hierarchy will increase the accessibility to web pages. Easy navigation, well-organized and useful content, and a unique site identity will create a positive branding effect. References 1. Nielsen, J. and Tahir, M., Homepage Usability, New Riders, Indianapolis, Preface, (2001). 2. Mahlke, Sascha, Factors Influencing the Experience of Website Usage, CHI 2002, April 20 25, Minneapolis, Minnesota, (2002).
9 3. Van Duyne, D,K, Landay, J. A., Hong, J. I., The Design of Sites, Addison Wesley, Boston, 229 (2003). 4. Krug, Steve, Don't Make Me Think, New Riders, Indianapolis, 65 (2000). 5. Watzman, Suzanne, Visual Design Principles for Usable Interfaces, Janco, J. A. & Sears A.(Eds.), In The Human-Computer Interaction Handbook, New Jersey, (2003). 6. Aaron Marcus, Principles of Elements Visual Communication for Graphical User Interface Design, In Reading in Human-Computer Interface, 2 nd Ed., San Francisco, (1995). 7. Nielson, Jacob, The Top Ten New Mistakes of Web Design, Useit.com, (1997). 8. Nielson, Jacob, Designing Web Usability, New Riders, Indianapolis, (2000). 9. Spool, M., Scanlon T., Snyder C., Schroeder W., and DeAngelo T., Web site Usability: A Designer s Guide, Morgan Kaufmann, San Francisco, (1999). 10. Mueller, F, and Lockerd A, Cheese: Mouse Movement Activities on Websites, a Tool for User Modeling, In Extended Abstract CHI 2001, ACM, New York, (2001).
University of Manitoba Web Standards Guidelines. Version 4 - August 2012
University of Manitoba Web Standards Guidelines Version 4 - August 2012 The web is a powerful communications tool. The experience visitors have when they come to our website can either positively or negatively
More informationFAQs. How do I remove the search bar completely?
FAQs Company Logo How do I change the logo? Can I make the logo larger or smaller? How do I add change or remove the logo in the footer? Can I add a favicon? Navigation Menu How do I change my navigation
More informationStyle Guide Provided courtesy of Innovative Emergency Management Inc.
Style Guide 1. Introduction Louisiana.gov is an enterprise approach for state agencies to work together to provide citizen-centric digital government services and information. Key to achieving this goal
More informationNew! Internet Courses
Banner Blindness: Web Searchers Often Miss "Obvious" Links Jan Panero Benway David M. Lane Rice University Houston, Texas Suppose you are designing a web page where one particular link among many is likely
More informationAre Your Client Reports Brand-boosters or Brand-busters?
Are Your Client Reports Brand-boosters or Brand-busters? November 2, 2015 by Joyce Walsh Seven ways advisors can harness the power of design to better-serve clients and reinforce their brand promise Advisor
More information1.1. Design elements
1.1 Design elements 1 The fundamental design elements, color, typography, structure and imagery contribute to an optimal user experience. The following section details the specifics of these elements.
More informationCreating User-Friendly Web Sites
Creating User-Friendly Web Sites ADA National Network Knowledge Translation University of Washington Funded by NIDRR Grant # H133A11014 Table of Contents I. Information Architecture... 3 Organization...3
More informationWeb Design Foundations (2015-16)
Course Description Web Design Foundations is a course that prepares students with work-related web design skills for advancement into postsecondary education and industry. The course is intended to develop
More informationHow To Design A Website For The Decs
ONLINE COMMUNICATION SERVICES FACTSHEET - DESIGN Created by: Mark Selan Version 1.1 Date Last Modified: April 2008 DESIGN GUIDELINES FOR GENER8 WEBSITES The purpose of this document is to provide Online
More informationOutline Web Design Process
Web Process & Patterns Hall of Fame or Hall of Shame? Slides from: James Landay Two sections of pages from cnn.com ignore the fuzziness that is my screen capture 2/27/2002 1 2/27/2002 2 Hall of Fame Web
More informationCompuScholar, Inc. Alignment to Tennessee Web Design Foundations Standards
CompuScholar, Inc. Alignment to Tennessee Web Design Foundations Standards Tennessee Course Details: Course Name: Primary Career Cluster: Course Code: Credit: Grade Level: Teacher Resources: Web Design
More informationThe finalisation of the web design will be based on an indicative homepage design submitted by showpony Advertising.
KD/0/5.5/0.1 Meeting Date: 7 June 2007 Agenda Item 3 Web design As part of agreements made between the University and showpony Advertising, the work required to finalise the web design will be undertaken
More informationVirtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
More informationWeb Standards. Chapter Organization To better organize this chapter, topics are grouped according to content, design and technical criteria.
Overview This chapter addresses the University of San Diego s web standards, which are used to create consistency among university web pages and tie the university s website to its printed materials and
More informationHow To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For
How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this
More informationJoomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
More informationNEPA/DO-12 Web Based Training Design Document
NEPA/DO-12 Web Based Training Design Document October 10, 2004 Lisa Bradshaw, Annie Persson, Keith Regensburger Prototype URL http://clem.mscd.edu/~bradshaw/it6960/npsprototypemain.htm Prototype Pages
More informationCINSAY RELEASE NOTES. Cinsay Product Updates and New Features V2.1
CINSAY RELEASE NOTES Cinsay Product Updates and New Features V2.1 2011, 2012, 2013 Cinsay, Inc. All rights reserved. Use of the Cinsay software to which this document relates is governed by, and subject
More informationWeb Portal User Guide. Version 6.0
Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries
More informationSuper Resellers // Getting Started Guide. Getting Started Guide. Super Resellers. AKJZNAzsqknsxxkjnsjx Getting Started Guide Page 1
Getting Started Guide Super Resellers Getting Started Guide Page 1 Getting Started Guide: Super Resellers Version 2.1 (1.6.2012) Copyright 2012 All rights reserved. Distribution of this work or derivative
More informationUsability Issues in Web Site Design
Version 3, April 98 (available from http://www.npl.co.uk/npl/sections/us and in Proceedings of UPA 98) Usability Issues in Web Site Design Nigel Bevan National Physical Laboratory, Usability Services,
More informationWeb Design - Part 1. University of Stirling 2011 ITNP43: Interface Design & The World Wide Web 1
Web Design - Part 1 University of Stirling 2011 ITNP43: Interface Design & The World Wide Web 1 Case Study: The W W W Aim Applying the design guidelines studied so far to the World Wide Web. See the Resources
More informationPaper 10-27 Designing Web Applications: Lessons from SAS User Interface Analysts Todd Barlow, SAS Institute Inc., Cary, NC
Paper 10-27 Designing Web Applications: Lessons from SAS User Interface Analysts Todd Barlow, SAS Institute Inc., Cary, NC ABSTRACT Web application user interfaces combine aspects of non-web GUI design
More informationState of Nevada. Ektron Content Management System (CMS) Basic Training Guide
State of Nevada Ektron Content Management System (CMS) Basic Training Guide December 8, 2015 Table of Contents Logging In and Navigating to Your Website Folders... 1 Metadata What it is, How it Works...
More informationweb identity application
section eleven 99 contents elements of webpage design... 100-101 web development and design considerations...102 website examples... 103-106 elements of webpage design For purposes of identity and usability,
More informationClient Questionairre. Website Design Checklist
Client Questionairre Website Design Checklist Every website design project begins with a plan! We ve created this to help you define your requirements, preferences, and resources. When you put the plan
More informationAccess 2007 Creating Forms Table of Contents
Access 2007 Creating Forms Table of Contents CREATING FORMS IN ACCESS 2007... 3 UNDERSTAND LAYOUT VIEW AND DESIGN VIEW... 3 LAYOUT VIEW... 3 DESIGN VIEW... 3 UNDERSTAND CONTROLS... 4 BOUND CONTROL... 4
More informationHow to Build a SharePoint Website
How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables
More informationCreating a Restaurant Website
11 Creating a Restaurant Website In This Lesson This lesson looks at the process of creating a small business website, in this case for a restaurant. Starting from a needs analysis, this lesson shows you
More informationHomepage Design and Layout
Chapter 5 The Homepage The homepage is different from all other website pages. A well-constructed homepage will project a good fir s t impression to all who visit the site. It is important to ensure that
More informationSVSU Websites Style Guide. Need help? Call the ITD Lab, x7471
SVSU Websites Style Guide SVSU Websites Style Guide Need help? Call the ITD Lab, x7471 1 SVSU Websites Style Guide Contents Writing for the Web...3 Questions to Ask Yourself...3 Who is our priority audience?...3
More informationDesigning for Overseas Chinese Readers: Some Guidelines
Designing for Overseas Chinese Readers: Some Guidelines by Li Cao University of Washington With its economy strong and its telecommunication infrastructure being improved rapidly in recent years, China
More informationComposition and Layout Techniques
Composition and Layout Techniques Composition Techniques Composition Composition is the placement or arrangement of visual elements or ingredients in a work of art, as distinct from the subject of a work.
More informationintroduces the subject matter, presents clear navigation, is easy to visually scan, and leads to more in-depth content. Additional Resources 10
STYLE GUIDE Style Guide for Course Design Think of your Moodle course page as the homepage of a website. An effective homepage: introduces the subject matter, presents clear navigation, is easy to visually
More informationCreate a Google Site in DonsApp
Create a Google Site in DonsApp 1 Google Web Site Interactive. Constructivist. Collaborative. Communities. WHAT IS GOOGLE SITE? With one single click, you can create a website without any knowledge of
More informationWriter Guide. Chapter 15 Using Forms in Writer
Writer Guide Chapter 15 Using Forms in Writer Copyright This document is Copyright 2005 2008 by its contributors as listed in the section titled Authors. You may distribute it and/or modify it under the
More informationRental Property Manager 2. User Manual
Rental Property Manager 2 User Manual Copyright 2008, Source IT. All rights reserved. All rights reserved. This publication is provided to support users of Source IT software. Despite its marvelous usefulness
More informationHistory Explorer. View and Export Logged Print Job Information WHITE PAPER
History Explorer View and Export Logged Print Job Information WHITE PAPER Contents Overview 3 Logging Information to the System Database 4 Logging Print Job Information from BarTender Designer 4 Logging
More informationCONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide
CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5
More informationPE Content and Methods Create a Website Portfolio using MS Word
PE Content and Methods Create a Website Portfolio using MS Word Contents Here s what you will be creating:... 2 Before you start, do this first:... 2 Creating a Home Page... 3 Adding a Background Color
More informationTasmanian Government Web Design and Navigation Guidelines
Tasmanian Government Web Design and Navigation Guidelines Version 2.1, July 2010 Office of egovernment Department of Premier and Cabinet Table of Contents Amendments in this release... 3 1 Introduction...
More informationE-commerce Website Manual
E-commerce Version 2, July 2014 800 Viewfield Road Victoria, BC V9A 4V1 Local: (250) 384-0565 Toll Free: 1-800-735-3433 sales@monk.ca service@monk.ca Monk Office s new e-commerce site is your personalized
More informationAdobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
More informationCreate a Poster Using Publisher
Contents 1. Introduction 1. Starting Publisher 2. Create a Poster Template 5. Aligning your images and text 7. Apply a background 12. Add text to your poster 14. Add pictures to your poster 17. Add graphs
More informationCactus Commerce ~ Expert Usability Review of High Profile e Commerce Web Designs
Summary Cactus Commerce ~ Expert Usability Review of High Profile e Commerce Designs While employed as the Training Director at HFI, I taught a UCD Design course at Cactus Commerce, an award winning e
More informationWeb Ninja CMS User Manual. Specialists in Integrated E-Commerce Solutions
Web Ninja CMS User Manual Specialists in Integrated E-Commerce Solutions Table of Contents Login 2 File Manager 14 CMS Layout 3 SEO Manager 15 Customers 4 Software Pages 16 Customer Details 5 Block Content
More informationGuide To Creating Academic Posters Using Microsoft PowerPoint 2010
Guide To Creating Academic Posters Using Microsoft PowerPoint 2010 INFORMATION SERVICES Version 3.0 July 2011 Table of Contents Section 1 - Introduction... 1 Section 2 - Initial Preparation... 2 2.1 Overall
More informationOPACs' Users' Interface Do They Need Any Improvements? Discussion on Tools, Technology, and Methodology
Open Access: This text is available at: http://edoc.hu-berlin.de/conferences/bobcatsss2008/ OPACs' Users' Interface Do They Need Any Improvements? Discussion on Tools, Technology, and Methodology Piotr
More informationSecrets of Online Marketing for Offline Businesses Mini-Course by www.marketing-results.com.au. Chapter 4 Design Secrets Of Websites That Sell
Secrets of Online Marketing for Offline Businesses Mini-Course by www.marketing-results.com.au Chapter 4 Design Secrets Of Websites That Sell Just like art, everyone has different opinions about what makes
More informationPositioning Container Elements
Advanced Lesson Group 3 - Element Positioning with CSS Positioning Container Elements The position: style property is used to move block elements to a specific location on the web page. The position style
More informationUser Guide. Chapter 6. Teacher Pages
User Guide Chapter 6 s Table of Contents 1. Introduction... 4 I. Enhancements... 5 II. Tips... 6 2. Key Information... 7 3. How to Add a... 8 4. How to Edit... 10 I. SharpSchool s WYSIWYG Editor... 11
More informationUSER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE
USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE 1 TABLE OF CONTENTS Introduction 3 Parts of the Government Web Template (GWT) 4 Logging In and Getting Started 5 GWT Joomla! Module Map 8 Editing the Top Bar
More informationPage Layout. Page Layout. All Web pages should be structured for ease of
6 All Web pages should be structured for ease of comprehension. This includes putting items on the page in an order that reflects their relative importance. Designers should place important items consistently,
More informationEmail Guidelines. The following guidelines are for companies who develop email HTML design/creative and copy.
The following guidelines are for companies who develop email HTML design/creative and copy. In today s email environment it is imperative that mailers consider the limitations presented by email readers
More informationSAS BI Dashboard 3.1. User s Guide
SAS BI Dashboard 3.1 User s Guide The correct bibliographic citation for this manual is as follows: SAS Institute Inc. 2007. SAS BI Dashboard 3.1: User s Guide. Cary, NC: SAS Institute Inc. SAS BI Dashboard
More informationHTML Email Template for Northstar UI guidelines
I. General Requirements... 1 II. Visual Specifications... 2 III. Email template types (purpose of the email)... 2 IV. Email template formats... 2 V. Main Elements... 6 Pre-header... 7 Header... 7 Email
More informationWebsite Builder Manual
Fasthosts Customer Support Website Builder Manual This is a designed as a definitive guide to all the features and tools available within Website Builder. Contents Introduction... 4 Adding Content... 5
More informationTable of Contents. Introduction... 1 Technical Support... 1
E-commerce Table of Contents Introduction... 1 Technical Support... 1 Introduction... 1 Getting Started... 2 Data Synchronization... 2 General Website Settings... 2 Customer Groups Settings... 3 New Accounts
More informationIn this session, we will explain some of the basics of word processing. 1. Start Microsoft Word 11. Edit the Document cut & move
WORD PROCESSING In this session, we will explain some of the basics of word processing. The following are the outlines: 1. Start Microsoft Word 11. Edit the Document cut & move 2. Describe the Word Screen
More informationADOBE MUSE. Building your first website
ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample
More informationDreamweaver and Fireworks MX Integration Brian Hogan
Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The
More informationWhere do I start? DIGICATION E-PORTFOLIO HELP GUIDE. Log in to Digication
You will be directed to the "Portfolio Settings! page. On this page you will fill out basic DIGICATION E-PORTFOLIO HELP GUIDE Where do I start? Log in to Digication Go to your school!s Digication login
More informationPASTPERFECT-ONLINE DESIGN GUIDE
PASTPERFECT-ONLINE DESIGN GUIDE INTRODUCTION Making your collections available and searchable online to Internet visitors is an exciting venture, now made easier with PastPerfect-Online. Once you have
More informationCMS Basic Training. Getting Started
The (Content Management System), was designed to allow most people in an organization to contribute to or edit their website(s). Utilizing a set of templates and stylesheets, users can add or edit information
More informationChapter 15 Using Forms in Writer
Writer Guide Chapter 15 Using Forms in Writer OpenOffice.org Copyright This document is Copyright 2005 2006 by its contributors as listed in the section titled Authors. You can distribute it and/or modify
More informationBuilding Your First Drupal 8 Company Site
Building Websites with Drupal: Learn from the Experts Article Series Building Your First Drupal 8 Company Site by Todd Tomlinson July, 2014 Unicon is a Registered Trademark of Unicon, Inc. All other product
More informationThe AA Style Guide VC501 Historical and Contextual Studies Tyrone Duke
The AA Style Guide VC501 Historical and Contextual Studies Tyrone Duke For the road ahead Logo The AA logo is one of the most recognised logos in the UK. Modern style requirements have updated it, but
More informationBEST PRACTICES EMAIL DESIGN
BEST PRACTICES for EFFECTIVE EMAIL DESIGN July 2008 BEST PRACTICES for EFFECTIVE EMAIL DESIGN The number of professionals and businesses using email as part of their marketing campaign is growing. According
More informationCCSIF Website Content Analysis and Usability Evaluation
Proximity Inc. Daniel Chen Proximity Inc. Phone 416 972 5459 2 Bloor Street West, 29th Floor, Toronto, ON M4W 3R6 CCSIF Website Content Analysis and Usability Evaluation By Daniel Chen Section 1 Background
More informationSiteBuilder 2.1 Manual
SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can
More informationDocumentation. Jun 2016 THEME CREATED BY
Documentation Jun 2016 THEME CREATED BY Preface A future proof webshop? Install theme Fusion NOW and make doing business easy! The Fusion theme is a Full Responsive for the SEOshop e-commerce platform
More informationOn the Email Marketing home page, click the arrow to expand the Admin Tools area. Admin Tools
Email Marketing How-To Document November 2010 Email Marketing Admin Tools On the Email Marketing home page, click the arrow to expand the Admin Tools area. Admin Tools Global Email Settings Design Templates
More informationMicrosoft Access 2010 Overview of Basics
Opening Screen Access 2010 launches with a window allowing you to: create a new database from a template; create a new template from scratch; or open an existing database. Open existing Templates Create
More informationDreamweaver Domain 2: Planning Site Design and Page Layout
Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing
More informationEmail Graphic Design Best Practices
Email For Advocacy and Community Organizing: Basics, Essentials, and Best Practices Email Graphic Design Best Practices These training materials have been prepared by Aspiration in partnership with Radical
More informationWEB DESIGN WORKSHEET
WEB DESIGN WORKSHEET The perfect website is the result of a collaborative effort between you and Xpertwebs. To help us in this effort, we have developed a worksheet that will help you clarify your thoughts.
More informationSoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production
SoftChalk Level 1 University Information Technology Services Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production Page 1 of 49 Copyright 2013 KSU Department of University Information
More informationUnique Value Proposition (UVP) and Your Website Designing
Law Firm Marketing Checklist By Alan Weiss, aussiedivorce.com.au criminallegal.com.au t h e r e a r e o v e r 4 0, 0 0 0 s e a r c h e s o n G o o g l e e v e r y s e c o n d. I t t a k e s 5 s e c o n
More informationSmallBiz Dynamic Theme User Guide
SmallBiz Dynamic Theme User Guide Table of Contents Introduction... 3 Create Your Website in Just 5 Minutes... 3 Before Your Installation Begins... 4 Installing the Small Biz Theme... 4 Customizing the
More informationThe Importance of Good Site Organization Good Search Engine Optimization begins with good site organization
The Importance of Good Site Organization Good Search Engine Optimization begins with good site organization The Importance of Good Site Organization Start with the Google Search Optimization Starter Guide
More informationFacebook Page Management for Beginners Training Manual
Facebook Page Management for Beginners Training Manual Contents 1.0 Executive Summary... 4 2.0 Introduction to Facebook... 4 2.1 Facebook Statistics... 4 2.2. Facebook Pages... 5 2.3 Facebook Demographics...
More informationTheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style.
TheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style. 1 Table of Contents What is a Web Style Guide? 3 Updating and creating a website 4 Layout and
More informationShopping Cart Manual. Written by Shawn Xavier Mendoza
Shopping Cart Manual Written by Shawn Xavier Mendoza Table of Contents 1 Disclaimer This manual assumes that you are using Wix.com for website creation, and so this method may not work for all other online
More informationClient Admin Site Adding/Editing Content Under Site Builder/Site Navigation Tutorial by Commerce Promote
SiteBuilder (Adding/Editing Content) Enable web pages on your website Add and format text and images Upload images Create Image Links Create Sub Levels Create Hyperlinks Upload Data files (ppt,xls,word
More informationQuick Reference Guide
Simplified Web Interface for Teachers Quick Reference Guide Online Development Center Site Profile 5 These fields will be pre-populated with your information { 1 2 3 4 Key 1) Website Title: Enter the name
More informationINFOASSIST: REPORTING MADE SIMPLE
INFOASSIST: REPORTING MADE SIMPLE BRIAN CARTER INFORMATION BUILDERS SUMMIT 2010 USERS CONFERENCE JUNE 2010 Presentation Abstract: InfoAssist, WebFOCUS' browser-based ad hoc reporting tool, provides a single
More informationADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO
More informationMicrosoft Office PowerPoint 2003. Creating a new presentation from a design template. Creating a new presentation from a design template
Microsoft Office PowerPoint 2003 Tutorial 2 Applying and Modifying Text and Graphic Objects 1 Creating a new presentation from a design template Click File on the menu bar, and then click New Click the
More informationPersonal Portfolios on Blackboard
Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal
More informationThe Home link will bring you back to the Dashboard after. Workflows alert you to outstanding assets waiting for approval or review.
Gonzaga University s content management system (CMS) is a software program that allows individuals to create and edit departmental websites. This tutorial demonstrates commonly used CMS functions. For
More informationBest Practice in Web Design
Best Practice in Web Design Irrespective of whether you are intending to use a flat 'brochureware' website or an interactive e- commerce site, the overall look and feel of your website will play an important
More informationWeb Ambassador Training on the CMS
Web Ambassador Training on the CMS Learning Objectives Upon completion of this training, participants will be able to: Describe what is a CMS and how to login Upload files and images Organize content Create
More informationUser Guide for Students. Instructions for Building a Website in Omeka.net for a Class Project
User Guide for Students Instructions for Building a Website in Omeka.net for a Class Project Roy Rosenzweig Center for History and New Media, 2011 Table of Contents Overview 1 Use Case: Students 1 Step-by-Step
More informationClient Quick Start Guide. A User Guide for New ihomefinder Partners
Client Quick Start Guide A User Guide for New ihomefinder Partners Introduction Congratulations on your decision to integrate ihomefinder tools into your Website. Customers increasingly turn to the Internet
More informationWebFOCUS BI Portal: S.I.M.P.L.E. as can be
WebFOCUS BI Portal: S.I.M.P.L.E. as can be Author: Matthew Lerner Company: Information Builders Presentation Abstract: This hands-on session will introduce attendees to the new WebFOCUS BI Portal. We will
More informationWebsite Creation Service: User s Guide
Service: User s Guide 1 Table of Contents 1) Connecting to Your Online Interface 2) Start Creating Your Website 3) Managing Website Pages 4) Managing Website Content 5) Integrating Widgets and Other Content
More informationNewsletter Design, Layout and Content Tips
Newsletter Design, Layout and Content Tips Entry Name: National Corvette Museum Newsletter Competition Score Sheet Vital Information: Each category is worth 1 point; Maximum of 10 points in this section.
More informationJoomla Article Advanced Topics: Table Layouts
Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand
More informationDESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site
Page 1 of 22 DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site Before you create your Web site, ask yourself these questions: What do I want the site to do? Whom do I want to visit
More informationGoogle Sites: Creating, editing, and sharing a site
Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly
More information