Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14...

6
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a

description

NewMediaArts art 249 :: interface design II :: week 14 :: a :: today’s agenda  FIR - the Fahrner Image Replacement technique     Anchor tags (to link to specific sections of a page)  Today is a working day  Fix your bugs

Transcript of Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14...

Page 1: Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.

Thesis Presentation IV –

Fall Midterm Review

NewMediaArtsart 249 :: interface design II

week 14 :: a

Page 2: Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.

NewMediaArts

art 249 :: interface design II :: week 14 :: a

:: in-class example Web Design Practices

http://www.webdesignpractices.com a site devoted to helping designers

understand what design practices are currently in use on the Web—and aims to gather research about the usability of commonly-employed design practices.

Page 3: Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.

NewMediaArts

art 249 :: interface design II :: week 14 :: a

:: today’s agenda FIR - the Fahrner Image Replacement technique

http://www.alistapart.com/articles/fir/ http://www.stopdesign.com/articles/replace_text/ http://phark.typepad.com/phark/2003/08/accessible_imag.html

Anchor tags (to link to specific sections of a page)

Today is a working day Fix your bugs

Page 4: Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.

NewMediaArts

art 249 :: interface design II :: week 14 :: a

:: if you think you are finished make sure your site validates make sure your site works on all browsers & platforms convert your site from html to xhtml

validate it again consider the following:

optimizing your code how can your code be “cleaner”

is there any unnecessary repetition of code? will multiple css files clarify your code?

optimizing the interface/usability of the site does your site have multiple means of navigation?

bottom text nav? breadcrumb navigation for sub pages? do all images have alternate text and/or alt tags? what is “odd” or simply not working in your design? could it be fixed? how?

update your sitemap work on “cleaning up” your sketches for your portfolio entries

consider working on your flash site for Art 257

Page 5: Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.

NewMediaArts

art 249 :: interface design II :: week 14 :: a

:: revised schedule

Week 14   Week 15   Week 16  

11.21 11.23 11.28 11.30 12.5 12.7

Lesson: FIR - the Fahrner Image Replacement technique, anchor tags

NO CLASS – OPEN LAB WORKING DAY

Optional Lesson: time permitting, we can go over multiple layout options and how to set them up.

FINAL critique - web site due

FINAL - portfolio presentation

WORK DAY WORK DAY   WORK DAY

 

Page 6: Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.