Skip to main content

Reading Note : Chapter 1 , The Psychopathology of Everyday Things, from The Design of Everyday Things by Donald A. Norman

 

Thought : (About Cutting Game)

  1. Visibility
    1. Compare to the sample in the article, cutting game has relatively few function, and all the functions are mapping to controls one by one. This will not make user confused.
    2. For the tool (button),
      1. Scissor, pencil, eraser , hand, and the X(exit) are the most understandable tools
        • But the effect of scissor is not realistic compared to cutting real paper with real scissor.
      2. The PageUP (arrow point upside), PageDown (arrow point to downside) buttons are not used by child at first, because they were originally been instructed to use the preview function to view multiple picture simultaneously.
        • But in the recent days, I find that they learn to use them by themselves.
        • I think it may be result from the simple function the button provide (flip one page, just like what user will do when reading book, instead of showing multiple pages at once)
      3. The button for three books and their corresponding preview function is arranged in a structured way, but the picture on the button is not quite easy to understand and some users perceive them with functionality that is not what I intended to express. I need to redesign the symbol I use on the button.
      4. The NewPage, NewBook button : I do not think their symbols are easy to understand, but at the same time I am struggle to decide what symbol I can use to best describe the functionality of them.
  2. Clue
    • Currently I did not quite understand the difference between the message that visibility convey and the clue
    • I think this part is similar to the Visibility (I did not have good example)
  3. Feedback
    1. When you successfully cut one piece down, the path of cutting will go thicker after you press the button to indicate the completion.
    2. When you take the piece out, the area it occupy originally will become hallow and see the background color (blue)
    3. For all the buttons, it will have green border surrounding the button when you press them.
    4. It have been observed in the user study that simple graphical feedback may not be sufficient to make child understand.
      • Sometime they will press a button multiple time, not sure whether they press the button successfully.
      • I think it will be good and fun to have some audio feedback when cutting, pressing, moving.
      • But we also heard from prof. Lo (and from the observation by ourselves) that these kind of feedback may draw child's attention out of the current activity and unfortunately many autism children has the problem of focus their attention, they are easily been distracted.

Comments

Popular posts from this blog

Setting MySQL to Use UTF-8 on MAMP (MySQL 5.5.9, or 5+)

I wanted to setup MySQL to use utf-8 on the MAMP installation on my Mac. I tried the instructions from this article: http://cameronyule.com/2008/07/configuring-mysql-to-use-utf-8/ However, I kept getting error messages that are similar to this one [ERROR] /Applications/MAMP/Library/bin/mysqld: unknown variable 'default-collation=utf8_general_ci' I did some search and realized that several variables are deprecated. Reference: http://dev.mysql.com/doc/refman/5.1/en/server-options.html Therefore, I added the following lines into /Applications/MAMP/conf/my.cnf [mysql] character-set-server=utf8 [client] character-set-server=utf8 [mysqld] character-set-server=utf8 collation-server=utf8_general_ci init-connect='SET NAMES utf8' I restarted the server and mysql run successfully with relevant variables being set correctly. In the "Variables" tab under phpMyAdmin interface (ex. http://localhost:8888/MAMP/?language=English) character set c...

Use NVM to handle Angular-Node.js incompatibility (e.g., Uncaught SyntaxError: Unexpected token 'export')

Overview If you are a fullstack developer, the chances are that you will be creating multiple frontend or Node.js projects along the way. When you are creating new projects using the newest version of the cli (command-line interface) of a particular framework, you might be asked to install the most updated version of Node.js in order to utilize the newest feature. This might involve upgrading your Node.js version, which might not be compatible with other existing projects (e.g., using Angular) you have created before. A potential solution is to use nvm (Node Version Manager) to install multiple versions of Node.js and use a particular version of the Node.js to install the proper version of the cli (e.g., Angular-CLI) that can be used to manage a particular project. Here I will use a problem I run into to explain how to solve it. Problem There is a compatibility issue between Node.js and angular.js. For instance, I run into an error when I was using an incompatible version of Node.js ...

Resolve "Box Sync" (online storage) recent issue of crashing (halting) and not syncing on Mac/macbook

My Box (https://www.box.com/) online storage client software stop working on your Mac recently. I found one possible workaround, and I will describe it here. Open "Activity Monitor". Search among "All Processes" for "Box". You will see two process: "Box Sync Engine and "Box Sync".  Stop those two processes by first selecting process and then pressing "Quit Process". Download the latest version of "Box Sync" from Box's web site. (I didn't check whether it is a newer version then what I have on my computer.) Install the latest version of "Box Sync". Provide account information to login and start syncing. Your Box should work correctly after executing the above procedure. I didn't investigate the issue, but I got my Box working by following this procedure. Hope this help!