In Class Notes

Interactive Storyboard Submission

Please make sure that your final presentation package covers the requirements as discussed in class and mentioned here. For final submission please upload group folder to David's digital locker dropbox.

Also, remember to do your peer evaluation form for representation phase.

If you have a swf. file and want to try to embed it to your wiki, go look at the FAQ page and sandbox page. It gives a bit of instruction and an example.

Or, if you would rather link externally to your .swf here's how:
1. In your digital locker create a "sites" folder
2. In that sites folder create another folder and name it however you wish, "group4" for example
3. Then upload the files that are linked together to form your interactive storyboards (.swf or .html or whatever)
4. Make sure the file you wish to start with is an "index.html" file
5. In your Wiki create an external link: the url will be <> for example the url to my group's flash file is ""

Participation and Activity Log

Make sure your individual activity log is updated and follows the class criteria which includes hyperlinks to specific pages. It is not necessary to link and note all of your group work contributions (can't be graded twice --- an exception to this may include specific components like moodboards, scenarios, etc) but a clear log will provide a more comprehensive roadmap to your work.... making a more positive the user experience for your instructor!

Tips: This may help you to organize your Activity Log
Section A
Understanding Phase: Sept 10 - Sept 24
Structuring Phase: Oct 1 - 29
Representing Phase: Nov 5 - Dec 3

Section B**
Understanding Phase: Sept 7 - Oct 5
Structuring Phase: Oct 12 - 2
Representing Phase: Nov 2 - 30

Representation Phase: Deliverables

The due date for the third and final Representation phase is:
  • Section A Monday Dec 3
  • Section B Friday Nov 29

The following items are required:
  • Mood Boards (1 per group member)
  • Thumbnails/Visual Comps showing process and final design
  • Group presentation package containing Interactive Storyboards
  • Presentation to class (Each group will make a 10 minute presentation to the class to demo and talk about their work and 5 minutes for questions and discussion to follow)

All relevant work needs to be accessible in a well organized wikispace. Working with the affordances and constraints of wikispaces, layout, navigation and presentation are overall consideration points when submitting for final grading.

Structuring Phase: Deliverables

The due date for the second phase is:

  • Section A Monday Nov 5th
  • Section B Friday Nov 2nd

This is run down of the deliverable items to be posted to the group wiki:

Flowcharts, System Maps and Wireframes

In this phase we are designing our system functions based on the requirements generated by the user research. Using flowcharts we can design process, while a system map using wireframes allows for mapping of content to that process.

Benchmarks and Best Practices

As the final leg of the "required" participation, the class will be posting annotated examples of benchmarks and best practices.This will replace the final glossary entry, and is meant to examine and imagine our project within the context of existing designs....products, services and environments. Each student will identify and highlight two benchmarks and/or best practices and add to the index.


In order to develop our requirements will need to follow the template provided. Make sure you cover these elements in your list of requirements:
  1. Description - explain the nature of the requirement
  2. Rationale - why is it needed and relate to research findings
  3. Type - categorize the type of requirement (see slideshow)
  4. Priority - rate according to Moscow Rules
  5. Content - what content will be needed in system to address this requirement
  6. Function - imagine a mechanism or feature within the system to meet this requirement

Design Teams

Students will form teams of 2-3 individuals for the next two phases of the project. Please include a link to your team's wiki or other workspace.

Design Research

Check the components of user research for the Structure Phase[[User Research|]]. The chapters from Benyon, Turner and Turner (PACT framework, requirements) and Research Methods from Dan Saffer's book are helpful resources in understanding research for interactive design. If you have any further concerns or question please contact David.

Understanding Phase: Deliverables

Next week is the due date for the the first phase of our project and this is run down of the deliverable items.
  1. Research Topic page posted in wiki to include:
    • research statement - one sentence that focuses the project in terms of context and objective
    • background - describe the public space and any relevant details
    • critical position - articulate your stance on a identified issue/concern and
    • data collection and analysis- your method of field research and documentation (link to your Flickr stream)
    • opportunities - future directions that this topic may take
    • resources- links, papers, blogs, etc. used in your research
  2. Concept Map - constructed to represent the research topic in visual form. This information graphic should illustrate the critical position while providing context and supporting details. A creative visual approach coupled with sound graphic design principles will improve the overall effectiveness of the concept map.
  3. Visual Essay - a 15-20 slide show of images to illustrate your topic in a visual narrative. Each student will present using the Pecha Kucha method (20 seconds per slide) in class and post their slide show online with a link from the Research Topic page. (It is recommended that you output to pdf for in class viewing and upload to my dropbox in the digital locker)

Pecha Kucha : 20/20 Visual Essay

This article from Wired in which Daniel Pink describes the origins of the the Pecha Kucha format. In doing so, he presents a visual essay in the 20/20 format that we will sue for our own presentations next week. Have a look...its really interesting and will probably give you some direction in developing your own presentation.

Critical Mapping and Concept Thinking?

Here is an article I can across from U of Vic that integrates the use of concept maps to support critical thinking. It will be helpful when organizing and strategizing your critique of public space.

What is Interaction Design?

As mentioned in last weeks class, here is the first chapter of Interaction Design: Beyond Human Computer Interaction. This chapter was required reading in Interactivity 2, so it is strongly recommended to re-read, as it contains many key concepts of UX design. Also, check the recommended texts in the course outline for additional titles to help with research, glossary, etc.

Glossary Update

Now that the first bunch of terms have been completed in the Glossary, the next part will involve improving and updating the present information. This can be done by editing the current definition to make it more understandable and reliable. One way may include adding information graphics, interesting applications, original photos that deepen our comprehension of the term. Here is an example of an well organized and effective student glossary entry.

Some things to note:
  • move beyond Wikipedia as your source (limited)
  • examples/applications in your surroundings will be more effective
  • original graphics/photos to communicate visually

You must choose a term not originally submitted by you and complete this update by Oct 5 for Section A and Oct 9 for Section B.

Critical Thinking


Concept Map Review

Here is this week's presentation Concept Map Review on Slideshare

Research Images

Any images (photos, diagrams, sketches, etc) for use in course research can be easily stored, shared and retrieved using the online tool Flickr. You will need to sign up for this service allowin easy access and presentation of our graphic content. Some guidelines to follow:
  • join the group InfoArch07 so we can have a shared pool of graphic material
  • tag your images "infoarch07" but include other tags that help describe your images (eg. bus, museum, eating, business, etc). In this way, your unique keywords will afford interesting and useful searching.
  • also fill in title and description fields
  • use map tool to geotag any site-specific photos
  • link your images into your research topic page using the Flickr widget

Don't worry if you are not entirely sure how all this works...give it a try but bring your questions or comments to discuss in the next class. Have fun!

Large images without Google ads

In order to avoid larger images being cut off by google ads you need to link the thumbnail directly to the ACTUAL place on the server the image resides (instead of making a new wiki page for it. )

for example this is where the critical_thinking web is located.

you can link your images by using this link and replacing the last portion with the filename and extension of your file.

alternatley if you need to link something from your OWN wiki you've created, the link would be