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

Using Pandoc for Doing Citation and Bibliography in Markdown

Markdown is a simple formatting syntax that allows you to do common formatting with ease. Pandoc is a feature rich interpreter that helps you convert documents from one format to anther. If you are writing homework, research papers, or anything that needs citation and a bibliography, you can totally use Markdown and Pandoc to achieve that. Below is a set of instructions that you can follow to generate a document with in-text citation and bibliography. First, install Pandoc and the extension for creating citation ( pandoc-citeproc ).  There are several ways to install Pandoc, you can choose one of them recommended on the official website . On Mac, one way is to install Homebrew , a package manager, and then use Homebrew to install Pandoc and the extension. For Windows users, please refer the official website on how to install Pandooc and extension. Here I will show how to install Pandoc and the extension for citation through Homebrew. After installing homebrew, you can exec

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