Thursday 25 February 2016

Good and Bad design of interactive products

In order to categorize a product as interactive it needs to be usable:
  • Easy to learn
  • Effective to use
  • Enjoyable user experience (Sharp, Rogers and Preece, 2015)
For the product to be considered usable we need to follow as many of the five  HCI principles as possible:
  1. Visibility 
  2. Feedback
  3. Affordance
  4. Constrains
  5. Consistency (Sharp, Rogers and Preece, 2015)
*more details about that you can find on my previous block post on the following link:


An example of Good design is the following Beer Dispenser:


  • The designer well considered both the usability and the aesthetic of the dispenser.
  • The size and the position of the handled hint the user that he has to operate by hand (affordance).
  • The space between handles give the sense of direction to operate.
  • The appearance of the handles (shape and colors of each handle represent the brand of the beer)
    • The different shape of the handles prevent user from mistakes
    • The user who frequently use the dispenser can easily find out if he wrongly pick a handle by the feeling from his hand.User will notice the error before he actually operate it. 
    • The different of shape of handles is also applied for equipment in operations that mistakes are unacceptable such as power plants (kanrawi, 2016)

An example of Bad Design is the following fire alarm


  • Will take time for user to find out when s/he needs it, in emergency situations
    • the problem is the color:
      • not attractive
      • too similar to the color of the wall
  • Difficult to find out how it works and how you can use it
  • Not sure where should you pull the top or the bottom
  • The keyhole convinced you to think that the box was nailed to the wall at that position
  • Not sure if there was a psychological reason behind the design to prevent unintentional actions (kanrawi, 2016)
=> Poor affordance
=> Poor visibility


* To conclude, in order to design an interactive product not only do you have to follow the HCI principles but also you need to see some examples of good and bad designs. As a result you could identify what are the do's and what the don'ts for the interactive product design. 



References:

kanrawi. (2016).  Archive for the Good/Bad Interface Design Category. [Internet]. Available at: < https://kanrawi.wordpress.com/category/goodbad-interface-design/ >. [Accessed on: 24/2/2016].

 Rogers, Y., Preece, J.,  Sharp, H. (2015).  Interaction Design:  Beyond Human-computer Interaction. 4th Edition. Wiley. 

10 comments:

  1. Nice post Maria! Why do you think that beer dispenser is good design? Especially, why do you think that the aesthitic of this product is good? Do you have some guidelines that they lead you to consider this?

    ReplyDelete
    Replies
    1. Hello Anna,
      As I said above the appearance of each handle in the dispenser has different shape and color and also represent the brand of the beer. That makes to the user visible what handle need to pull in order to get the right beer and also prevent users from mistakes. Also the space between handles give the sense of direction to operate so there is the aspect of affordance. Moreover, the size and the position of the handled hint the user that he has to operate by hand so another aspect of affordance applied here. Afordance, Visibility and Constrains are three out of five HCI principles that used here and are the guidelines that lead me to consider that is a good design. I don't have specific guidelines that they lead me think that beer dispenser has good aesthetic but I think the simple design and the colors used makes it's design aesthetic.

      Delete
  2. Hello Maria,
    The fire alarm in your opinion is a bad design. But how to change this bad design? Especially give me one good suggestion for this example.

    ReplyDelete
    Replies
    1. Thank you for your question Xristina,
      In order to change this design for a bad to a good needs to change the aspect that makes the design bad. In the example of the fire alarm its difficult for the users to find it because has similar colors with the wall. So in my opinion one possible change is to change the color of the fire alarm with red color so will be more visible to the users.

      Delete
  3. Hi Maria Thank you for your post,
    Can you tell me then feels that can have if you had to use this fire alarm in the future?

    ReplyDelete
    Replies
    1. I didn't understand your questions. Do you want to know what feelings I will have when I use the fire alarm?

      Delete
    2. If you mean that, then first of all when I will see that fire alarm I couldn't know how to use it, so i will feel confused and stupid. Additionally, I will fell frustrated cause I couldn't find out how it works.

      Delete
  4. I think that Xara wants to know your feelings if you succeed use this fire alarm.

    My feelings would be like a children who solves for the first time a mathematical equation.

    ReplyDelete
    Replies
    1. Yea, I agree with you. The feeling that you can not understand what to do, and how to do it.

      Delete
    2. 1 image, 1000 words
      http://openjournalism.ca/wp-content/uploads/2014/05/math-and-frustration.jpg

      Delete