Lesson4, Mystery meat navigation

Mystery meat Navigation(MMN) as described as its term is regarding to web navigation design.

MMN is a term coined and popularized bu author, web designer, and usability analyst Vincent Flanders to describe user interfaces (especially websites) in which it is inordinately difficult for users to discern the destinations of navigational hyperlinks.


WD Lesson4: web Funtionality + Practicality + Aesthetic

Web Content Accessibility Guideliners 2.0 (WCAG)
-To make Web Content more accessible to people
-To solve problems
1. They want/need information
2. They want/need to make a purchase/ donation
3. They want/need to be entertained
4. They want/need to be part of a community

url: w3.org/TR/WCAG20/ validator.w3.org/


Audiences for accessibility

Visual Disabilities
Use enlargement, screen readers or Braille displays for font sizes & color contrast.

Hearing disabilities
Need captioning for audio and video

Physical disabilities
Need to substitube the mouse usage with keyboard or voice input.

Cognitive disabilities
Need consistent navigation structure. Flickering designs can be a problem.

Technology or bandwidth challenged
May habe older browsers or computers, may have a dialup connection.

Url: www.webpagesthatsuck.com

Lesson 3: Home assignment

1. refine sketches, upload to blog(scan/photo)
2. Production
3. After aprroved, do the 1st and 2nd page in digital/pc

reminder: presentation on Lesson 5

Lesson3, Web Design1

L3: Web Design consideration

Image Optimization


Jpg
-Joint Photograph Expert Group

Gif
-Graphic Interchange Format

PNG
-Portable Network Graphic (PNG)

PNG 24 bit
-PNG 24 bits support Alpha channel
-transparent

URL: www.webleeddesign.com


Typography For Web

-selectedable in website is real text
-cannot be selectedable is image text

-real text are alias font
-anti-alias font is for flatten image

Web font
-a signle web page's fields of view
-information priority (never find a title smaller than the content)
-legibility (10pt, 11pt to 12pt) (title 14pt and above)
-copywriting is interface design

Web(audio + video) consideration
-audio on the internet
-stereo + mono
-sampling rate + bit depth
-video on the internet
-fps(frame per second)
-bytes per frame
-file format

Tutorial Part
URL - Uniform Resource Locator

hypertext = hypertext link
hypermedia = pictures/animation/video & bla bla bla

Absolute link/ URL (call the whole thing)
-www.google.com/index.html

Relative link/ URL (call the sub folder)
-page 1
-folder1/page2.html


../ to jump out from the html folder to call the index.html

img src="../images.pic1.jpg"


Anchor
call to the end
<<>>

Anchor mark for the end bottom,