2712
Comment:
|
3364
|
Deletions are marked like this. | Additions are marked like this. |
Line 1: | Line 1: |
== Assignment Introduction == {{{ gooey adj : soft and sticky Source: WordNet ® 2.0, © 2003 Princeton University }}} |
#acl All:read,write |
Line 8: | Line 3: |
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. | [[TableOfContents]] |
Line 10: | Line 5: |
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. | = Rules = * 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 excuse of not attending the meetings must be emailed to me 2 hours piror to the scheduled time. * No excuse after the scheduled time. |
Line 12: | Line 14: |
== Target Competency Area(s), Competencies and Level(s) == * Integrating technology * User focus * Form and senses (visual design) |
= Schedule = == Week 1 == Lecture:: Overview of GUI history attachment:GooeyHistory.pdf Homework:: * ('''4 weeks''') Read the following book : * 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 for a 5-minute presenation of your findings. * Start thinking of a new design of an OS desktop of a target user group. Resources:: * Ubuntu live CD (GNOME desktop): http://www.ubuntu.com * Kbuntu live CD (KDE desktop): http://www.kubuntu.org * Knoppix live CD (KDE desktop): http://www.knoppix.org/ * Solaris 10: http://www.sun.com/software/solaris/ |
Line 17: | Line 33: |
== Entrance Level :Level of Prior Competency Development (Optional) == * Anybody who has access to a computer. * Better if the attendees have some programming experience. |
== Week 2 == Lecture:: GUI design guidelines Activity:: * Presentations of os desktop comparison * Discussions Homework:: * Continue the books. * ('''2 weeks''') Task 2: Find too extreme examples of web designs 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:: * Edubuntu: http://www.edubuntu.org * StarDock has a serials of tools to customize your windows desktop: http://www.stardock.com/ * Search for ''kids'' or ''children'' at http://www.wincustomize.com/ for examples of redesgins of the windows desktop for children. == Week 3 == Lecture:: GUI desgin process Activity:: Q&A session Homework:: * Continue the books. * Continue Task 2. * continue Task 3. |
Line 21: | Line 59: |
== 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. |
== Week 4 == Lecture:: GUI design process 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 |
Line 24: | Line 70: |
== 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, |
== 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 |
Rules
- 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 excuse of not attending the meetings must be emailed to me 2 hours piror to the scheduled time.
- No excuse after the scheduled time.
Schedule
Week 1
- Lecture
Overview of GUI history attachment:GooeyHistory.pdf
- Homework
-
(4 weeks) Read the following book :
- 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 for a 5-minute presenation of your findings.
- Start thinking of a new design of an OS desktop of a target user group.
- Resources
Ubuntu live CD (GNOME desktop): http://www.ubuntu.com
Kbuntu live CD (KDE desktop): http://www.kubuntu.org
Knoppix live CD (KDE desktop): http://www.knoppix.org/
Solaris 10: http://www.sun.com/software/solaris/
Week 2
- Lecture
- GUI design guidelines
- Activity
-
- Presentations of os desktop comparison
- Discussions
- Homework
-
- Continue the books.
(2 weeks) Task 2: Find too extreme examples of web designs 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
Edubuntu: http://www.edubuntu.org
StarDock has a serials of tools to customize your windows desktop: http://www.stardock.com/
Search for kids or children at http://www.wincustomize.com/ for examples of redesgins of the windows desktop for children.
Week 3
- Lecture
- GUI desgin process
- Activity
Q&A session
- Homework
-
- Continue the books.
- Continue Task 2.
- continue Task 3.
Week 4
- Lecture
- GUI design process
- 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
- Presentations of web design comparison.
- Homework
-
- Finish your design/prototype, prepare for the final presentation
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
- Final presenations of your os desktop design