Building effective websites Raymond Frost · Judy Straus.

Slides:



Advertisements
Similar presentations
Web Marketing for Dummies Written by Jan Zimmerman Reviewed by Paige Petersen.
Advertisements

UI Best Practices Application Developer’s Intro School Week 1 Day 1.
Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.
[ Insert your logo ] [ Site name ] 2012 Media Kit Prepared by [ Your name ], [ Your title ]
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Refinement Production Implementation Design and Development Stages.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Best Practices for Website Design & Web Content Management.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
© 2006 Hewlett-Packard Development Company, L.P. The information contained herein is subject to change without notice An FAQ on FAQs for Libraries Pamela.
Chapter ONE Introduction to HTML.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
What Is the Internet? The Internet is a worldwide collection of computer networks that links together millions of computers used by businesses, the government,
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
1 Designing Need-based Internet Web Sites in Counseling and Career Services James P. Sampson, Jr. Florida State University Copyright 2002 by James P. Sampson,
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Electronic Commerce BBA (Hons) ( ) (Website Designing and Publishing) By: Farhan Mir.
ARKANSAS DEPARTMENT OF HEALTH Health Literacy Online Marisa Nelson, MPS Health Educator Chronic Disease Prevention and Control.
Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya.
What is Multimedia?. Today’s objectives Define multimedia Work with XHTML Work with CSS.
Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation.
Web Strategies for Effective Marketing Results Presenter: Jonathan Buyco, The Active Network.
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
[Site Name] 2010 Media Kit Prepared by [Your Name], [Your Title] [Insert Your Logo]
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
Website Development Instructor: Brad Atkinson. Planning Save valuable time Create mock-up drawing Provide useful content.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Web Design School Website Best Practices A Balance Between Professionalism and Creativity Professiona l.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
 Good navigation is consistent, clearly labeled, and reflects the needs of the site’s audience.  Navigation labels are short, clear, and user-friendly.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Presented by Trisha Cummings. Why Have a Web Page?  To become known WorldWide  Advertise and sell things  Publish a Fanzine  Support a cause  Share.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Web Site Development - Process of planning and creating a website.
{ User Centered Design Final Presentation Donia Canaveral }
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
Pre-Production Meet with the client to create a project plan:
Project 1 Introduction to HTML.
Web Site Design Plan Checklist
Objective % Explain concepts used to create websites.
How to customize your Microsoft SharePoint Online website
How to customize your Microsoft SharePoint Online website
Session I Chapter 18 - How to Design a Web Site
Unit 14 Website Design HND in Computing and Systems Development
Web Development Life Cycle from Beginning to End…and BEYOND!
How to customize your Microsoft SharePoint Online website
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Presentation transcript:

Building effective websites Raymond Frost · Judy Straus

Website complexity 1.Brochureware: one-way contentone-way content 2.Simple interactivity: two-way contenttwo-way content 3.Complex interactivity: e-transactionse-transactions 4.Data-driven websites: dynamic contentdynamic content

Website Development Process 1.Plan 2.Gather materials 3.Create the site In house Outsourcing Consulting 4.Publish the site 5.Promote the site 6.Maintain the site

Development Team 1.Marketeers 2.Technology Engineers 3.Content Editors 4.Information Architects 5.Web Designers 6.Other: legal counselors, financial advisors

Web Development Plans Marketing Plan Creative Brief/Design Plan Technology Plan Publicity Plan Maintenance Plan

Marketing Plan 1.Situation analysis 2.Target Stakeholders 3.Website Objectives 4.Strategies 5.Action Plan 6.Budget 7.Evaluation Plan

Designing for the web 1.User is in control 2.Interactivity 3.Hypertextuality 4.Web is nonlinear 5.Free standing pages (deep links) 6.Multimedia 7.Pluralistic Design

Usability Testing 1.Rule of 3 2.Stacking method

Advice for Content Developers 1.Be user centered 2.Select a voice 3.Be succinct 4.Write to be scanned 5.Write journalistically 6.Avoid jargon 7.Condense offline materials 8.Create context independence 9.Provide help 10.Provide contact information 11.Check spelling

Advice for Information Architects 1. Site organization and navigation 2. Links 3. Labels and Names

1. Site organization and navigation Create a site map Provide a site search Organize for breadth Use navigation bars Place navigation strategically Avoid icon navigation Classify by task Avoid orphan pages

2. Links Use standard link colors Preview destination Logo links home Eliminate broken links

3. Labels and Names Use descriptive labels Use labeling protocols Use descriptive titles Provide a breadcrumb trail Use simple URLs

Advice for Web designers Use a platform independent design Design small Design economically Design above the fold Avoid horizontal scrolling Stay consitent, develop document standards Avoid All Caps Avoid Underline Avoid patterned backgrounds Optimize graphics Use thumbnails Provide contrast Use lowercase filenames Use short filenames Check extensions

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.