courses /spring 09 /250 B /wireframes

graphics, style guide and supporting files can be downloaded here. Everything there is saved as .eps (which should be fully flash compatible) except for the background (saved as an .eps it's like 200mb, saved as .svg it's like 2.5mb...) and a pdf called "social cost tracker website styleguide, which is to be a resource for brandon; in it all the elements are laid out on the background, which should be self-obvious, unless the .eps files get wiggy on file transfer). PLEASE let kyle or antoine know if there's anything missing/ anything seems strange. Good luck.

Website Outline (as of 6/2/09)
Existing sample site: http://www.brandonicus.com/Dojo/DANM/floatboxes.php
The Wall diagram: http://picasaweb.google.com/lh/photo/yIwPGKOfOfAu139bAU9y_w?feat=directlink

Context for the Pages

• Design it so that the context is set
• Create text that tells the user how and why the content is on this site. "The purpose of SCT is to become aware of the types of products we're buying and using, as well as the cycle of the production. The first phase is collecting data, which is where we need your help. The second phase will be educating users based on this data. But the tools is open and will shift based on users needs and submissions. Changes will be made over time, but we need your help."

Marketing and Outreach

• NGO's can track products
• Individuals can track their own product purchases and uses, or what a restaurant or store uses.
• Provide a list of options for how people can use the tool.

Pages:

• Home

  • 10 floating boxes (can hit refresh to change set of boxes)
  • Basic instructions (click on this)
  • Search box (search for other main content products)
• Tab 1: Content Viewing Page

• Tab 2, 3, 4.... (Search Functions)

  • Most Popular
  • Timeline
  • Geography
  • Media Type
  • Users
• Submission form (Lola will generate this text)

Upload form: http://danmedge.ucsc.edu/test/data_upload_form.htm
Query form: http://danmedge.ucsc.edu/test/data_retrieval_form.htm ** Fields for now: Article Input, Audio, Photo, Video, Tags, Product Name, User email, User password. ** Fields for later: Name, Username (allows anonymous posting), EMAIL, UPLOAD FILE, TAGS, TIMELINE DATE, GEOGRAPHY, TEXT FIELD

• *
• What do you want to see tracked? (form)

• About

  • Contact

• User Pages

  • Manage and Edit Content

Images

• • Logo
  • Banner
  • Icons for search page
  • Audio
  • Video
  • Text
  • Photo
  • Most Recent
  • Most Popular
  • Full List
  • Rate Stars
  • Buttons:
  • Next
  • Previous
  • Search
  • Add Content
  • Submit
  • Close Button

Functions (Tasks)

• Upload data form
  

• Search functions (Chris, Dan, Melanie)
  

  • Most Popular
  • Timeline
  • Geography
  • Media Type
  • Users
• Media Viewing (Brandon)

• Web Design (Kyle and Antoine)

  • Need to talk to Brandon

• Data Collection (Drew, Patricia, Kyle, Christof)

  • Need a sample story page

How can people upload content?

• 1. Mobile uploads (like a Facebook app or Twitpic). Where and when did you buy X product?
  
• 2. Track every time you purchase a certain product. Why do you buy it? What choices do you make?
  
• 3. Analyze your receipt? Why did you buy X products? Did you buy cheaper, less environmentally friendly products?
  
• 4. Be an organization with lots of data
  

Next Steps/Next Quarter

1. Tag Clouds
2. Associations
3. API
4. Search options
5. Make an argument
6. Mashup