Differences between revisions 14 and 35 (spanning 21 versions)
⇤ ← Revision 14 as of 2006-02-15 10:33:08 →
Size: 5136
Editor: dyn176159
Comment:
← Revision 35 as of 2008-10-03 20:19:14 → ⇥
Size: 4273
Editor: localhost
Comment: converted to 1.6 markup
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
#acl All:read,write ##acl All:read,write
= Gooey: Soft & Sticky (DA259 200603) =
<<TableOfContents>>
Line 3: Line 5:
[[TableOfContents]] = Code of conduct =
 * This assignment will not be considered to be completed if
  * you attend less than 60% of the meetings.
  * you fail to deliver any of the presentations and the reports in time.
  * you quit the assignment.
  * you prefer "N" to "Y".
 * Any excuses of not attending the meetings must be emailed to me 2 hours piror to the scheduled time.
 * No excuse after the scheduled time.

= Approach =
 * learning by doing (together)
 * learning from each other
 * book, book, and yet another book.
Line 7: Line 21:
 Presentation:: Overview of GUI history attachment:GooeyHistory.pdf  Lecture::
  * Overview of the soft and sticky aspects of comupters: the operating systems and the GUI
  * Overview of GUI history [[attachment:GooeyHistory.pdf]]
Line 9: Line 25:
  * Experience and compare two OS desktops
   * Please form 2-person groups, each run a different desktop. You may sit next to each other to compare and analyze the GUI. 		  * ('''4 weeks''') Read the following books:
   * Don't Make Me Think by Steve Krug (About web gui design)
   * Interface Desgin by Peter Bickford '''or/and''' GUI Design Essentials by Weinschenk et al.
  * Please form 2-person groups for the tasks.
  * ('''1 week''') Task 1: Experience and compare two OS desktops
   * Sit next to each other to compare and analyze the GUI.
Line 12: Line 32:
  * Prepare for a 5-minute presenation of your findings.
  * Start thinking of a new design of an OS desktop of a target user group.		   * Prepare a 5-10 minute presenation of your findings.
  * Start thinking of a new design of an OS desktop for a target user group.
Line 19: Line 39:
  * Windows Vista CTP, installation CD from my office HG2.52.
Line 22: Line 42:
 Activity:: Presentation of os desktop comparison, and discussion
 Presentation:: GUI design guidelines		  Lecture:: GUI design guidelines [[attachment:GooeyDesignGuidelines.pdf]]
 Activity::
  * Presentations of os desktop comparison
  * Discussions
Line 25: Line 47:
  * Read the following book (2 weeks):
   * Don't Make Me Think by Steve Krug (About web gui design)
   * Interface Desgin by Peter Bickford '''or/and''' GUI Design Essentials by Weinschenk et al.
  * Find too extreme examples of your favorite web design and a design you hate most. Prepare a presentation that tell the story and the reasons (2 weeks).
  * Experience with a GNOME desktop that is specially designed for children, or a customized desktop for children from wincustomize.com (1 week).
   * Did they improve anything? or they just made things worse?
  * Designing/prototyping a new OS desktop for a target user group of your choice (3 weeks)
   * Informe me about your choide by the end of this week		   * Continue the books.
  * ('''2 weeks''') Task 2: Find two examples of web designs of the same kind that you like most and hate most. Prepare a presentation that
   * tells what you have learnt from the book ''don't make me think''
   * tells the story and the reasons of the web design comparison.
  * ('''3 weeks''' Task 3: Designing/prototyping a new OS desktop for a target user group of your choice. Prepare a presentation that
   * tells what you have learnt from the book Interface Desgin by Peter Bickford '''or/and''' GUI Design Essentials by Weinschenk et al.
   * tells your target user group, your desgin process and approach, and the result.
Line 38: Line 59:
Line 40: Line 60:
 Presentation:: GUI desgin process  Lecture:: GUI desgin process
Line 43: Line 63:
  * Continure your work from week 2.   * Continue the books.
  * Continue Task 2.
  * Continue Task 3.
Line 47: Line 69:
  * Presentation of your extreme examples of web design   * Presentations of web design comparison.
   * tell what you have learnt from the book ''don't make me think''
   * tell the story and the reasons of the web design comparison.
  * Discussions
Line 51: Line 76:
 Homework::
  * Continue Task 3.
Line 53: Line 80:
 Activity:: Final presenations
 


= Assignment Introduction =
{{{
gooey
adj : soft and sticky
Source: WordNet ® 2.0, © 2003 Princeton University
}}}

When a lot of us hear the word "gooey," we think about sticky buns or creamy sugary fillings. Others, especially the software designers and even industrial designers, think "GUI", as in "Graphical User Interface." A GUI is what computer types call the system of icons, taskbars, and other objects that our computers use to display and access information. But nowadays, even smallest portable devices, for example, your mobile phone or my mp3 player, carry a GUI.

Many our designers have a MAC or some unlucky ones are still dreaming of having a MAC, because, as they say, besides many other reasons, a MAC has a “better” GUI than PC’s. Why the “Start” button, even with a “click here to start” slogan, failed to start the designers to open their eyes and wallets? There must be a reason, and we are going to find out why.

== Target Competency Area(s), Competencies and Level(s) ==
 * Integrating technology
 * User focus
 * Form and senses (visual design)

== Entrance Level :Level of Prior Competency Development (Optional) ==
 * Anybody who has access to a computer.
 * Better if the attendees have some programming experience.

== Learning Objectives ==
Understanding the concepts and structures of GUI. Learning the user centred process of GUI design, from analysis, prototyping to evaluation. And having some fun with Windows.

== Learning Activities ==
 Lectures:: 5 hours, on GUI history, GUI structures and components, GUI design and evaluation.
 Reading:: 5 hours, back ground material.
 Group activity:: Design an new GUI for an existing product (evaluation, analysis, design, prototyping and testing): 20 hours
Individual activity: Windows face lifting. Compare the modern desktop interfaces (MAC OS X, KDE, GNOME, and of course Windows Explorer). Skin, customise and remaster the Windows desktop for a special target user group. 10 hours.

== Deliverables ==
 * Report and presentation on the results of the group activity.
 * Presentations on the findings of desktop comparison.
 * Presentation and competition on the skinned Windows desktop.

== List of Available Reference and or Background Materials ==
 From TU library::
 * The essential guide to user interface design : an introduction to GUI design : principles and techniques / by Wilbert O. Galitz
 * GUI bloopers : don'ts and do's for software developers and web designers / by Jeff Johnson
 * GUI design essentials / by Susan Weinschenk, Pamela Jamar and Sarah C. Yeo

== From the Web ==
 * http://en.wikipedia.org/wiki/Graphical_user_interface,
 * http://www.guidebookgallery.org/ GUI screenshots of all kinds of OS.		  Activity::
  * Final presenations of your os desktop design
   * tell what you have learnt from the book Interface Desgin by Peter Bickford '''or/and''' GUI Design Essentials by Weinschenk et al.
   * tell your target user group, your desgin process and approach, and the result.
  * Feedback session
 Homework::
  * Final report. Not more than 4 pages of A4. Including:
   * What you have learnt from this assignment
   * Description of the results from Task 3:your target user group, your desgin process and approach, and the design decisions and the reasons behind.
   * Your comments/suggestions/complaints on this assignment. (I promise that this part won't have any impact on the final verdict).
  * Zip the presentations from Task 1, 2, 3, and the final report altogether and deliver it by next Wednesday, 5:00pm

Gooey: Soft & Sticky (DA259 200603)

Contents

  1. Gooey: Soft & Sticky (DA259 200603)
  2. Code of conduct
  3. Approach
  4. Schedule
    1. Week 1
    2. Week 2
    3. Week 3
    4. Week 4
    5. Week 5

Code of conduct

  • This assignment will not be considered to be completed if
    • you attend less than 60% of the meetings.
    • you fail to deliver any of the presentations and the reports in time.
    • you quit the assignment.
    • you prefer "N" to "Y".
  • Any excuses of not attending the meetings must be emailed to me 2 hours piror to the scheduled time.
  • No excuse after the scheduled time.

Approach

  • learning by doing (together)
  • learning from each other
  • book, book, and yet another book.

Schedule

Week 1

Lecture
  • Overview of the soft and sticky aspects of comupters: the operating systems and the GUI

  • Overview of GUI history GooeyHistory.pdf

Homework

  • (4 weeks) Read the following books:

    • Don't Make Me Think by Steve Krug (About web gui design)

    • Interface Desgin by Peter Bickford or/and GUI Design Essentials by Weinschenk et al.

  • Please form 2-person groups for the tasks.

  • (1 week) Task 1: Experience and compare two OS desktops

    • Sit next to each other to compare and analyze the GUI.
    • Tip: focusing on specific tasks: for example, locating an application; removing a file; sending an email etc.
  • Prepare a 5-10 minute presenation of your findings.
  • Start thinking of a new design of an OS desktop for a target user group.
Resources

Week 2

Lecture

GUI design guidelines GooeyDesignGuidelines.pdf

Activity
  • Presentations of os desktop comparison
  • Discussions
Homework
  • Continue the books.

  • (2 weeks) Task 2: Find two examples of web designs of the same kind that you like most and hate most. Prepare a presentation that

    • tells what you have learnt from the book don't make me think

    • tells the story and the reasons of the web design comparison.

  • (3 weeks Task 3: Designing/prototyping a new OS desktop for a target user group of your choice. Prepare a presentation that

    • tells what you have learnt from the book Interface Desgin by Peter Bickford or/and GUI Design Essentials by Weinschenk et al.

    • tells your target user group, your desgin process and approach, and the result.
Resources

Week 3

Lecture
GUI desgin process
Activity

Q&A session

Homework
  • Continue the books.
  • Continue Task 2.
  • Continue Task 3.

Week 4

Activity
  • Presentations of web design comparison.

    • tell what you have learnt from the book don't make me think

    • tell the story and the reasons of the web design comparison.
  • Discussions

  • Q&A session

Homework
  • Finish your design/prototype, prepare for the final presentation
Homework
  • Continue Task 3.

Week 5

Activity
  • Final presenations of your os desktop design

    • tell what you have learnt from the book Interface Desgin by Peter Bickford or/and GUI Design Essentials by Weinschenk et al.

    • tell your target user group, your desgin process and approach, and the result.
  • Feedback session
Homework
  • Final report. Not more than 4 pages of A4. Including:
    • What you have learnt from this assignment
    • Description of the results from Task 3:your target user group, your desgin process and approach, and the design decisions and the reasons behind.
    • Your comments/suggestions/complaints on this assignment. (I promise that this part won't have any impact on the final verdict).
  • Zip the presentations from Task 1, 2, 3, and the final report altogether and deliver it by next Wednesday, 5:00pm

JunHu: GooeySoftAndSticky/200603 (last edited 2008-10-03 20:19:14 by localhost)