The ID process
-
Upload
darius-padilla -
Category
Documents
-
view
39 -
download
1
description
Transcript of The ID process
![Page 1: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/1.jpg)
The ID process
• Identifying needs and establishing requirements
• Developing alternative designs that meet those requirements
• Building interactive versions of the designs so that they can be communicated and assessed.
• Evaluating what is being built throughout the process
![Page 2: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/2.jpg)
3 characteristics of this process
• Users should be involved throughout the development of the project
• Specific user experience goals should be identified, agreed upon, and documented
• Iteration through the 4 activities is inevitable
![Page 3: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/3.jpg)
usability goals
efficient to use
effective to use
safe to use
good utility
easy to learn
easy to remember how to use
emotionally fulfilling
fun
rewarding
supportive of creativity
pretty
motivating
helpful
satisfying
entertaining
enjoyable
aesthetic goals
User experience goals
![Page 4: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/4.jpg)
usability goals
efficient to use
effective to use
safe to use
good utility
easy to learn
easy to remember how to use
emotionally fulfilling
fun
rewarding
supportive of creativity
pretty
motivating
helpful
satisfying
entertaining
enjoyable
aesthetic goals
Key goals for an Internet application that allows the general public to access their medical records?
![Page 5: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/5.jpg)
usability goals
efficient to use
effective to use
safe to use
good utility
easy to learn
easy to remember how to use
emotionally fulfilling
fun
rewarding
supportive of creativity
pretty
motivating
helpful
satisfying
entertaining
enjoyable
aesthetic goals
Key goals for a system for teaching college level courses on-line, including lectures?
![Page 6: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/6.jpg)
![Page 7: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/7.jpg)
Understanding and conceptualizing interaction
![Page 8: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/8.jpg)
![Page 9: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/9.jpg)
![Page 10: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/10.jpg)
![Page 11: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/11.jpg)
![Page 12: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/12.jpg)
Conceptualizing web usage
• How do people conceptualize web pages in their everyday activity?
– To what is it similar? What metaphors do they bring to bear?
– What actions can on perform on or with a web page?
![Page 13: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/13.jpg)
Conceptual model
• Need to first think about how your audience will conceptualize the system (e.g. how they will understand it).
![Page 14: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/14.jpg)
First steps in formulating a conceptual model
• What will the users be doing when carrying out their tasks?
• How will they think about the task?• What concepts and metaphors will
they bring with them to the system?
• What interaction modes will be most useful?
![Page 15: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/15.jpg)
Conceptual models
• Many ways of classifying them• We’ll look at activities and objects• And interface metaphors
![Page 16: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/16.jpg)
![Page 17: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/17.jpg)
Conceptual models based on activities
![Page 18: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/18.jpg)
Conceptual models based on activities
• Giving instructions– issuing commands using keyboard and function
keys and selecting options via menus
• Conversing– interacting with the system as if having a
conversation (e.g., AskJeeves)
• Manipulating– acting on objects and interacting with virtual
objects (e.g., pong, MS Word)
• Browsing– Looking through lists, poking around, etc.
![Page 19: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/19.jpg)
1. Giving instructions
• Where users instruct the system and tell it what to do– e.g. print a file, save a file
• Very common conceptual model, underlying a diversity of devices and systems– e.g. DVD player, vending machines
• Main benefit is that instructing supports quick and efficient interaction
![Page 20: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/20.jpg)
• What instructions are needed to get a can of soda?• What instructions are necessary for retrieving a
snack?
![Page 21: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/21.jpg)
2. Conversing• Underlying model of having a conversation
with another human
• Range from simple voice recognition menu-driven systems to more complex ‘natural language’ dialogues
• Examples include timetables, search engines, advice-giving systems, help systems
• Recently, much interest in having virtual agents at the interface.
• AT&T developed voice interaction systems now in use on almost every customer support line.
![Page 22: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/22.jpg)
Get me off the list
1-888-567-8688
![Page 23: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/23.jpg)
3. Manipulating and navigating
• Involves dragging, selecting, opening, closing, etc. on virtual objects
• Exploit’s users’ knowledge of how they interact in the physical world
• Exemplified by:– The direct manipulation approach (DM)– What you see is what you get (WYSIWYG)
![Page 24: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/24.jpg)
![Page 25: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/25.jpg)
![Page 26: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/26.jpg)
Principles of direct manipulation
• Continuous representation of objects and actions of interest
• Physical actions and button pressing instead of issuing commands
• Rapid reversible actions with immediate feedback on object of interest
![Page 27: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/27.jpg)
What are the advantages?
• For novice users?• For experienced users?• For intermittent users?
![Page 28: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/28.jpg)
Why are direct manipulation interfaces so enjoyable?
• Novices can learn the basic functionality quickly• Experienced users can work extremely rapidly to carry
out a wide range of tasks, even defining new functions • Intermittent users can retain operational concepts over
time• Transparency• Users can immediately see if their actions are furthering
their goals and if not do something else• Error messages rarely needed• Users experience less anxiety• The system itself teaches one how to use it.
![Page 29: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/29.jpg)
Disadvantages?
![Page 30: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/30.jpg)
What are the disadvantages with DM?
• Some people take the metaphor of direct manipulation too literally
• Not all tasks can be described by objects and not all actions can be done directly
• Some tasks are better achieved through delegating– e.g. spell checking
• Can become screen space ‘gobblers’• Moving a mouse around the screen can be slower
than pressing function keys to do same actions
![Page 31: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/31.jpg)
4. Exploring and browsing
• Similar to how people browse information with existing media (e.g. newspapers, magazines, libraries, pamphlets)
• Information is structured to allow flexibility in way user is able to search for information– e.g. multimedia, web
![Page 32: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/32.jpg)
![Page 33: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/33.jpg)
Conceptual models based on objects
![Page 34: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/34.jpg)
Conceptual models based on objects
• Usually based on an analogy with something in the physical world
• Examples include books, tools, vehicles
• Classic: Star Interfacebased on officeobjects
Johnson et al (1989)
![Page 35: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/35.jpg)
![Page 36: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/36.jpg)
Movie maker exercise
![Page 37: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/37.jpg)
Movie maker
• Define a conceptual model for a movie making piece of software
![Page 38: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/38.jpg)
Movie maker
• First, what are the objects?
![Page 39: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/39.jpg)
Movie maker
• Objects– Frames– Effects– Transitions– Others?
![Page 40: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/40.jpg)
Movie maker
• Now define a model for how people will construct a movie using the objects.
![Page 41: The ID process](https://reader036.fdocuments.us/reader036/viewer/2022062721/568136bf550346895d9e5d3f/html5/thumbnails/41.jpg)
Which conceptual model is best?
• Direct manipulation is good for ‘doing’ types of tasks, e.g. designing, drawing, flying, driving, sizing windows
• Issuing instructions is good for repetitive tasks, e.g. spell-checking, file management
• Having a conversation is good for specialized applications (e.g., applications for learning, computer-phobic, disabled users and CRM)
• Hybrid conceptual models are often employed, where different ways of carrying out the same actions is supported at the interface - but can take longer to learn