Main | February 2007 »

January 31, 2007

Kelsey & Maria's News Sites Study

Download file

January 30, 2007

Tourism Web Site Comparison

Here is the link to our comparison (Laurie Lawrence & Annie Haubenhofer):

Comparison Assignment

Band Web Study

Band Websites
Katie and Donna

CatchPenny
http://www.catchpennyband.com/

Ingram Hill
http://www.ingramhillmusic.com

Pat McGee Band
http://www.patmcgeeband.com

Content/Subject

• Band Promotion
• Tour dates
• Bios
• Music Samples
• News
• Multimedia/Gallery
• Contact
• Store/Merchandise
• Street Team

Source of the communication (purpose)
• Promote the band
• A place for current and inquiring fans to find more information about the band.

User (needs, interests)
• Find tour dates
• Sign-up for newsletters
• Listen to music
• Buy CDs
• Learn about band
• Booking band for events
• Find similar bands

Context (similar web, situation - time for exploration, circumstance)
• Have to spend time exploring, not quick reference
• Research
• tour dates quickly accessible

Catchpenny
•Grid design
-Menu bar stays in same place on all pages, except pages that have not been updated
-Grid is different on content pages
-Should not have loaded new site before completing old site
• Usability
-Usable site with no style, text can still be read
-Easy to navigate, predictable menu placement
-No home page link on sub-pages
•Style
-Pleasant color pallet, easier on the eyes that old site
-Logical placement of navigation graphics
-Easy to read text

Pat McGee Band
•Grid design
-Consistent grid structure
-Menus and submenus
-Hierarchy not to shallow or deep
• Usability
-Cannot change to text only
-Only readable in Flash
-Flash users: straightforward and easy to navigate from on page to the next
-Logical
-Takes time to load for frequent users
• Style
-Pages look similar as though they belong together, cohesive
-Interesting graphics and animation
-Flows from one page to the next

Ingram Hill
•Grid Design
-Same layout on most pages
-Extra pop-up website confusing, offers same as main site but different layout
-Confused which site to use to find information
• Usability
-Does not meet accessibility standards, not usable with text only
-No need for extra site, unless it was just for listening to the music
-Annoying pop-up
-Some links open in annoying separate windows, hard to go back, clutter
• Style
-Two windows/sites could have been combined into one for less confusion and easy navigation
-Some photos are links that do not work
-Unnecessary graphics

January 25, 2007

News Sites

Foxnews.com

Content/ Subject: News

Source of the communication (purpose):
• Coming from writer, reporters, cameramen, ext., who are trying to give the general public the news.

User (needs, interests):
• Those who are interested in the goings on in the world.

Context:
• You can easily move to section your interested in and are provided with that areas headlines.

Organization of content:
• Well organized and has consistency in their navigation and layout.
• The overall page is cluttered with images, making it difficult to see organization within each page.
• Fox is function over form.
• Maps out your location so you know where you are within the site.

Graphic user interface:
Grid design:
• Grid isn’t used well for content in middle of page
• Overall page is divided up well
Usability:
• Simple to navigate through
• Can easily get to where you want
• The advertisements that are placed in the middle of the story are an unnecessary break
Style
• Menu works good but unattractive
• Poor choice in colors, blue is to bright
• Use to many graphics and pictures


CNN.com

Content/ Subject: News

Source of the communication (purpose):
• Coming from writer, reporters, cameramen, ext., who are trying to give the general public the news.

User (needs, interests):
• Those who are interested in the goings on in the world.

Context:
• Changes in layout design which slows down your searching capability

Organization of content:
• Lacks consistency in navigation between home page and other pages
• Home page has good table of contents where headlines are easily read
• For main articles they provide you with a paragraph of text on the homepage to draw you in. If you click on the link you get the rest.

Graphic user interface:
Grid design:
• The content is well organized within their grid scheme
• Overall page is divided up well
Usability:
• At the bottom of each article you are provided with the tools to save, print, and email article
• Search engine isn’t defaulted to their site
Style
• Colors are soft and easy on your eyes.
• Overall a clean, well organized look
• Needs more consistency in where the navigation is placed


BBC.com

Content/ Subject: News

Source of the communication (purpose):
• Coming from writer, reporters, cameramen, ext., who are trying to give the general public the news.

User (needs, interests):
• Those who are interested in the goings on in the world. They provide you with the option of reading the articles in many languages.

Context:
• To ways to browse from the home page allows for a quicker direct route or a more general search of the news.

Organization of content:
• Tabs provide a nice way to navigate through sections
• Tabs are always located in the same spot , never change in each section
• Change in color provides you with a visual cue that you are in a new page
• Home page serves as a table of contents providing you with the top headlines in each section.

Graphic user interface:
Grid design:
• The content is well organized within their grid scheme
• Overall page is divided up well
• Grid is basically the same in each section
Usability:
• At the bottom of each article you are provided with the tools to save, print, and email article
• Search engine isn’t defaulted to their site
• Quick link to low graphics version
• You can choose the kind of news you prefer if its more local to the UK or International
Style
• Use simple colors and layout
• Overall a clean, well organized look
• Colors change for each section

Week 2

Assignments
Web Terms - Post in your blog
Web Study - Part 1
Web Study - Part 2

Readings
Web Style Guide - Chapter 1
Web Style Guide - Chapters 2 + 3

Blog
This week play an interactive game and then discuss in your blog about the usability of the interface. Could the game's experience be improved if the interface was easier to use? How?

January 19, 2007

53 css- techniques you couldn't live without

53 css techniques

I found this site on digg.com... a couple of the css techniques I think I can live without... but some look promising.

Thong's terms

Internet
World Wide Web
Web server
Host
Web site
Web page
Web brower
Podcast
Cache
HTML
XML
JavaScript
IP Address
URL’s
Domain name
HTTP
FTP
ISP
IPP
Modem
Cable modem
Ethernet
Wireless
CSS
blog
MP3
JPEG
GIF
GUI
PHP

January 18, 2007

Blog Comments!

Hi fellow blogosphere. I believe UThink Blogs have comments turned off by default (to prevent spam), so if you post on your classmate's journals you will see the message "Your comment has been received and held for approval by the blog owner." You can choose to approve comments individually -or- you can turn on comments globally.

To turn on comments for your journal:
Open your blog
In the lefthand column, click on "SETTINGS" option under configuration
Click on "feedback" (third option on top link list)
Fiddle with your options from there

January 16, 2007

Ryan Tvenge's blog

A link to my Blog

Kelsey's Blog

http://blog.lib.umn.edu/vanh0123/kelsey_interactive_ii/

Maria Louwagie

My Blog

Thong's blog

My Journal

Josh's Blog

http://blog.lib.umn.edu/bern0271/bloggin/

Kelly's Blog

http://blog.lib.umn.edu/schr0724/schroeder/

Thong's Week#1

http://blog.lib.umn.edu/yang0583/interactive_2_folder/

Laurie's Blog

My Journal

hello my name is..

Annie + blog = read.

Katie's Blog

My Blog

Gen's Gournal

http://blog.lib.umn.edu/john6336/interactiveii/

Emily's Blog

http://blog.lib.umn.edu/hult0074/emilyhultman/

Donna's Blog

DonnaMae Blog

Zach sez...

My Blog

Topher's journal

View Topher's blog

Login + Week 1

Welcome to Interactive Design 2:

1. To login to the blog go to: http://blog.lib.umn.edu/
2. Post a link to your online journal.
3. Answer the following questions in your first journal posting.

What is Interactive Design?
What do you want to learn in the course?
What applications / programming languages do you know or want to learn?


1/18/2007
Lecture
Process of web design.

Assignments
Web Terminology in class assignment

Readings
Web Style Guide
by Lynch and Horton

Read Chapter 1: "Process"