UCDW2 - Site Design. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify Conceptual design Create.

Slides:



Advertisements
Similar presentations
SOSTAC ANALYSIS Tuli Hotel Group.
Advertisements

Mgt 240 Lecture Web Site Design Principles April 5, 2005.
Project 1 Introduction to HTML.
HTML Your Friend or Foe? and a little bit from Lazar.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Multimedia & Website Development Initial Planning.
Copyright © 2003 Bolton Institute Dept. of Computing and Electronic Technology - Multimedia Integration and Applications Lecture 5: Design and Prototype.
MS3308 Cw1 assessment guide CW1 Deadlines CW1 (Strategy and Scope) DEADLINE ONE: 14th Nov CW1 (Structure and Skeleton) DEADLINE TWO: 28-Nov-2013.
Desktop Publishing Unit 7. Unit Layout Five Assessment Objectives Unit Completion end of January – Allowing 2-3 Months contingency work.
1st Project Introduction to HTML.
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.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
Louisa Lambregts, Class Four.
Chapter ONE Introduction to HTML.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Web Design Basic Concepts.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
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.
Paper Prototyping Source:
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.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Enterprise 2.0 Portals Using portals as web browsers Ensuring continued interest by internal users Creative design techniques and navigating content Consistent.
211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.
This Lesson Introduction to the ADDIE model Needs Analysis
Commercial-in-Confidence 1 Information Architect and the Development Internet Application Tweek Presentation May 2001.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
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
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Large Corporation Web Sites Efficient process Maximum effectiveness.
1 WEB Engineering Introduction to Electronic Commerce COMM1Q.
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
Interacting with IT Systems Fundamentals of Information Technology Session 5.
Designing a site (2/4) Conceptual Design – 1h. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. what is effective web design? 3. main client project and deliverables.
An Introduction To Websites With a little of help from “WebPages That Suck.
1 WEB Engineering E-Commerce Strategy & Management COM350.
Website Project Development Presentation by APNARAJ.COM.
CIS 285 Winter Quarter 2005 Robinson Web Design CIS 285 January 2005.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.

Personas. You have done research into who would like to use your site. Now you know. So you are designing a web site for a certain type of user, or a.
Large Corporation Web Sites Efficient process Maximum effectiveness.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Communication and Computer Science Fundamentals for the Web September 26, 2006.
August 2005 TMCOps TMC Operator Requirements and Position Descriptions Phase 2 Interactive Tool Project Presentation.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Web Design, 3 rd Edition 3 Planning a Successful Web Site: Part 1.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. main client project and deliverables 3. what is effective web.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
Web Site Development - Process of planning and creating a website.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
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 CP586 © Peter Lo 2003 Multimedia Communication Analysis & Design of Electronic Communication.
Pre-Production Meet with the client to create a project plan:
Web Development A Visual-Spatial Approach
Designing a site (2/4) Conceptual Design – 1h
Web Development & Design Foundations with HTML5 8th Edition
Elements of User Experience
Back to Table of Contents
Designing for the World Wide Web
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
In today's lesson you will…
Designing a Web Site.
Edexcel CiDA| Course Overview
Presentation transcript:

UCDW2 - Site Design

Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify Conceptual design Create and modify physical design Perform usability testing Implement and market the website Evaluate and improve the website

First step Mission statement – what is the purpose of the site ? Target user population – who is going to use the site ? Project Brief – Another document! (highly readable and concise) – How the subject will be approached – The scope of the project – The intended audience

Mission: Characterising Websites Navarro and Khan’s Taxonomy of Web Site Missions GoalExamples Inform or educateUniversities, schools, charitable foundations, non-profit organisations, government, businesses, political organisations, personal homepages EntertainMagazine, e-zines, galleries, museums, media clubs, organisation, personal home pages

Navarro and Khan’s Taxonomy of Web Site Missions Effective Web Design (1998) Question: is this taxonomy still valid today? What other categorisation can you think of? GoalExamples Market, sell or persuadeBusinesses, political organisations, non-profit organisations, universities, schools, personal resumes

Defining the Mission Statement What are the goals of the web site? – Inform or educate – Entertain – Market, sell or persuade – Different goals for different users ? What type of interaction with the users does the client want? – Buy a product, subscribe to a mailing list, read information, download a patch, play a game etc How will success be measured ? – Pages visited, products sold, customer satisfaction etc

Defining the Target User To whom is the web site targeted? Are there different user groups within the target population? Can we develop separate user profiles? Can we contact all these different user groups?

…. need to define …. baseline specification (user) – platform, bandwidth, browser version, colour resolution, screen resolution, plug-ins etc technical specifications (development) – platform, authoring tools, hardware, format etc Content – Who is responsible for it? – text, images, dynamic media etc navigation – menus, icons, hypertext etc screen layout – design guidelines, screen display, colours, fonts etc

…. information required ….. Demographic information – Age, gender, educational experience etc Domain knowledge – Previous knowledge and experience Computing experience – Support and training required Computing environment – Hardware, software, connection etc Content – Users needs Benchmarking – Exemplars, competition Other considerations – Redevelopment: previous data such as usability tests

…. decision time What categories of information need to be collected from the user ? Which data are most important to collect ? What other web sites would be good benchmarks ?

Large Corporation Web Sites Efficient process Maximum effectiveness

The Five Planes Surface = Visual Design Skeleton = Page Structure Structure = Navigation Structure Scope = Features, Technology Strategy = Objectives, Needs

The Five Planes

Design site starting from strategy plane, working upwards Each plane depends on the one below Unrealistic to finish one before starting next Better to start one before starting next + finish one before finishing next Sometimes need two-way adjustment

The Strategy Plane

Site Objectives = “What do we want to get out of this site”. User Needs = “What do our users want to get out of it?” “Why are we making this site?”

Site Objectives Business Goals: to make us money or to save us money. Brand Identity: Here we deal in concepts and emotions. (Colours and logos are Surface Plane problems.) Success Metrics: Hits per day, average time spent on site, turnover, reduced drain on support…

User Needs User Segmentation: “What kind of people are we catering for?” Profiling. Usability: Task Analysis by examining the actions the user makes. Contextual enquiry: “How does using our site fit into the way you do your job?”

Sources Garrett, J.J, (2003) The Elements of User Experience: User-Centred Design for the Web, New Riders, Indianapolis, USA. Lazar, J., (2001) User Centred Web Development, Jones and Bartlett, Sudbury, USA