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...

ngrok, a service to help you get a public URL for your local webserver

If you are looking for options to test your web app hosted on your own machine (e.g., laptop) remotely with someone, I recommend using a service called ngrok. https://ngrok.com/ It has many usages, but in the context of testing an app hosted on your own machine, the most important part is giving you a public URL that will redirect all the requests to your local webserver (e.g., Apache, Nginx, or whatever server you are running). You can give this URL to a testing participant without the need to host the app on a remote server. For instance, if you are testing your app using a sever on your machine, typically you can access your app in a URL like:  http://localhost:3000/?study=11 Using ngrok, you will have a dynamically generated URL like the following: https://3ebe3c019867.ngrok.io/ The service will redirect requests to https://3ebe3c019867.ngrok.io to http://localhost:3000 You can then share the following link with your testing participant for the participant to use your app. http...

線上筆記本、便利貼整理 Online Note Taking Service (Especially Sticky Note) List

Some of the note taking service I have tried! Sticky Note lino it Comment: 精美、除了沒有辦法 download as file + print  之外,應該是這個  list  中的  best choice 中文資料儲存沒有問題,不會變亂碼 無法 double click create note, 但是可以用拖拉方式產生 可以 share, send link, embed, rss, 可用 email post, 無法存檔 無法 double click to edit,但是跳出視窗的速度還 OK、可直接 drag & drop 有 public(group) vs. private 的設定 不能 print(應該說 print 的時候內容不會出現) 有 Task 功能 無法download as file (應該沒有可以的) squareleaf Comment: 比較不  fancy  ,但是簡單可愛 中文資料儲存沒有問題,不會變亂碼 可用 browser print, 但是排版沒有很好 可直接點選編輯(不用等跳出小視窗後再 input) 無法在空白地方 double click 產生新 Note 無法 share, 無法download as file postica Comment: 精簡,稍微制式 中文資料儲存沒有問題,不會變亂碼 點選編輯的時候很慢,反應遲鈍 可以 Print, 但是中文編碼要選 UTF-8 可以 drag & drop 無法 download as file, 無法 share wall wisher Comment: 精美 中文儲存有問題 雙擊 create note, 可以拖拉 每個 note 有 160 character 的限制 文字沒有 Format,無法調整大小, 顏色 可 share, send link, rss fee...