COAP:COAP-2170/week4: Difference between revisions
Jump to navigation
Jump to search
m (Created page with "<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 2170</categorytree> [...") |
mNo edit summary |
||
| Line 7: | Line 7: | ||
=== Monday === | === Monday === | ||
'''Introduction''' | |||
* The concept of user-centered design and in particular of [[participatory design]] | |||
[[image:Participatory-design.png|frame|none|A participatory design cycle]] | |||
[[image:articipatory-design2.png|frame|none|A participatory design cycle]] | |||
* Short overview of [[Design and usability methods and techniques]], i.e. where do usability testing, card sorting and prototyping fit in ? | |||
* Discussion of the card sorting activity (hw3) | * Discussion of the card sorting activity (hw3) | ||
* Early prototyping | |||
* Paper prototyping with post-its. We shall design a few webster pages and then move on to personal projects | * Early prototyping with wireframes | ||
: (videos needed here ...) | |||
: Short overview of [[Web prototyping software]] | |||
: [[Web wireframe]] tools | |||
'''Main activity''': | |||
* Paper prototyping with post-its. | |||
* We shall design a few webster pages and then move on to personal projects | |||
=== Wednesday === | === Wednesday === | ||
Revision as of 17:49, 1 April 2011
COAP 2170 Week 4 program
In week four we will focus on prototyping
Monday
Introduction
- The concept of user-centered design and in particular of participatory design
A participatory design cycle
File:Articipatory-design2.png
A participatory design cycle
- Short overview of Design and usability methods and techniques, i.e. where do usability testing, card sorting and prototyping fit in ?
- Discussion of the card sorting activity (hw3)
- Early prototyping with wireframes
- (videos needed here ...)
- Short overview of Web prototyping software
- Web wireframe tools
Main activity:
- Paper prototyping with post-its.
- We shall design a few webster pages and then move on to personal projects
Wednesday
- Prototyping with wire frameing software. We sill use Pencil project, installed on N:\Pencil
- People with their own PC:
- Install Pencil Project on your Personal Computer (Win/Linux only). Use the standalone version. The Firefox extension won't work with FF 4.
- Mac users can go for trial versions of JustinMind or Balsamiq or use an online tool (see [[web wireframe] for lists).