Web Site Design Plan Checklist

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
 Who Needs Planning! The Key to a Successful Web Site….
Certificate in Digital Applications – Level 02 Website Design and Creation.
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.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Interface / navigation COM 366 Web Design & Production.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
5 Planning a Web Site Section 5.1 Determine the purpose of your Web site Define the target audience for your Web site Write a mission statement Section.
Creating a Winning E-Business Second Edition Designing Your Web Site Chapter 8.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
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.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 5: Design the look and feel of the site.
Web Development Life Cycle from Beginning to End…and BEYOND!
Mastering the Internet, XHTML, and JavaScript Web Design.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Tutorial 7 Planning and Creating a Flash Web Site.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
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.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Planning a Website 5 Step Process. Step 1 – Determine Purpose & Goals Why do I want a website? Why do I want a website? What are my immediate goals for.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Web Site Development - Process of planning and creating a website.
Web Design, 5 th Edition 3 Planning a Successful Website: Part 1.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
›What main things do you think should be considered when planning a website?
INFORMATION AND COMMUNICATION TECHNOLOGY
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
1 Web Technologies Planning and Designing Client Websites Copyright © Texas Education Agency, All rights reserved.
TESTING AND MAINTAINING A WEB SITE Presented by: Robert O'Neill student number:8 Acknowledgement: This information is primarily gathered from: Web Design,
Pre-Production Meet with the client to create a project plan:
Objective % Select and utilize tools to design and develop websites.
Chapter 4 – Website Development Planning Process
OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.
Section 7.1 Section 7.2 Identify presentation design principles
Basics of Website Development
Web-design.
Section 5.1 Section 5.2 Determine the purpose of your Web site
Publishing and Maintaining a Website
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Objective % Select and utilize tools to design and develop websites.
Getting Started with Dreamweaver
Web Design and Development
Enhancing Student Learning and Retention with Community Partnerships
Web Development Life Cycle from Beginning to End…and BEYOND!
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Web Design 1 Website Construction.
CIS 376 Bruce R. Maxim UM-Dearborn
Multimedia Web Site Design
Web Development Life Cycle from Beginning to End…and BEYOND!
4.01 Examine web page development and design.
Presentation transcript:

Web Site Design Plan Checklist Present by: Benjamin Bustin #1 Web Design, FALL 2012

Step 1: Define the site's purpose Identify the primary and secondary goals for your Web site. Determine the objectives necessary to meet the site's goals. Write a formal purpose statement for the site. Page 1 Web Design, FALL 2012 09/20/12 Benjamin Bustin #1

Step 2: Identify the Site's Target Audience Develop a target audience profile that identifies the demographic and psychographic characteristics of audience members. Perform a needs assessment to determine the target audiences' wants, needs, and expectations that can be satisfied by your site. Page 2 Web Design, FALL 2012 09/20/12 Benjamin Bustin #1

Step 3: Determine the Site's General Content Determine your site's pages: home, underlying, and splash or entry pages. Ensure that the content on your site's home page answers visitors' who, what, and where questions. Determine the visual identity content to be added to all pages that will brand your site. Determine the value-added content for your pages: text, images, audio, video, animation, multimedia, and dynamically generated content. Plan a file folder organization for you HTML and content files. Page 3 Web Design, FALL 2012 09/20/12 Benjamin Bustin #1

Step 4: Select the Site's Structure Consider the best way to structure your site to achieve its purpose: linear/tutorial, random, hierarchical, or some combination of structures. Create an outline of your site's structure: text outline, storyboard, or flowchart. Page 4 Web Design, FALL 2012 09/20/12 Benjamin Bustin #1

Step 5: Design the Look and Feel of the site Position visual identity and vital page content above and to the left of potential scroll lines. Maintain visual consistency across pages with a color scheme and page layout. Follow WAI accessibility guidelines for the use of color. Page 5 Web Design, FALL 2012 09/20/12 Benjamin Bustin #1

Step 6: Specify the Site's Navigation System Create and navigation system that is both user based and user controlled, offering a combination of text links; image links; navigation menus, bars, and tabs; a breadcrumb trail; a site map; and a search feature. Maintain visual consistency with the color and page placement of navigation elements. Perform usability testing on the navigation system during the planning and development phases. Follow WAI accessibility guidelines for links and image maps. Page 6 Web Design, FALL 2012 09/20/12 Benjamin Bustin #1