Chapter 24 Flashcards
(23 cards)
Does interaction framework also called conceptual design
Yes
What is interaction framework
Framework phase defines the design structure and flow of computer based product.
What are 6 factors defining the interaction framework
1- Defining form factor and input method 2- Defining views 3- Defining functional and data elements 4- Determining functional groups and hierarchy 5- Sketching the interaction framework 6- Constructing key path scenarios
Does design a linear process or iterative process
Iterative and incremental
Do we go from abstract to concrete in interaction framework
Yes
What happens in step 1 of interaction framework (Defining form factor and input method)
- We define the basic posture of application
- Some perspectives (interaction paradigm, use of metaphor)
What happens in step 2 of interaction framework (Defining views)
- Define different views in screen
What happens in step 3 of interaction framework (Defining functional and data elements)
- Define panes, frames and other containers on screen
- Grouping of on-screen and physical controls
- Individual on-screen controls
- Individual buttons, knobs and other physical affordance on a device
- Data objects (icons, listed items, images, graphs) and associated attributes
- Functional elements are also to consider
What happens in step 4 of interaction framework (Determining functional groups and hierarchy)
Once we have top elements now we can segregate them into groups and hierarchy (e.g. menus in ms word)
What happens in step 5 of interaction framework (Sketching the interaction framework)
Sketch the design (e.g. balasmiq)
What happens in step 6 of interaction framework (Constructing key path scenarios)
- Define key pass scenarios
- Result from exploring details
- Make use of prototyping technique
What is key pass scenarios
What kind of tasks user wants to perform in detail
On what 2 scenario basis we can develop prototype
- Key pass scenarios
2. Context scenarios
What is prototype
Prototype is a representation of a system that is going to develop
What are 2 techniques of prototype
- Low fidelity
2. High fidelity
What about low fidelity prototyping
- story boarding
- sketching
What is story boarding
Story boarding is a technique used in movies and films
What about high fidelity prototyping
- Consists of adding more details to the interface
- Consists of visual design
What are advantages of low fidelity prototype
- Low development cost
- Evaluate multiple design concepts
- Useful communication device
- Address screen layout issues
- Useful for identifying market requirements
What are disadvantages of low fidelity prototype
- Facilitator-driven
- Limited error checking
- Proof detailed specification to code to
- Limited usefulness for usability tests.
- Limited utility after requirements established
- Navigational and flow limitations.
What are advantages of high fidelity prototype
- Complete functionality
- User-driven
- Use for exploration and test
- Look and feel for final product
- Marketing and sales tool
What are disadvantages of high fidelity prototype
- More expensive to develop
- Time-consuming to create
- Inefficient for proof-of-concept designs
- Not effective for requirements gathering
What happened in refinement phase
- High fidelity prototyping techniques
- Look and feel is defined