Differences between revisions 22 and 23
Revision 22 as of 2006-03-29 17:36:42
Size: 3338
Editor: dyn176224
Comment:
Revision 23 as of 2006-11-27 09:57:50
Size: 3397
Editor: dyn-176107
Comment:
Deletions are marked like this. Additions are marked like this.
Line 7: Line 7:
 * ["/200611"]
== Completed ==
Line 8: Line 10:

== Completed ==
Line 33: Line 33:
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. Understanding the concepts and structures of GUI. Learning the user centered process of GUI design, from analysis, prototyping to evaluation. And having some fun with Websites and Operating systems.
Line 36: Line 36:
 Lectures:: 5 hours, on GUI history, GUI structures and components, GUI design and evaluation.
 Activity:: Presentations and discusstions, 5 hours
 Reading:: 5 hours, back ground material.
 Group activity:: 25 hours
  Task 1:: OS comparison
   Compare the modern desktop interfaces (MAC OS X, KDE, GNOME, and of course Windows Explorer).
  Task 2:: Website comparison
   Find too extreme examples of web designs of the same kind, that you like most and hate most. Prepare a presentation that tell the story and the reasons
  Task 3:: Desktop redesign for a user group
   Windows face lifting. Skin, customise and remaster the Windows desktop for a special target user group. 10 hours.
 Lectures:: 2 hours, on GUI history, GUI structures and components, GUI design and evaluation.
 Presentations and discussions:: 8 hours.
 Activities:: Students are grouped into teams. Each team
  * [Task 1, 15 hours] reads a book on GUI design and present 10 "golden tips" from the book to the rest of the class. Each tip should come with 2 examples which are not from the book.
  * [Task 2, 15 hours] either
   * finds two extreme examples of web designs of the same kind, that the team likes most and hates most. Redesign the worst example. Presents the results.
   * compares two OS GUIs (for example MAC OS X, KDE, GNOME, and Windows Desktop). Redesigns one of them for a target user group of the team's choice. Presents the results.
Line 48: Line 45:
  * 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.
  * Presentations from the group activities.
  * Individual report (no more than 2-page A4 in 10-point typeface) on
   * what has been learned;
   * feedback on the assignment: complaints, comments and suggestions
Line 53: Line 51:
 From Amazon::
  * '''Dont make me think''', by Steve Krug
 Books ::

Gooey: Soft & Sticky

TableOfContents

Ongoing

  • ["/200611"]

Completed

  • ["/200603"]
  • ["/200601"]

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 centered process of GUI design, from analysis, prototyping to evaluation. And having some fun with Websites and Operating systems.

Learning Activities

Lectures
2 hours, on GUI history, GUI structures and components, GUI design and evaluation.
Presentations and discussions
8 hours.
Activities
Students are grouped into teams. Each team
  • [Task 1, 15 hours] reads a book on GUI design and present 10 "golden tips" from the book to the rest of the class. Each tip should come with 2 examples which are not from the book.
  • [Task 2, 15 hours] either
    • finds two extreme examples of web designs of the same kind, that the team likes most and hates most. Redesign the worst example. Presents the results.
    • compares two OS GUIs (for example MAC OS X, KDE, GNOME, and Windows Desktop). Redesigns one of them for a target user group of the team's choice. Presents the results.

Deliverables

  • Presentations from the group activities.
  • Individual report (no more than 2-page A4 in 10-point typeface) on
    • what has been learned;
    • feedback on the assignment: complaints, comments and suggestions

List of Available Reference and or Background Materials

Books
From TU library
  • Interface Desgin: The art of developing easy-to-use software, by Peter Bickford

  • GUI design essentials by Susan Weinschenk, Pamela Jamar and Sarah C. Yeo

  • The elements of user interface desgin, by Theo Mandel
  • 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
From the Web

JunHu: GooeySoftAndSticky (last edited 2011-08-27 05:19:17 by dyn-176109)