Week 4 Troubleshooting.

WEEK 3, in class notes

http://www.socialchangewebsites.com/

http://www.charitywater.org/

clean site.
they want to grab your attention to lack of drinking water,
more info into click option
video talking about their raising money progress, but they dont talk how they do that
inteligently designed site,
information architecture
projects> foto documentation
numbers of project and people benefitting of it
proof, technology stuff egz. google earth zooming itno
grasroots info site> serching engine/ enviromental issues, info level

GRASSROTS INFORMATION SITES

fundamental to determine its use or avalibility is:
accuracy
every single piece of data must be reliable

egz. wiki or blogs which is oposite, not trustful , content edited by anybody
egz, new york times is biased, due to bacground check

second thing is
serchability
volume ranking by google

egz. http://www.cleanwateraction.org/ is searchable first
they heve more features. set up account, donations, is more about info and getting into the action than charity water website is / wich is more into visulal than info site, pro photos, high end design/

information
-text description
-info design
-charts , graphs other visualizations of data, statistics / visual evidence

if these things are not provided visitors are not going to take site seriously, they are not going turn back

http://www.cleanwateratlanta.org/

http://www.socialchangewebsites.com/

were looking for:

user involvement

-donations (gift memberships)

-email subscriptions, registration, mamberships (usually free- bigger participation)

-store, sealable assests which is E-COMERCE component

-E-Commerce /THINKING ABOUT AUDIENCE, potential founders, /

http://www.charitywater.org/

target :

-sponsors

-fundors-institiounal

-donors-individual

-volounteers

-media, press, journalism (press coverage, speakers avaliblity)

-partners, other organizations

since web is large size> big monitor> people who are afford>

TASK ANALYZIS

INFORMATION ARCHITECTURE:

PAGE STRUCTURE: items we can get from home page with one click

1. home/donate/projects/get involved/photos+media/events about us/contact /member area (login)
2. sponsors
3. sign up
4. learn more
5. donate
6. water for schools
7. video feature
8. links
9. store

SCHEMATICS (STORY BOARD) COMP - COMPREHENSIVE GRAPHIC

H/W 2 patterns

1

Pattern type:
Site
Pattern name:
Portfolio, online gallery
Also known as:
portfolio website,
Description:
A portfolio is a website for which an individual can check out particular artists images of sample works, portfolio can include
biography, photographs, video, mix media
audio files, and/or links, contact info, or online sales.
It may include or be associated with a blog, wiki,
or other patterns
Examples:
http://andrzejdragan.com/
http://www.jimwarren.com/site/
Patterns which it plays a part of:
to be added later
Patterns which make up an
Arts,
site:
Class Time/Location Table, Syllabus Schedule Table, Header, Footer,
Content, Nav, gallery List, Annotated art List, Footnote/End note, Citation,
Bibliography, Caption
Comments:
Portfolios are typically copyrighted galleries and subsume a variety of
sections of artwork, including a painting, drawing, etc. galleries, contact,
a vita or bio,
They may also make use of a blog, wiki, or, more rarely, free-standing,
interactive galleries.
Tags photography, artwork, events, portraits, graphics,

2

Pattern type:
Site
Pattern name:
blog
Also known as:
personal blog, online diary
Description:
A blog is a website for which an individual can post their thoughts combining text, images or links. Blog can include
video, music, audio files, and/or links, contact info.
It may include or be associated with a blog, wiki,
or other patterns
Examples:
http://www.thefunnydogs.com/

Patterns which it plays a part of:
to be added later
site:
in content edit, Header, Footer,
Content, Nav, Footnote/Endnote, Citation,
Bibliography, Caption
Comments:
blogs are typically and subsume a variety of
sections of texts, images, including links, archives, comments, etc.
are maintained by the author
Tags:
diary, photography, archive, events, comments, mp3,

3

Pattern type:
Site
Pattern name:
wiki
Also known as:
online encyclopedia, free-content encyclopedia
Description:
A wiki is a site where anybody can contribute, website for which an individual can check information about subject matter or be directed to the related pages with additional information. Online encyclopedia can occlude
video, music, audio files, and/or links, contact info.
It may include or be associated with a blog, wiki,
or other patterns
Examples:
wikipedia.com
Patterns which it plays a part of:
to be added later
site:
in content edit, Header, Footer,
Content, Footnote/End note, Citation,
Bibliography, Caption
Comments:
online encyclopedias are articles with a links with variety of
sections of texts, images, including bibliographies etc.
are maintained by anybody
Tags:
wiki, online encyclopedia, bibliography, footnotes,

4

Pattern type:
Site
Pattern name:
online games
Also known as:
games website, web applications
Description:
A gaming site is a site where anybody can play games, ether individual need to set up an account or create its log in,
people can play with other people around the world
It may include or be associated with a blog, wiki,
or other patterns
Examples:
games.com
Patterns which it plays a part of:
to be added later
Comments:
online gaming is free or non free of charge site,
Tags:
games, social games,

5

Pattern type:
Site
Pattern name:
online TV website
Also known as:
watch TV for free
Description:
A online TV website is a site where anybody watch current streaming of TV channels , an individual need to set up an account or create its lo gin in order to watch, usually these kind of sites are owed by TV channel stations,
It may include or be associated with a blog, wiki,
or other patterns
Examples:
linktv.com

Patterns which it plays a part of:
to be added later

Tags:
channel 1, watch online, free


6


Pattern type:
Site
Pattern name:
online games
Also known as:
games website, web applications
Description:
A gaming site is a site where anybody can play games, ether individual need to set up an account or create its log in,
people can play with other people around the world
It may include or be associated with a blog, wiki,
or other patterns
Examples:
games.com
Patterns which it plays a part of:
to be added later
Comments:
online gaming is free or non free of charge site,
Tags:
games, social games,

7

Pattern type:
Site
Pattern name:
online banking
Also known as:
banks online
Description:
A banking site is a site where anybody maintain their banking accounts online, need to set up an account within a a password.
people can make quick transactions, check their account info, make transfers between their account or anybody else.
Access It's available 24/day, does not need a card.
Examples:
citibank.com
Patterns which it plays a part of:
to be added later
Comments:
its highly secured, site is owned by particular bank
Tags:
pay, MasterCard, online banking,

week 2 in class notes/"Immature artists imitate"

http://zarifdesign.com/
http://blog.jjg.net/
http://marcjacobs.com/

"Immature artists imitate"
"Mature artists steal"

:)

test