CIS 1300 – Web Design SoftwareMichael J. Losacco Web Site Sins Cool Is Overrated.

Slides:



Advertisements
Similar presentations
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Advertisements

Eere.energy.gov Agenda Review usage trends Recommendations based on data EERE’s plans to address template-level findings Crazy Egg Analysis: Usage Trends.
Usability Information Systems 337 Prof. Harry Plantinga.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Internet reading Skills: mindful reading IT concepts: characteristics of Internet readers This work is licensed under a Creative Commons Attribution-Noncommercial-
Top 10 Website design mistakes Joseph Mitchum. Website Design Mistakes #10 Inadequate Photo Enlargement Lack of details of products for sale #10 Inadequate.
AdvWeb-1/20 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
1 The Planning Process Creating a Business Web Site By Paul Lazarony 2 Business Web Site Design Steps in the Planning Process u Software u Purpose u.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
AdvWeb-1/11 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
Eleven Design Mistakes Making your web page easier for your students to use Making your web page easier for your students to use FSI Applications.
CIS 1300 – Web Design SoftwareMichael J. Losacco Usability Guidelines.
Designing for the Web. What Makes Good Design Content is important but content alone will not make your site work. Good design is: –understandable –interesting.
Usability & Visual Design Krystine Wetherill.  Usability measures the quality of a user's experience when interacting with a product or system—whether.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
3.02G Website Components 3.02 Develop webpages.. Website Components  The website MUST contain an Index/Home Page.  A business website should contain:
Analyzing a Webpage/site. Authority Who is the author? What are the author’s credentials? Is the webpage/site sponsored by any organization or corporate?
Designing for the Web 7 Useful Design Principles.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Dashboard Razzle Dazzle Marcy Miller Tait Wednesday, October 07, 2015 Copyright 2009, Information Builders. Slide 1.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
CIS 285 Winter Quarter 2005 Robinson Web Design CIS 285 January 2005.
Chapter 3 What is Web Design? Get Trained for a Better Future Introduction to Design Mostafa Badr.
Prioritizing Web Usability Nielsen and Loranger Chapter 3: Revisiting Early Web Usability Findings Paul Ammann SWE 432 Design.
Principles of Web Design Da’Zheonna M. Cotton 2/8/13.
Planning Layouts. Layouts ✦ Arrange page items into a logical, consistent scheme ✦ Site & Page purpose is starting point ✦ Determines space allocations.
Honolulu Cookie Company A proposal for a Web Site Redesign by KCC, Web Design.
IF-ITB/EN/Des 2004 IF1191 – Web Design & Usability Page 1 Web Design & Usability Elfan Nofiari Departemen Teknik Informatika ITB.
Activity 4 Protecting Ourselves. Keeping Safe There are lots of different ways we can be at risk on the Internet. How can we protect ourselves and keep.
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Web Site Development - Process of planning and creating a website.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Essential Elements to Keep in Mind While Designing a Website.
Characteristics of Information on the Web Dania Bilal IS 530 Spring 2005.
Cloud-Computing Cloud Web-Blog Software Application Download Software.
8/18/2016 Web Development and Interactive Media
Basics of Website Development
Introducing the World Wide Web
Web Blunders: The Top 5 Biggest Mistakes on the Web
Design and Implementation of Software for the Web
PJ SEO Specialists WordPress Web Development and SEO.
How to Install Embedded Flash Files Using Chrome
Fixed Positioning.
Session I Chapter 18 - How to Design a Web Site
Enhancing Student Learning and Retention with Community Partnerships
Krug Chapter 1 Don’t Make Me Think ! And Designing Hyper Text
ICT Communications Lesson 4: Creating Content for the Web
4.02 Develop web pages using various layouts and technologies.
Homepage and taglines.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
PUBLISHING TO THE WORLD WIDE WEB
Website Testing EIT, Author Gay Robertson, 2018.
Quality labelling for Web-pages
Chapter 4 Planning Site Navigation
Use an Internet Browser
Krug Chapter 1 Don’t Make Me Think ! And Designing Hyper Text
Designing a Web Site.
Presentation transcript:

CIS 1300 – Web Design SoftwareMichael J. Losacco Web Site Sins Cool Is Overrated

CIS 1300 – Web Design Software The Basics Site Structure –Inconsistent Navigation Contact Information –Lacking or Buried Spelling & Grammar –Unprofessional Page Downloads –> 10 Seconds Orphan –Site Name Not Indicated Link Abuse –Number & Linkrot

CIS 1300 – Web Design Software Overwhelming Everything Above the Fold –Visual Overload White Space –Attention Disunity (Relationship Between Elements) Frames –Confusing

CIS 1300 – Web Design Software Getting Edgy Splash Pages –Delayed Access Abstract Icons –Unsure Meaning (Labels) Effects –Just Because

CIS 1300 – Web Design Software Nielsen’s Top Web Design Mistakes 1.Legibility 2.Non-standard Links 3.Flash 4.Content Not Written for Web 5.Bad Search 6.Browser Incompatibility 7.Cumbersome Forms 8.Missing Contact Info useit.com 10/05

CIS 1300 – Web Design Software Annoying Site Characteristics hostway.com 2005

CIS 1300 – Web Design Software User Response hostway.com 2005