Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.

Slides:



Advertisements
Similar presentations
Website Design What is Involved?. Web Design ConsiderationsSlide 2Bsc Web Design Stage 1 Website Design Involves Interface Design Site Design –Organising.
Advertisements

Usability Prepared by: The NYS Forum for Information Resource Management IT Accessibility Committee.
Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
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.
Mgt 240 Lecture Web Site Design Principles April 5, 2005.
UI Standards & Tools Khushroo Shaikh.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Typical phases of a project: 1.Schematic Design 2.Design Development 3.Construction Documents 4.Construction Administration.
Copyright © 2003 Bolton Institute Dept. of Computing and Electronic Technology - Multimedia Integration and Applications Lecture 5: Design and Prototype.
Multimedia in Presentations Justin Gray COMM 165.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Story Boards. Creating and using storyboards Storyboards are an essential tool when designing websites. They help keep developers and graphic artists.
Multimedia e-learning design After analysis (audience, needs, goals, content, resource requirements and schedule), you are ready for design But don’t skimp.
PBA Front-End Programming Development Organisation.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Brittany Paul. Get Organized! Be sure to thoroughly research the topic. Create an outline of the presentation. Always start with a rough draft. Keep the.
Jane Doe PowerPoint assignment for FAM 332 April 27, 2015.
Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.
Web Technologies Website Development Trade & Industrial Education
Web-designWeb-design. Web design What is it? Web-design features Before…
COM 263 Design Process. o Example: Tampa International Film Festival Web Site.
Enhancing Presentations with Slides and Other Visuals
Mastering the Internet, XHTML, and JavaScript Web Design.
Website Development with Dreamweaver
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
Multimedia Design 1. 2 Objectives By completion of this session, you will be able to: Organize your multimedia project Develop Flowcharts and Storyboards.
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
Adobe Certified Associate Objectives 1 Setting Project Requirements.
PBA Front-End Programming Development Organisation.
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.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
© 2005 South-Western/Thomson Learning Century 21 Keyboarding Cycle 1: Computer Applications 1 Using helpUsing help 2Electronic presentations: Design templates.
Creating Accessible Content in Microsoft Office 2010 NC Basic Skills Instructor Training Academy 2012.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Planning a Website Web Technologies I. The Site Design Process DEFINE Goals & Audience Content/Asset Collection Content/Style Information Delivery Requirements.
Storyboard, Design, Layout.  Create storyboards  Decide upon navigation  Prepare short page summaries.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
Planning and Designing Effective Web Pages. When planning a new site Determine site goals 2. Identify the target audience 3. Conduct market research.
You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.
Unit 13 – Website Development FEATURES OF WEBSITES.
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
Copyright © 2010 Pearson Education, Inc. publishing as Prentice HallChapter Enhancing Presentations with Slides and Other Visuals.
Multimedia Presentations Creating a PowerPoint for class projects Do! Don’t! Tips!
Thinking Web > CONTENT DEVELOPMENT
The Successful Website
Pre-Production Meet with the client to create a project plan:
Web Site Design Plan Checklist
Web-design.
Research in a Digital Media Environment
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
Website Procedures Basic Concepts.
Multimedia e-learning design
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
INTRODUCTION TO INFORMATION ARCHITECTURE
Website production.
PRODUCTION PHASES CHANGES
PRODUCTION PHASES CHANGES
E-learning Projects Overview
WEB DESIGN Cross 11, Tapovan Enclave Nala pani Road, Dehradun : ,
Applications Software
Presentation transcript:

WEBSITE PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, LAUNCH

Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information to help define the site.

Structure phase Develop and communicate structure and organization of site based on interview and content. Use a flowchart to organize information across site. Use screen views with simple shapes for buttons and graphics to show location of information on pages. Show how site information will flow without providing too many details about each page.

Design phase Create visual comps to present the site brand or visual expression through colors, fonts, and images. Leave comps rough, with room for change—enable client to participate in the design process. Validate design choices against client goals and target audience.

Design phase Present at least two visual comps and describe how they meet audience, goals, style, and delivery needs. Incorporate client feedback, adding more content as client approves design elements.

Build and test phase Create production storyboards to help define content and navigation. Use page templates, library items, and styles to help teams build pages efficiently and with a consistent look. Check files in and out to coordinate work.

Build and test phase Conduct a technical test to validate content, links, and graphics against production storyboards. Conduct a usability test to make sure the site is easy to use. After testing, revise the site to fix technical errors and incorporate feedback from usability testers.

Launch phase Use effective page titles to help search engines that look for content. Use alternative text for images to help search engines that look for images. Submit to topic-specific search engines to promote the site.