1 / 20

How do people use an Interface

How do people use an Interface. Lecture # 4. User Interface Design?. Design is solving a problem Design is creating an object or the means to enable, in our case a user, to achieve an intent To optimize our solution we need to understand how people interact with the world . Human Action.

markku
Télécharger la présentation

How do people use an Interface

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. How do people use an Interface Lecture # 4 Gabriel Spitz

  2. User Interface Design? • Design is solving a problem • Design is creating an object or the means to enable, in our case a user, to achieve an intent • To optimize our solution we need to understand how people interact with the world Gabriel Spitz

  3. Human Action Intent Refine/Stop Assess Plan Act Gabriel Spitz

  4. Norman’s Activity Model • Don Norman (1988) proposed that users view the user-interface as a mean to an end • The interface, according to Norman’s model provides users with the mechanisms to achieve something that they desire or want • This mechanism includes 2 basic elements • An Interface – The means used to communicates between the user and application what needs to be done • Interaction – The mechanism bywhich the user is expected to achieve the tasks using the interface Gabriel Spitz

  5. User Interface Design • For the example below • The interface includes: • The blue icon • Message • Labeled button • The interaction includes: • Reading the message • Clicking on the close button Gabriel Spitz

  6. The Action Model • The action model deals with the interaction • It suggests that the way people act can be decomposed into: • An Intention • A Plan • An action • An Evaluation • Actions are performed within a context of a higher level goal Gabriel Spitz

  7. Example – Removing The Error Message • To remove the error message (Goal) the Activity Model hypothesizes that user will • Formulate an intent to close the message • View the box and decide that to close it one needs to click on the close button • Click on the “Close” button • Check to make sure that the dialog box is indeed closed Gabriel Spitz

  8. Activity Model Goal Evaluation Gap How do I (the user) affect the state of the world Was the change that I sensed the same as what I expected Execution Gap External World Gabriel Spitz

  9. Gulf of Execution • Deals with the gap between what the user wants to do – Intention and the action needed to implement the intent • How do I start my car • How do I save a document • How do I set the time on my car clock • The role of the user interface is to help bridge this gap by helping users determehow to act Gabriel Spitz

  10. Gulf of Evaluation • Deals with the gap between perception and interpretation • Did my car started? • Was my document saved? • Am I controlling the time on my car clock? • The role of the user interface is to help user determine what happened in the real world Gabriel Spitz

  11. Implementing the Action • For the user Interface to be effective it will need to assist users in helping them • Execution • Form an intention • Plan out the action – how will it flow • Execute the plan • Evaluation • Perceive the result • Interpret the result • Evaluate the result Gabriel Spitz

  12. Veering to the Left of the Road • Form an intention • Plan out the action • Execute the plan • Perceive the result • Interpret the result • Evaluate the result Gabriel Spitz

  13. Closing the GapsHelping the user cross the chasm Goal Intention Comparison Detailed Plan Interpretation Execution Perception External World Gabriel Spitz

  14. Example - Execution • Forming a Goal • I want to inform my team about a meeting I had. • Intention to Act • I have outlook open on my desktop. I will set up a meeting for the team and myself. I will open a meeting invitation • Planning the Action • I need to move the cursor to the meeting icon and click on it • Executing the Action • I move the cursor to the meeting icon and I click on it Gabriel Spitz

  15. Example - Evaluation • Feedback from the Action • A meeting set up form is opened • Interpret the Feedback • I am now able able to specify a meeting and invite Sean • Evaluate the Outcome • Positive – I’m able to start scheduling a meeting. No further action is needed • Negative – The form I opened is for scheduling an appointment not a meeting • The Action Cycle is either repeated or a new goal is formed Gabriel Spitz

  16. Example – Planning Challenge From Michael J. Darnell @ http://www.baddesigns.com/ Gabriel Spitz

  17. Example – Planning Challenge Gabriel Spitz

  18. Example – Execution Challenge Gabriel Spitz

  19. Example – Interpretation Challenge Gabriel Spitz

  20. So what are the the implication of this model for design? Gabriel Spitz

More Related