IT 213 chapter 2 Multimedia Web Design (2)

Flowchart (cont.)

- Clean, clear , easy to follow links - Does not detail content on the page (that's storyboards the next phase) - Different levels are differentiated by using different shapes and color - Includes a legend to explain diff levels

How to solve viewing resolution problems?

- Create Liquid pages - Place the entire page in the center

Foowchart

An outline presented as a box diagram showing access routes to all pages within the site

Landing page

Appears when a visitor reaches a website by clicking a link, advertisemet, search result. Gauges effectiveness of marketing (visitors)

Webbed/Random structure

Arranges information without a specific order - Visitors can choose which pages to visit - e.g: informational website, catalogs, search features

Image

Can personalize and familiarize the unknown. Images can aid in decision making and help customers understand (Illustrations, diagrams, photographs, stock images)

When naming files

Don't use uppercases and spaces (underscore) to name them

Delivery

Distributing info via web can be fast and inexpensive, can reach both local and global audiences, website can expand on printed content

Home Page

First page visitors will see, should answer who what why where questions. Also establishes visual identity

Three major parts to process

Information design, Interaction design, Presentation design

Subsidiary/underlying pages

Has the same elements as the home page (name, logi, font, color scheme). Often websites have many of these

Video

Incorporates sound with movement. Primary problem is the large size. Can be downloaded or streamed to solve problem

Interactivity

Internet and web technologies promote data and resource sharing

Linear/tutorial structure

Presents information in a specific order (sequential, historical, chronological) 1 —> 2 —-> 3 —> 4 —> 5

Text

Primary content of a website. General guidelines include no long paragraphs for scannability

Currency

Keeps publications current. Can keep customers by supplying timely, changing material.

Objective***

Methods you will use to accomplish the website's goals

Organizing website files

Organize the resulting files in your website -HTML -Images -Animation and media

Hierarchal structure

Organizes information into categories and subcategories - e.g: organizational/topical website

Select structure of website

Outline your website - Choose the method most flexible to outline the websites structure

Types of web content to add to websites

Text, images, audio, video,

Target audience profile

The demographic and psychographic characteristics of the visitors to whom a Web site's content is directed.

Determine general content

Understand target wants, needs, expectations. Also understand a user's usage (viewing conditions) Helps to determine content

Audio

Vary in form and intensity. Can persuade, inspire, personalize, motivate, or soothe

Responsive web design (RWD) *

Adjust layout and content to the device and screen displaying the webpages

Interactive elements

Polls, quizzes, comment features

Multimedia

Combines text, graphics, animation, video, and audio.

Goals***

The results you want your website to accomplish within a specific time frame

Some websites use a combination of strucures

True

Connectivity

Ability to instantaneously distribute and share content widely

Value added content

Content which adds value to a website. Relative, informative, and timely. Additionally, it's accurate and of high quality (usable)

How to define the purpose

Create a purpose statement: a formal statement which explains the goals and objectives of the website

Web publishing offers distinct advantages over text

Currency, connectivity, Interactivity, Cost, Delivery

Steps to developing product

Define the purpose, identify the target audience, determine the general content, select the structure, produce a flowchart

Interactivity

Elements that encourage website visitors to perform actions

Identify the target audience

Explain who your website visitors are -Demographic (gender, age, group) Explain why visitors might want to access your website and how they will interact with it -Psychographic characteristics (preferences, political affiliations, etc)

Create folders on your computer's local hard drive

In order to regularly create backups (always good habit)

Animated Elements

Javascript, HTML5 <canvas> element

Content Aggregators

RSS Feeds, Social networking tools (Facebook, Twitter). Streamlines the writing process

Dynamically generated content

Updates periodically and can appear on a website's pages when triggered by a specific event (time of day, visitor request) (Database)

Cost

Updating web content is more cost effective than updating print content (File size, space limitation, etc.)

If using a CMS

files stored on CMS server