Free Essay

Good vs Bad Web Design

In:

Submitted By las8978
Words 1162
Pages 5
Leslie Steele
Speech 101
July 2011

5-8 seconds. That’s the average amount of time it takes for a website visitor to decide to stay or leave the site. Most website visitors are in a hurry to find information, and if they don’t find what they are looking for, they will leave the site. The site designer needs to produce a site that is not only is visually appealing, but also has a clear purpose, is quick loading and easy to navigate, meaning the areas to click to get to the other pages within the website are easy to find. A well-designed website should persuade the visitor to want to spend more time visiting the site and return to it again in the future. Poorly designed websites have a tendency to “shock” the visitor by using unreadable combinations of color (like a blue background with red text), confusing layout, unclear or unusable navigation and unreadable fonts.
These are some aspects that determine the design differences between a “successful” and an “unsuccessful” website, which is what I’m going to talk about. Web design and development is my major, and knowing these differences are some of the basics we are taught. So how is it decided that a website is good or bad? Everyone has their own opinion so it can sometimes be difficult to make this determination, but there are quite a few aspects that most professional web designers agree upon when designing a website for a client.
The first aspect is purpose and clarity. Successful websites have a well-defined purpose, so focusing on this aspect is helpful in the design process. Some things to consider are: will the site be a source of information on a topic, endorsing a service, advertising a product, or to inform people about you? If the purpose is to make money, the website will require different features than an informational type of website or a site that is intended for family and friends. It should be clear what the site visitor can get from the site, such as what products are available for purchase and why the visitor should choose to do business through that website. Or, if the site is a blog, it should be communicated to the visitor what the blog is about. A website about a service, like landscaping, accounting, vehicle repairs, etc., should have those services clearly presented to the site visitor.
The second part of determining a good or bad website is accessibility and usability. They are similar, yet are considered to be separate topics. An accessible website will not exclude visitors who use certain browsers or have disabilities and use aids like screen readers for the visually impaired. Basically, if the site is inaccessible, it isn’t usable either. Ultimately, the success of a website is determined by the visitors so they should be the focus during website planning and development. Frequently, designers or website owners get easily distracted by their own wants and needs for the website, and this causes the site to be considered a poorly-designed website.
The third aspect of designing a successful website is clear navigation. If the visitors cannot find their way around, they will most certainly leave the website. The designer needs to make it as easy as possible for the visitor to find what they are looking for. Many websites use common techniques for the navigation menu, which is an area like a horizontal or vertical bar that has text to click on to go to other pages in the website. Normally, the site will have a primary navigational area that will allow the visitor to visit the other pages on the website. When web designers create the navigational area, we are taught to consider what pages will most likely be most useful by the visitors, which pages are the most important for the purpose of the site, and how the visitors will want to move from page to page.
The fourth and final aspect that I’m going to cover is appearance. Some specific visual areas to consider include text, graphics, and the background image or color. According to an expert web developer, HACC Professor Eric Yoxheimer, you can really discredit yourself if you use the wrong font and color for the foreground and background. Not every design will be an award-winner, but the design should present a professional image and should complement the site’s message and purpose, as well as the targeted audience. To have a successful website, it’s vital for a web designer to understand what the website visitor is seeing. Anything that distracts the visitor's eye from the contents of the pages should be avoided. Giving the eye room to rest is highly recommended, rather than overcrowding the page. These rest areas are referred to as “white space”. Its importance is commonly overlooked by amateur designers. Some important aspects of appearance are position, alignment, consistency, spacing, color, contrast, size, and design elements.

Now, I’d like to show you a few examples of some bad designs.

I discovered this website thanks to www.webpagesthatsuck.com, where it was ranked in the top 5 worst websites of 2008. There is serious lack of color control & clear navigation on this website.

This is Pine-sol’s website? This doesn’t give me the impression of “clean & fresh”. The various colors & sizes of the boxes make it difficult for the eye to decide where to stop first. The site designer definitely did not make good choices when it comes to white space. Navigating around this site is not easy either. If you get too close to the almost unnoticeable arrows at the top, sides, and bottom of the window, the page automatically starts scrolling.

This website is for George Hutchins, candidate for US Congress. This does very little to help voters take him seriously, so his campaign may suffer as a result. There’s too much use of capital letters, colors, and of course, all those graphics… and unfortunately, the site goes on and on & looks just as bad as what you see here. Here’s another part of the same site:

And finally, here are some examples of good designs. The navigation menus are clear and easy to find. There’s no guessing how to get from the main page to any other page on these websites. There is excellent use of color, graphics, and the pages are well-organized to find information presented to the visitor. The eye is being led by the designer to the important areas and there’s also good use of white space.

There is much more to the subject of Web Design than what I showed you today. Most website visitors do not realize what all goes into creating a website. But maybe the next time you are visiting a website, you will have a better appreciation for good design and will be able to better decide whether that site is a good one or not.

Similar Documents

Free Essay

Mobile Usability

...Mobile Usability Jakob Nielsen and Raluca Budiu New Riders 1249 Eighth Street Berkeley, CA 94710 Find us on the Web at www.newriders.com To report errors, please send a note to errata@peachpit.com New Riders is an imprint of Peachpit, a division of Pearson Education. Copyright © 2013 by The Nielsen Norman Group Senior Editor: Susan Rimerman Copy Editor: Anne Marie Walker Proofer: Emily K. Wolman Indexer: James Minkin Production Editor: Tracey Croom Composition: Danielle Foster Cover Design: Peachpit Press Notice of Rights All rights reserved. No part of this book may be reproduced or transmitted in any form by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior written permission of the publisher. For information on getting permission for reprints and excerpts, contact permissions@peachpit.com. Notice of Liability The information in this book is distributed on an “As Is” basis, without warranty. While every precaution has been taken in the preparation of the book, neither the authors nor Peachpit shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the instructions contained in this book or by the computer software and hardware products described in it. Trademarks Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and Peachpit was aware of...

Words: 13847 - Pages: 56

Free Essay

Web Site Navigational Structure: an Argumentative Analysis on Web Site Design and Usability

...Running Head: Web Site Navigation Structure: An Argumentative Analysis on Web Site Design and Usability Web Site Navigational Structure: An Argumentative Analysis on Web Site Design and Usability Yu Wen Chiang Northeastern University Advanced Writing in the Disciplines Professor Suzanne Richard October 18, 2012 Running Head: Web Site Navigation Structure: An Argumentative Analysis on Web Site Design and Usability Introduction Many designers and engineers seem to be discussing what is good and bad user experience and how we’re supposed to delight our users so that they navigate our websites with ease. User experience can be a very blurry concept and consequently, many people use the term incorrectly. Many engineers seem to have a firm (and often unrealistic) belief in how they can craft the user experience of their product. However, a UX depends not only on how something is designed, but also other aspects such as clean, clear sign-up forms, smooth on-boarding experiences, and even helpful blank slates once users are inside applications. Design flows that are tied to clear objectives allow us to create a positive user experience and a valuable one for the business we’re working for. “Web sites are not always as successful or as usable as they could be. Users can encounter various problems when trying to acquire knowledge from a Web site and trying to use a Web site’s functionalities.” (X. Fang, 2012, p.453) Because the Web design industry is now flooded with...

Words: 2519 - Pages: 11

Premium Essay

Major Business Formation Types: Pros & Cons

...types. First I will discuss the sole proprietor formation, then the general and limited partnership, the corporation formation and then the limited liability company. I will focus on the main advantages and disadvantages of the formations and decide which one would be best for a design firm. A sole proprietorship is similar to a freelancer, in a sense that one person is the boss and has responsibility over everything. They are taxed similarly as well. One advantage is that the owner would receive all profits. On the other hand they are also responsible for all losses and debts. There are two types of partnerships. You have a general partnership where each partner is responsible for everything, good or bad. Then you have a limited partnership where the limited partner is there for investment purposes only. Having a general partner would be great for splitting the workload and finishing projects at a faster rate. But if one partner is being sued the company and the other partner is at risk as well. In a limited partnership there is usually just one general partner and it could be numerous limited partners. Limited partners basically make investments in exchange for a share of the profits from the design firm. Limited partnerships allow the general partner to run the firm without any interference. A corporation is a company or a group of people authorized to act as one. Corporations are separate legally from the people they are made up of. If the company gets sued the only assets...

Words: 458 - Pages: 2

Premium Essay

Computer Nsa

... NT1110 11-19-14 IPads and other portable computing devices I learned about the Galaxy Tab S which is a dazzling iPad alternative that packs a best in class display, which makes everything from movies and photos to games pop off the screen. I also like the very thin and light design, which is even slimmer than the iPad Air. The Galaxy Tab S is $334.99. Samsung adds some clever software innovations, such as Side Sync 3.0 for taking calls from your tablet via your Galaxy phone. It has a 9 hour battery life and you have a nice Android tablet for work and play. The only bad things about the Galaxy Tab S is the Performance lags at times, Covers are awkward to use and the Camera washes out some images but other than that everything else is good. The Galaxy Tab S has a superbly rich display, clever software and long battery life make the Galaxy Tab S a compelling big screen Android tablet. I also learned about the new 12 inch Surface Pro 3 which was made to replace your laptop and your tablet with one sleek work ready device. And despite the different target markets and purposes the comparisons with Apple's iPad Air at $399.99 at Best Buy. They're both essentially slick metal-clad tablets, but they are very different in weight. The screen is...

Words: 586 - Pages: 3

Premium Essay

Internet and E-Business

...INTERNET & E-BUSINESS EWebsite Design Course Instructor: Ms. Hira Jawaid Overview  Characteristics of Web Pages  Print vs. Web Pages  Elements of Web Page Design  Principles of Web Page Content  Dos and Don’ts  Website Reader Friendliness Checklist  Exercise 2 Characteristics of Web Pages  Create building blocks of a website, like a page in a book  Require a browser such as Internet Explorer, Firefox etc to be viewed  Contain HTML (hyper text markup language) code to define format and functions  Include text, downloadable files, audio, video and animation in different formats  Allow non linear navigation to other pages through hyperlinks 3 Print vs. Web Pages: Similarities  Writing principles ◦ Customized content for different user groups ◦ Clear, concise, accurate, and relevant content ◦ Simple and easy-to-understand language  Design elements ◦ Good typography ◦ White space, emphasis, and contrast ◦ Simple, clutter free page design and layout 4 Print vs. Web Pages: Differences Features Print Pages Web Pages Content Uniform for all users User specific content Links and labels Not available Standard features Navigation tools Not available Standard features 6 Distribution Limited / local distribution Global distribution Sound and Animation Not available Available in different formats Performance ...

Words: 3595 - Pages: 15

Premium Essay

Internet and E-Business

...INTERNET & E-BUSINESS EWebsite Design Course Instructor: Ms. Hira Jawaid Overview  Characteristics of Web Pages  Print vs. Web Pages  Elements of Web Page Design  Principles of Web Page Content  Dos and Don’ts  Website Reader Friendliness Checklist  Exercise 2 Characteristics of Web Pages  Create building blocks of a website, like a page in a book  Require a browser such as Internet Explorer, Firefox etc to be viewed  Contain HTML (hyper text markup language) code to define format and functions  Include text, downloadable files, audio, video and animation in different formats  Allow non linear navigation to other pages through hyperlinks 3 Print vs. Web Pages: Similarities  Writing principles ◦ Customized content for different user groups ◦ Clear, concise, accurate, and relevant content ◦ Simple and easy-to-understand language  Design elements ◦ Good typography ◦ White space, emphasis, and contrast ◦ Simple, clutter free page design and layout 4 Print vs. Web Pages: Differences Features Print Pages Web Pages Content Uniform for all users User specific content Links and labels Not available Standard features Navigation tools Not available Standard features 6 Distribution Limited / local distribution Global distribution Sound and Animation Not available Available in different formats Performance Does not vary Internet speed affects performance Interactivity Low volume and delayed response times Instant response...

Words: 3595 - Pages: 15

Premium Essay

Microsoft Beginnings

...Microsoft Microsoft started from humble beginnings in 1975, and soon rose to become one of the biggest companies in modern history. Today, Microsoft is having record revenues, making a total of $18.06 billion dollars last quarter (Forbes). Microsoft affects almost everyone’s life in the US daily, whether it is kids on their Xbox, to desk workers using Windows Office each day to accomplish their work, people use Windows every day. From Microsoft’s early beginnings to its multibillion-dollar company today, Windows has had success from the start, and will continue to for the coming decades. Two men in 1975; Bill Gates and Paul Allen founded Microsoft. (History of Windows) They started out with MS-DOS, their first operating system. The companies’ first headquarters was in Albuquerque, New Mexico, but after signing some pivotal contracts with IBM, they moved to their headquarters in Bellevue, Washington in 1979.(History of Windows) Working side by side with IBM to develop OS/2, Microsoft released their new product, Microsoft Windows. It was a graphical extension of MS-DOS. On March 13th, 1986, Microsoft went public, which would result in 4 billionaires and an estimated 12,000 millionaires being created from the ensuing rise in stock. (Forbes) Along with its partnership with IBM came allegations that they were trying to monopolize the computer industry. The Federal Trade Commission set its sights on Microsoft and began almost a decade of legal battles between Microsoft and the...

Words: 1366 - Pages: 6

Premium Essay

Case Study Blu Ray vs. Hddvd

...versus HD-DVD? Discuss and justify your answer using the theory behind the selection of dominant designs. Intro; In the early 2000’s Toshiba and Sony, two tech giants went head to head to provide homes with the next generation of high definition video. Toshiba’s new technology was called HD-DVD and was compatible with the old technology, DVD. Sony released Blu-Ray which required a new playing system altogether. After both companies had secured major contracts in the entertainment industry there was one moment that helped Sony to become the dominant product. Time Warner, formerly in alliance with Toshiba, switched to Sony prompting other undecided companies, including Walmart and Netflix, to follow suite. After this the tech war was effectively over and Toshiba ceased production of HD-DVD’s and components. Although at the same time an alternative product for watching movies was growing; online streaming. This provided a similar experience, depending on how fast the internet was in the area, but at a cheaper cost of being digital media. Consumers; in the fight for supremacy the early adopters of the technology are very influential because they will be more likely to have researched about which product was better based on technical factors, giving an indication to the followers which format is ‘better’. Another factor to help customers choose is the availability of complementary goods. Both companies secured contracts with major film makers, Toshiba initially secured Time Warner...

Words: 1869 - Pages: 8

Free Essay

Rim Paper

... Some of the challenges RIM faced to protect their intellectual property ignited a myriad of legal battles that wounded the Blackberry giant fatally from which RIM never recovered totally to this date. Below are summaries of litigation battles that originated after RIM, amongst other companies, decided to ignore a licensee contract agreement proposed by a Virginia based holding company in the year 2000. The US intellectual property holding company that sent the memorandum notice to RIM as well as to other technology companies and initiated the downfall of RIM was New Technology Products (NTP). 1. New Technology Products (NTP) Vs. Research in Motion (RIM) In 2001, NTP, an intellectual property holding company of at least 50 US patents, which focused on inventions in the fields of wireless email and Radio Frequency (RF) antenna design, filed a suit against RIM for patent infringement. NTP was known from actively pursuing and enforcing its patents rights primary assets accused RIM of violating its patents covering the use of RF and wireless communications in email systems (Reeve, 2007). After five years (2001-2006) of expensive litigation proceedings, RIM settled with...

Words: 2070 - Pages: 9

Premium Essay

Sears Marketing Case

...40 References 46 Appendix 49 List of Illustrations Figures Page Figure 1.0: Sears Brands 5 Figure 2.0: Respondent’s Gender 21 Figure 3.0: Past Six Months Mall Visits 22 Figure 4.0: Clothing Stores 23 Figure 5.0: Percent of Respondents that Purchased Fitness Equipment in the Past Two Years 24 Figure 6.0: Fitness Equipment Purchase Location 24 Figure 7.0: Most Popular Sears Brands 28 Figure 8.0: Incentives to Increase the Probability of Entering a Store 30 Figure 9.0: Social Media 31 Figure 10.0: Facebook Presence 32 Figure 11.0: Gender vs. Mall Visits 35 Tables Page Table 1.0: Respondent’s Age 22 Table 2.0: The Appeal of the Kardashian Kollection to Females 23 Table 3.0: Perception of Sears 25 Table 4.0: Cause Marketing Practices 29 Table 5.0: Mall Visits vs. Store Location 33 Table 6.0: Price vs. Trendiness 34 Table 7.0: The Relationship between Perception of Service and Age 36 Executive Summary Objectives This study was an investigation of college students’ perceptions of Sears Department Stores. These included specific aspects that improved consumers perceptions of Sears, and what didn’t. These were also used to...

Words: 13228 - Pages: 53

Premium Essay

Toms Shoes

...alpargata shoe. They are a form of shoes worn by Argentina farmers. These shoes are known for being very breathable because of their lightweight canvas top and leather insole. (http://www.wordnik.com/words/) They are slip-on as well as resilient, which helps in the fighting of podoconiosis, also known as “Mossy Foot”. This is a foot disease many people obtain from not wearing shoes while working in heavy soil. Fungus gets into the pores on the bottom of the foot and ends up destroying the lympathatic system (the tissue that fights against bacteria). TOMS is working to fight the disease and help bring shoes to people in need. (http://tomsshoes.com) TOMS has used its creativity skills to create other styles of shoes. For example they create many designs of shoes other than the classic farming shoe pictured above. Products of TOMS include, botas (a high top sort of sneaker), cordones (a low top sneaker like shoe), wedges for women, and a tall wrap boot for women. TOMS has decided to expand even further and they are creating t-shirts, necklaces, and hats...

Words: 2903 - Pages: 12

Free Essay

Tips for Questionaire

...Tips for Writing Questionnaire Items Office of Educational Assessment Last Updated: October 2006 This handout is provided by the UW Office of Educational Assessment (OEA) as a resource for WebQ  workshop attendees who want some basic tips for writing questionnaire items.  It does not address  broader aspects of survey and research design, but additional resources can be found on our web site:   http://www.washington.edu/oea.  OEA also provides a variety of consulting and research support  services; please feel free to contact us if you are interested in assistance with a research, assessment, or  evaluation project (baytam@u.washington.edu, 206‐543‐5190).  TIP 1: BE RELEVANT Before starting your survey, you should specify one or several over‐arching questions you wish to  address (i.e., research questions or evaluation questions).  Your questionnaire items should be focused  around these questions.  Different Domains of Questions: Behavior, Beliefs, and Evaluation Does providing optional, online practice quizzes help students learn the material in my course?  Behavior Of the ten optional online practice quizzes, how many did you complete? Completing the online practice quizzes helped me learn the material in this course. How satisfied were you with the online quizzes? 0 1–2 3– 5 6–7 8– 9 10 Beliefs Strongly Disagree Extremely Dissatisfied Disagree Neutral Agree Strongly Agree Extremely Satisfied Evaluation Somewhat Dissatisfied Somewhat Satisfied ...

Words: 1630 - Pages: 7

Premium Essay

Rebranding and Corporate Identity Fails

...Bachelor of Business (Honours) In Accounting Semester 3 Module: Social Media Communications and Research CA 3 Rebranding and Corporate Identity Fails – learning from other`s mistakes Lecturer: Aisling Duhy Submission Date: 03/12/2012 Students: Shane O`Connor X00094606 Paige Crabtree X00088459 Table of Contents: Executive Summary Terms of reference Kodak company history Employee viewpoint Section 1 Rebranding Examples of rebranding fails London Olympics Tropicana Example of rebranding success Influence of alternatives Section 2 Research Exploratory research Focus groups In-depth interview Projective techniques Descriptive research Surveys Observations Panels Primary research recommendations Why use market research Why Kodak need to conduct primary research Results and conclusions references The survey Executive Summary The objective of this report is to pick a company and examine whether or not rebranding would be appropriate for a rebranding. My chosen company is Kodak Eastman. In This report I will cover the following things: Terms of Reference This report was commissioned by my Social Media Communications and Research lecturer Aishling as part of an assessment for that module within the Bachelor of Business (Honours) in Accounting at the Institute of Technology Tallaght. It accounts for 40% of the final marks and provides an insight into whether or not rebranding would be appropriate for my chosen company. My chosen...

Words: 5590 - Pages: 23

Premium Essay

Assignment 3

...Jan 25 2016 Our organization is set up in a relatively flat design structure, there are two side to the business, operations and sales. On the operations side we have multiples businesses that work in conjuction with each other,we on boarding local CEOs who know the market trends of that area, as well as the cultural issues. To ensure that all the financial reporting is being standardized they bring over a Canadian VP finance. But the Brother are the major plays in all the decisions down, and the levels below them are setup to execute said decisions. With the majority of sales being in Canada they split the sales into two areas, retail such as No Frills, and food service such as The Works. Then also have started developing outside businesses to feed into the company right now they have set up a deliver company to ensure that they are able ensure timely deliveries in their supply chain. With having a relatively flat design structure the company is able to implement change extremely quickly and that can give us a competitive advantage. But it also has its down side, one is motivation, as the Brothers are in the decision making business, it stops other from taking a leadership role because they know it will be done by the Brothers. The flatness also causes issues for long term employee's if there are only so many level employee's may fell that they do not have any chance to move up in the company and good talented people will leave thus allowing for more turn over and less...

Words: 3723 - Pages: 15

Premium Essay

Ics Final Exam Study Guide

...Self-Improvement 2. Relaxation and excitement 3. Creating 4. Becoming better iv. People Fun 1. Just to spend time with friends 2. Build teamwork and comraderie 3. Enjoy rivalries f. WTF [for Games]: “Where‘s the Fun.” II. Week 9 (Data Visualization) a. Data Science i. The science and technology of turning data into wisdom b. Wisdom, Knowledge, Information Relationship i. Information is Data that has been processed with context to give it meaning. ii. Knowledge is information you discover over time iii. Wisdom is to be able to predict the future based on all the gathered knowledge. c. Data Visualization i. The science and technology of turning data into images to help produce knowledge and wisdom. d. Visualization is Good For: i. Helping you verify / confirm something ii. Helping you discover / learn something you didn’t know before. iii. Helping you to come up...

Words: 2934 - Pages: 12