1. Call for Ciudad Juarez Joe Olson 12/08/2009

2. Project Goal Project Goal – –The goal of this project is to give a little bit of information about the crisis in Juarez with supplied links and photos. Objectives Objectives – –To build a three column layout with facts, information, and links – –To incorporate Javascript (Lightbox 2) – –To use visual colors and strong graphics to evoke an emotional feel Proposed Interactive Project Proposed Interactive Project – –I plan to build a one-page, three-column webpage on the crisis of Juarez. – –I will start by doing both informational and visual research on the best information and photographs to use on my page. I will then work on the page, integrating the research I found. – –I will experiment with different margins and different “divs” to make the best layout. I will also experiment with the Javascript. – –I will need some visual cues as well as instructional steps on how to apply the Lightbox 2 application. – –The result will include a one-page website with the supplied information.

3. Scope Scope – –Estimated time/Actual time: 6/7 hours to completion, including research – –Estimate/Actual assets: FileZilla, Text Wrangler, Photoshop, Lightbox 2 Tutorial Production Guide Production Guide – –The page will include deep reds and neutrals to evoke a strong emotional feel – –I will include “Facts,” “Crisis,” “BBC Links,” and “Photos” – –The styling will be emotional and dark to relate to the Juarez’s darkness. Visual Specifics Visual Specifics –#000000, #CCCCCC, #83002C, #FFFFFF –Trajan and Times New Roman (including Roman, Bold, and Italic) –Images from Google Image Search and FlickR.com Image Search

5. Usability

6. Usability

7. Usability

8. User Interface Design Questions Questions – –How do you feel when viewing the page? – –Does the layout make sense? – –How do you feel about the Lightbox 2 Application? – –Any suggestions?

9. Rachel Rachel – –The information is good, the pictures are strong – –The layout is nice, I like the simplicity – –It’s good, maybe the pictures could have more information on them, better captions? – –I do not like how the columns move around Raven Raven – –It’s informative and sad – –Yes, the layout works – –I enjoyed it, it adds a lot to the page – –More information, perhaps, multiple pages? Jessica Jessica – –There’s a lot going on, but I like the color choices – –I like the layout, but I don’t like the bottom how the text lays over it – –I wish it was more noticeable or pronounced – –N/A

10. URL http://iam.colum.edu/students/Joseph.Olson/HTML/juarez.htm http://iam.colum.edu/students/Joseph.Olson/HTML/juarez.htm http://iam.colum.edu/students/Joseph.Olson/HTML/juarez.htm Architecture Architecture –juarez.htm –juarez.css –lightbox.js –effects.js –builder.js

11. Credits Joe Olson, page designer Joe Olson, page designer Photos from Antonio Zazueta Olmos (FlickR) Photos from Antonio Zazueta Olmos (FlickR)