Task: Prototype the User-Interface
var defaultQueryStr = '?proc={002674F9-6511-4D15-8623-B761D8C48986}&path={002674F9-6511-4D15-8623-B761D8C48986},{DAFB461E-9ADB-4849-8285-B7E3E72BDB43},_kI43MEocEdqrjq4i3fchvA';
var backPath = './../../';
var imgPath = './../../images/';
var nodeInfo=[{view: "view:_e_O28N7KEdm8G6yT7-Wdqw", path: ["_e_O28N7KEdm8G6yT7-Wdqw", "_vCtak0JHEdq4z9xc-r201w", "_vChNQkJHEdq4z9xc-r201w", "_vChNREJHEdq4z9xc-r201w", "_XSr4YCFtEdqrX8YVzvtlIg", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}, {view: "view:_e_O28N7KEdm8G6yT7-Wdqw", path: ["_e_O28N7KEdm8G6yT7-Wdqw", "_vCtak0JHEdq4z9xc-r201w", "_vCtajUJHEdq4z9xc-r201w", "_vCtai0JHEdq4z9xc-r201w", "_J1u8gCGYEdqMcovRzkCQow", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}, {view: "view:_e_O28N7KEdm8G6yT7-Wdqw", path: ["_e_O28N7KEdm8G6yT7-Wdqw", "_vCtak0JHEdq4z9xc-r201w", "_vCtaj0JHEdq4z9xc-r201w", "_vCtakkJHEdq4z9xc-r201w", "_rw4S4Z5IEdq7s5zuJVEAAw", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}, {view: "view:_FCx1oN7CEdmsEI4YDGX2ag", path: ["_FCx1oN7CEdmsEI4YDGX2ag", "_PEpmMCVuEdqSZ9OimJ-AzA", "_-kFhcCVuEdqSZ9OimJ-AzA", "_pV4NgSFsEdqrX8YVzvtlIg", "_XSr4YCFtEdqrX8YVzvtlIg", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}, {view: "view:_FCx1oN7CEdmsEI4YDGX2ag", path: ["_FCx1oN7CEdmsEI4YDGX2ag", "_PEpmMCVuEdqSZ9OimJ-AzA", "_SkuIwCVwEdqSZ9OimJ-AzA", "_gM9X0CGFEdqMcovRzkCQow", "_J1u8gCGYEdqMcovRzkCQow", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}, {view: "view:_FCx1oN7CEdmsEI4YDGX2ag", path: ["_FCx1oN7CEdmsEI4YDGX2ag", "_PEpmMCVuEdqSZ9OimJ-AzA", "_cn2akCVwEdqSZ9OimJ-AzA", "_zUDkgSGFEdqMcovRzkCQow", "_vllcADIKEdqGgPtrSpB0vQ", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}, {view: "view:_FCx1oN7CEdmsEI4YDGX2ag", path: ["_FCx1oN7CEdmsEI4YDGX2ag", "_e_O28N7KEdm8G6yT7-Wdqw", "_vCtak0JHEdq4z9xc-r201w", "_vChNQkJHEdq4z9xc-r201w", "_vChNREJHEdq4z9xc-r201w", "_XSr4YCFtEdqrX8YVzvtlIg", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}, {view: "view:_FCx1oN7CEdmsEI4YDGX2ag", path: ["_FCx1oN7CEdmsEI4YDGX2ag", "_e_O28N7KEdm8G6yT7-Wdqw", "_vCtak0JHEdq4z9xc-r201w", "_vCtajUJHEdq4z9xc-r201w", "_vCtai0JHEdq4z9xc-r201w", "_J1u8gCGYEdqMcovRzkCQow", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}, {view: "view:_FCx1oN7CEdmsEI4YDGX2ag", path: ["_FCx1oN7CEdmsEI4YDGX2ag", "_e_O28N7KEdm8G6yT7-Wdqw", "_vCtak0JHEdq4z9xc-r201w", "_vCtaj0JHEdq4z9xc-r201w", "_vCtakkJHEdq4z9xc-r201w", "_rw4S4Z5IEdq7s5zuJVEAAw", "_Cgn1MCCdEdq3qtLcbHn6PQ", "_kI43MEocEdqrjq4i3fchvA"]}];
contentPage.preload(imgPath, backPath, nodeInfo, defaultQueryStr, true, true, false);
Task: Prototype the User-Interface
This task explains how to develop a GUI prototype and obtain usability feedback.
Purpose
To prototype the system's user interface in an attempt to validate the user-interface design against the functional
and usability requirements.
Relationships
RolesMain:
User-Interface Designer
Additional:
Assisting:
InputsMandatory:
Navigation Map
Optional:
Actor
Storyboard
Supplementary Specifications
Use Case
External:
None
Outputs
User-Interface Prototype
Main Description
When prototyping the user-interface, keep in mind the user-interface design, the Storyboards created during requirements elicitation, and the user
interface guidelines in the project-specific guidelines. If it is discovered that refinements to the Storyboards are
needed as a result of this task, these updates are performed by the System Analyst (see Task: Elicit Stakeholder Requests). If it is discovered that
refinements to the user interface design is needed as a result of this task, these updates are performed by the User-Interface Designer (see Task: Design the User Interface).
Steps
Design the User-Interface Prototype
The design of the User-Interface Prototype is the design of the user-interface itself.
The only difference is the level of detail and rigor of that design. A "complete" user-interface design is usually not
performed prior to prototyping that design. In fact, it is often appropriate to defer detailed user-interface design
until after several iterations of a prototype have been built and reviewed. For more information on
user-interface design, see Task: Design the User Interface.
Implement the User-Interface Prototype
The User-Interface Prototype should be created as soon as you need to
expose the user-interface design to people other than User-Interface Designers. The prototype should approximate the
look-and-feel and behavior of the primary and secondary windows. Through these initial User-Interface Prototypes, you
begin to establish a mental model of the system's user interface.
Note that the focus should not be on achieving a good structure and modularization of the source code for the
executable prototype; instead, the focus should be on creating a throw-away prototype that visualizes the significant
aspects of the user interface and that provides some of its significant user actions/behaviors. Moreover, a prototype
is likely to change several times when it is designed and exposed to others, and these changes are often made as cheap
patches. As a result, the source code of the prototype is often of very limited value, and not "evolutionary," when the
real user interface is to be implemented.
In general, a prototype is cheaper to implement than an implementation of the real user interface. The following are
some differences between the prototype and the real implementation of the user interface:
The prototype need not support all requirements scenarios (e.g. Use Cases). Instead, only a small number of
scenarios may be prioritized and supported by the prototype. In subsequent iterations, the prototype may be
expanded, gradually adding broader coverage of the scenarios and deeper exercise of the architecture.
The primary windows are often the most complicated to implement; if you make an advanced user interface that really
takes advantage of the visualization potential, then it may be difficult to find ready-made components. Rather than
implementing new components, you can normally use primitive components, such as push-, toggle- or option buttons,
as an approximation of how the user interface will look for a certain set of data. If possible, make several
prototypes showing different sets of data that cover the average values and object volumes.
Simulate, or ignore, all user actions on windows that are non-trivial to implement.
Simulate, or ignore, the internals of the system, such as business logic, secondary storage, multiple processes,
and interaction with other systems.
Get Feedback on the User-Interface Prototype
It is important to work closely with users and potential users of the system when prototyping the user-interface.
This may be used address usability of the system, to help uncover any previously undiscovered requirements and to
further refine the requirements definition.
Feedback on the User-Interface Prototype can be obtained through focused reviews, and testing. For information on
usability testing, refer to Concept: Usability Testing.
Properties
Multiple Occurrences
Event Driven
Ongoing
Optional
Planned
Repeatable
More Information
Concepts
Prototypes
© Copyright IBM Corp. 1987, 2006. All Rights Reserved.
contentPage.onload();
contentPage.processPage.fixDescriptorLinks();
Wyszukiwarka
Podobne podstrony:
prototype user interface?95CB55rup user interface prototype?0D4BBCrup user interface prototyper37E5AArup user interface prototype?21B1E2rup user interface prototypeX0984ADdesign user interface?ABE09Frepresenting graphical user interfaces64834rup user interface?signer1ECFC9User Interface Service 2200SRM1131 (05 2005) US ENdesign user interface?2FDA9Drup user interface?signer979A5D2(eBook PDF GUI) Design Patterns as Tools for User Interface Designuser interface generalB3C0B9więcej podobnych podstron