Assignment:

 

Overview:

Your design project has two parts: first, redesign the organziation for a site's links (make sure it has enough links), and second, write up a two to five page analysis on design which could talk about implementing design principles, or the challenges of testing a site for usability or whatever you desire.

Part One:

Redesign: I want you to come up with a web page reorganization for the resources on my web pages (or for the resources on some other web page of your choice). I don't expect you to be experts on web design or to create web pages, per say though we will go over how to do rudimentary web pages right after spring break. Your project doesn't have to be turned in as web pages; it can be turned in as word documents or whatever works for you. The main issue is to have you rework the organization, thinking about the mental mapping/usability concerns that the usability studies readings and the design book give you.

Part Two:

Analysis: Write up your insights from having done this project. You can decide on the focus for this write up, but make sure to show off your knowlege about design issues/usability issues.

 

 

watch Color in Motion (you'll need headphones? maybe)

 

 

 

interact with Poynter's tutorial on color

 

 

Make your own combinations

 

 

 

Finding inspiration from paintings

 

 

 

Which colors are hard to read on the web?

 

 

 

very cool...color code--it shows you words with colors
http://loop.aiga.org/resources/loop/loop9/colorproject/

 

 

 

Free Images

 

 

 

Free Digital Photos

 

 

 

Free Photos

 

 

 

Barry's Clipart (free)

 

 

 

DaFont (free fonts)
http://www.dafont.com/

 

 

 

Simply the Best (free fonts)
http://simplythebest.net/fonts/

 

 

 

Search Free Fonts
http://www.searchfreefonts.com/

 

 

 

http://www.thinkingwithtype.com/ (font information)

 

 

 

gestalt and typography (font information)
http://www.seekpeace.com/gestalt/#

 

 

 

typography basics (font information)
http://counterspace.motivo.com/

 

 

 

letters used as logos

 

 

 

logo design and visual identity

 

 

 

logo design

 

 

 

logo design revisited

 

 

 

web style guide: http://www.webstyleguide.com/page/index.html

 

 

 

Barclay Barrios's step by step site web design

 

 

 

Read article on borrowing ideas from other sites

 

http://www.pirated-sites.com/ (avoid this! don't pirate other sites)

 

 

 

cool web site site and their top 30 web sites...

 

 

 

 

Dreamweaver videos from CET

 

 

 

 

Dreamweaver help from Rutgers writing program

 

 

 

 

CSS from CET (how to create style sheets)

 

 


 

http://www.usability.gov/methods/ Overviews of Usability Testing

 

 


 

http://www.infodesign.com.au/usabilityresources/evaluation/usabilitytesting.asp Overviews of Usability Testing

 

 


 

http://www.stcsig.org/usability/resources/toolkit/toolkit.html Overviews of Usability Testing

 

 

 

 

 

Looking at/writing about visuals:
http://artgallery.sacredheart.edu/artterm.html

 

 

 

 

vocabulary for talking about art:
http://www.globaled.org/chinaproject/teachingmaterials/chineseart/Lesson1Glossary2.doc

 

 

 

worksheet for clarifying what you are seeing:
http://unr.edu/homepage/vwein/Kunst.html

 

 

 

 

Overview--principles of design (design concepts)

 

 

 

 

An overview of design concepts

 

 

 

 

interactive textbook (on design concepts)

 

 

 

 

a nice pdf version of design concepts

 

 

 

 

a brief pdf version of design concepts

 

 

 

 

case study in design

 

 

 

 

Case study in design

 

 

 

 

the butterfly ballot

 

 

 

how stuff works

 

 

 

 

ColorCombos
http://www.colorcombos.com/combolibrary.html

 

 

 

 

web developer notes color guides (Color Combinations)
http://www.webdevelopersnotes.com/design/14.php3

 

 

 

 

color scheme chooser (color combinations)
http://www.siteprocentral.com/html_color_code.html

 

 

 

www.blogger.com (places to create blogs)

 

 

 

http://wordpress.org/ (places to create blogs)

 

 

 

livejournal.com (places to create blogs)

 

 

 

http://www.ebloggy.com/ (places to create blogs)

 

 

 

typepad.com ($) (places to create blogs)

 

 

 

http://www.movabletype.org/ (places to create blogs)

 

 

 

http://radio.userland.com/radioIsLoaded (places to create blogs)

 

 

 

Lessig's blog
http://www.lessig.org/blog/

 

 

 

LunaNina (blog)
http://subliminal.lunanina.com/

 

 

 

Menthol (blog)
http://nml.ru.ac.za/menthol/?p=32

 

 

 

Jay Rosen on journalist issues (blog)
http://journalism.nyu.edu/pubzone/weblogs/pressthink/2004/03/31/ryan_video.html

 

 

 

chomsky's blog--a short lived thing, it seems
http://blog.zmag.org/ttt/

 

 

 

robin good (blog)
http://www.masternewmedia.org/

 

 

 

how to run a design critique
http://www.scottberkun.com/essays/essay23.htm

 

 

 

 

Making rollovers in dreamweaver
http://www.training.calpoly.edu/guides/dreamweaver/MX-rollover.pdf


Macromedia Dreamweaver (links to resources at cal poly )

 

 

 

Macromedia Flash (links to resources at cal poly )

 

 

Adobe Photoshop (links to resources at cal poly )

 

 

databases: searching--google/amazon

 

 

 

http://www.poynter.org/column.asp?id=32&aid=66797 on google (read links in the text as well) (about databases)

 

 

explore the way google can be manipulated: http://www.poynter.org/column.asp?id=31&aid=60314 (about databases)

 

 

think about the ways this tool works...manipulating the database: http://www.poynter.org/column.asp?id=32&aid=66005

 

 

 

Statistics on Wealth http://www.osjspm.org/101_wealth.htm#4

 

 

Wealth and Democracy
http://www.pbs.org/newshour/bb/economy/july-dec02/democracy_7-17.html

 

 

 

Raise the Floor (poverty/wealth)
http://ms.foundation.org/wmspage.cfm?parm1=175

 

 

 

The Wealth Gap
http://www.colorado.edu/AmStudies/lewis/2010/fortune.htm

 

 

 

The Rich Can Share the Wealth
http://www.globalpolicy.org/socecon/inequal/america.htm

 

 

 

Capping Excessive Income
http://www.cipa-apex.org/toomuch/

 

 

 

Beth Anderson--creative writer
http://www.tarpaulinsky.com/Winter03/BAVertigo2.htm

 

 

 

Nicole Brossard--feminist writer
http://www.departments.bucknell.edu/stadler_center/how2/current/special/brossard/bros_auther.htm

 

 

 

Drucilla Cornell--legal issues/feminist issues
http://www.robertounger.com/cornell.htm

 

 

 

Anne Galloway--technology/media

 

 

Aung San Suu Kyi --nobel peace prize
http://nobelprize.org/peace/laureates/1991/kyi-bio.html

 

 

 

Catherine Kohler Riessman--narrative theory/research methods
http://www2.bc.edu/~riessman/papers.html

 

 

 

Linda Russo--poetry
http://wings.buffalo.edu/spc/cartograffiti/contents/issue1/poems/russo/1.html

 

 

 

Perceptions of Pain
Deborah Padfield, Brian Hurwitz, Charles Pither

 

 

 

Anatomy Lessons
Photographs by Karen Ingham

 

 

 

pay attention to this place--cultural analysis, theory and history
http://www.leeds.ac.uk/cath/events/index.html

 

 

name dropping in a good way
http://www.openpoetrybooks.com/thegoods/archives/2005_05.html

 

 

 

cartograffii (journal)
http://wings.buffalo.edu/spc/cartograffiti/

 

 

 

how2 (Stein journal and other related things)
http://www.asu.edu/pipercwcenter/how2journal/

 

 

 

identity theory--a journal of sorts
http://www.identitytheory.com/interviews/birnbaum157.php

 

 

 

kiss machine--a kind of journal
http://kissmachine.org/node/19

 

 

 

jacket magazine--a journal of sorts
http://jacketmagazine.com/14/robertson-lisa.html

 

 

 

lacan dot com (psychoanalysis journal)
http://www.lacan.com/lacan1.htm

 

 

 

Narrativity--student journal
http://www.sfsu.edu/~poetry/narrativity/

 

 

 

the ruth group (reclaiming american democracy...blogish?)
http://www.cpe-sf.com/ruthgroup/

 

 

 

Marxist theory--journal
http://redcritique.org/

 

 

 

Tarpaulinsky--journal
http://www.tarpaulinsky.com/index.html

 

 

 

clear cut press
http://www.clearcutpress.com/

 

 

 

duration press
http://www.durationpress.com/index.html

 

 

 

insomniac press
http://www.insomniacpress.com/author.php?id=84

 

 

 

Cool Multimedia: Select images--select stories
http://www.tenbyten.org/10x10.html

 

 

 

Today's front pages:
http://www.newseum.org/todaysfrontpages/flash/

 

 

 

Or Today's front pages international too
http://www.newseum.org/

 

 

 

What the world thinks of us, daily
http://www.watchingamerica.com/

 

 

 

If we were invested in human rights--UN top ten:
http://www.un.org/events/tenstories/

 

 

 

The New York Times. http://www.nytimes.com/

 

 

NPR--national public radio.

 

 

 

Democracy Now
http://www.democracynow.org/

 

 

 

cyberculture resources (research on cyberspace)
http://www.com.washington.edu/rccs/

 

 

 

new media timeline (research on new media)
http://poynter.org/content/content_view.asp?id=75953&sid=26

 

 

 

digital gallery (examples of visual/media)
http://digitalgallery.nypl.org/nypldigital/explore/dgexplore.cfm?topic=printing

 

 

 

our media (explorations of new media)
http://www.ourmedia.org/

 

 

 

communication blog (explorations of new media)
http://www.masternewmedia.org/

 

 

 

ten by ten (new media examples)
http://www.tenbyten.org/10x10.html

 

 

 

new york times overview on class (new media examples...and poverty/class discussion)
http://www.nytimes.com/pages/national/class/

 

 

 

ny times on class (new media examples and poverty/class discussion)

 

 

daily front pages (new media examples)
http://www.newseum.org/todaysfrontpages/flash/

 

 

 

Metropolitan

 

 

 

MoMA

 

 

 

Louvre

 

 

 

Art on line

 

 

 

Smithsonian

 

 

 

American Folk Art

 

 

 

cool site on names (new media examples)
http://babynamewizard.com/namevoyager/lnv0105.html

 

 


criminal justice system (new media examples--and class/poverty)
http://www.360degrees.org/360degrees.html

 

 

 

colors attached to words (new media examples)
http://loop.aiga.org/resources/loop/loop9/colorproject/

 

 

 

45 seconds (check out turbulence too) (new media examples)
http://turbulence.org/Works/Skibell/45seconds/index_flash.html

 

 

 

damali ayo (new media examples)
http://damaliayo.com/

 

 

 

the place--(new media examples)
http://theplace.walkerart.org/place.html

 

 

 

tulse luper (new media examples)
http://www.tulselupernetwork.com/basis.html

 

 

 

annotated space (new media examples)
http://www.panix.com/~andrea/annotate/

 

 

 

space (new media examples)
http://www.headmap.org/index/headmapt/communit.html

 

 

 

space and culture (new media examples)
http://www.spaceandculture.org/

 

 

 

iraq war casualties (warning: it overwhelms) (new media examples)
http://www.obleek.com/iraq/index.html

 

 

 

bbc gardening (new media examples)
http://www.bbc.co.uk/gardening/htbg2/module1/topic_1_3.shtml

 

 

 

storycorps (new media examples)
http://www.storycorps.net/

 

 

 

Kairos (multimedia journals)
http://english.ttu.edu/kairos/7.3/binder2.html?coverweb/rettberg/

 

 

 

musarium (multimedia journals)
http://www.musarium.com/

 

 

 

aspen (multimedia journals)
http://www.ubu.com/aspen/index.html

 

 

 

ctheory at cornell (multimedia journals)
http://ctheorymultimedia.cornell.edu/

 

 

 

digital story telling--u of minnesota (multimedia journals)
http://www.inms.umn.edu/elements/

 

 

 

spoken word (multimedia journals)
http://www.historicalvoices.org/spokenword/

 

 

 

ctheory--net (multimedia journals)
http://www.ctheory.net/

 

 

 

electronic literature (multimedia journals)
http://www.eliterature.org/

 

 

 

electronic poetry (multimedia journals)
http://epc.buffalo.edu/e-poetry/

 

 

 

eye critique (multimedia journals)
http://www.eyemagazine.com/critique.php?cid=247

 

 

 

curious aging site...(multimedia journals)
http://califia.hispeed.com/RM/gwate.htm#

 

 

 

multimedia project--writing/images (multimedia journals)
http://www.cmp.ucr.edu/students/glasshouses/default.html

 

 

 

hypermedia (multimedia journals)
http://www.3rdbed.com/hypermedia.htm

 

 

 

ida's poetics (multimedia journals)
http://www.idaspoetics.com.au/generative/generative.html

 

 

 

south africa after ten years (multimedia journals)
http://tenyearson.org/redirect.html

 

 

 

annenberg (training with new media/e-learning
http://www.learner.org/index.html

 

 

 

blogs? (future of the book)
http://www.futureofthebook.org/blog/

 

 

 

bookstamen (future of the book?)
http://book.stamen.com/books/notebooks/b/index.html

 

 

 

visual rhetoric portal
http://www.tc.umn.edu/~prope002/visualRhet.htm

 

 

 

iowa's visual rhetoric info
http://www.uiowa.edu/~commstud/resources/visual.html

 

 

 

iowa's rhetorical and cultural studies critical theory site (visual too)
http://www.uiowa.edu/~commstud/resources/critical_authors.html

 

 

 

digital media--iowa
http://www.uiowa.edu/~commstud/resources/digitalmedia/index.html

 

 

 

Factfinder--census information:
http://factfinder.census.gov/home/saff/main.html?_lang=en

 

 

 

Consumer price index--Labor information from the govt:
http://www.bls.gov/cpi/home.htm

 

 

 

the CIA's factbooks
http://www.cia.gov/cia/publications/factbook/geos/us.html

 

 

 

Legal Resources
http://www.lpig.org/

 

 

 

U.S. Senate's History archives
http://www.senate.gov/artandhistory/history/common/briefing/minority_senators.htm

 

 

 

Fact Check--keeping the media honest
http://www.factcheck.org/

 

 

 

Stats at George Mason U...checking facts
http://stats.org/index.jsp

 

 

 

Find out who pays what for current legislation
http://www.ballotfunding.org/

 

 

 

The Resource Shelf--put together by librarians
http://www.resourceshelf.com/

 

 

 

The Resource Shelf's Docuticker
http://www.docuticker.com/

 

 

 

Wikipedia
http://www.wikipedia.org/

 

 

 

Earthquakes
http://neic.usgs.gov/neis/eqlists/eqsmajr.html

 

 

 

education issues (research)
http://www.rethinkingschools.org/archive/14_04/dan144.shtml

 

 

 

brookings institute (research)
http://www.brookings.edu/index/research.htm

 

 

figure out your political leanings
http://www.politicalcompass.org/

 

 

Seyla Benhabib--essay to start assessing our current war
http://www.ssrc.org/sept11/essays/benhabib.htm

 

 

 

Code Pink--women for peace
http://www.codepink4peace.org/search.php

 

 

 

Wage Peace Campaign
http://www.afsc.org/iraq/

 

 

 

Campaign for innocent victims in conflict
http://press.civicworldwide.org/article.php?list=type&type=3

 

 

 

Raed in the middle--a blog
http://www.raedinthemiddle.blogspot.com/

 

 

 

Truthout (independent journalism)
http://www.truthout.org/

 

 

 

interesting place that searches two search engines
http://www.doubletrust.net/

 

 

 

Guerrilla girls...(art activists for women)
http://www.guerrillagirls.com/

 

 

 

War on Women
http://www.villagevoice.com/news/0310,goldstein,42322,1.html

 

 

 

outlawing sex traders
http://query.nytimes.com/gst/abstract.html?res=FB0912F735590C778EDDAB0894DB404482

 

 

 

gender journal
http://www.genders.org/index.html

 

 

 

Nawal Al Saadawi (Egyptian political activist)
http://www.democracynow.org/article.pl?sid=03/04/07/0331230

 

 

 

layout rules (showing effective design in layouts of forms)
http://scratchmedia.co.uk/layout.cfm

 

 

 

Collaboration Comprehensive overview

 

 

 

effective meeting design

 

 

seven deadly sins in planning/running a meeting

 

 

effective meetings

 

 

technological options for meetings

 

 

how to conduct a net meeting

 

 

Wordnet--a thesaurus sort of
http://wordnet.princeton.edu/

 

 

Poynter--anatomy of a story
http://www.poynter.org/content/content_view.asp?id=85199

 

 

 

Sentence exercise from Classic Rhetoric for Modern Students

 

 

 

Sentences--Gunner
http://www.mhhe.com/socscience/english/tc/pt/gunner.htm

 

 

Bedford's metaphor exercise
http://bcs.bedfordstmartins.com/virtualit/poetry/metaphor_ex.html

 

 

metaphors students use for teachers/students
http://www.halcyon.com/arborhts/rt/93jul26.html

 

 

BBC metaphors workshop
http://www.teachingenglish.org.uk/think/methodology/metaphor.shtml

 

 

 

Lakoff's system of metaphors
http://cogsci.berkeley.edu/lakoff/sources/

 

 

 

A practical approach (for song writing?)?
http://members.aol.com/ptpattison/lyricpages/c2.html

 

 

 

Example of metaphor at work--Lakoff
http://www.press.uchicago.edu/News/911lakoff.html

 

 

 

Definitions of Rhetoric
http://www.americanrhetoric.com/rhetoricdefinitions.htm

 

 

 

Logical Fallacies (rhetoric)

 

 

 

Sentences--Gunner
http://www.mhhe.com/socscience/english/tc/pt/gunner.htm

 

 

 

Some basics of writing? (rhetoric)
http://www.powa.org/

 

 

 

rhetoric and composition resource page
http://rhetoric.eserver.org/

 

 

 

rhetoric and critical theory
http://www.uiowa.edu/~commstud/resources/critical_authors.html

 

 

 

overview of rhetoric
http://humanities.byu.edu/rhetoric/silva.htm

 

 

 

toulmin's approach (rhetoric)
http://bradley.bradley.edu/~ell/Toulmin.html

 

 

interviewing

 

 

 

e-mail interviews

 

 

how to interview bibliography

 

 

Oral Presentation Tips

 

 

Georgia Southern Writing Center

 

 

OWL - Purdue (writing center)

 

 

research example: User-centered redesign: http://steptwo.com.au/papers/kmc_facscasestudy/index.html

 

 

 

Web site design practice study: http://guir.berkeley.edu/projects/denim/pubs/iwd-DIS-2000-revised.htm (research example)


 

 

A study of student practices on facebook: (research example)
http://chimprawk.blogspot.com/2006/01/student-life-on-facebook.html

 

 

 

Research Examples: Bloggers and privacy:
http://jcmc.indiana.edu/vol10/issue3/viegas.html

 

 

 


Social Network fragments (link to the paper once you read through the info on this page) (research example)
http://alumni.media.mit.edu/~fviegas/posthistory/

 

 

 


Poker on-line (example of research)
http://web.media.mit.edu/~golder/projects/poker/n119-golder.pdf

 

beginner's guide to the research proposal
http://www.ucalgary.ca/md/CAH/research/res_prop.htm

 

 

Michigan's guide to the research proposal
http://www.research.umich.edu/proposals/pwg/pwgcontents.html