Advance System Analysis User-Interface Development
1
Today Outline
2
Essential User-Interface Prototyping Traditional User-Interface Prototyping User-Interface Design Strategies
The process of building UI
3
Essential User-Interface Prototyping
An essential UI prototype is a low-fidelity model, or prototype, of the UI for your system , It represents the general ideas behind the UI, but not the exact details An essential UI prototype is effectively the initial state —the beginning point—of the UI prototype for your system. It models UI requirements, requirements evolved through analysis and design to result in the final user interface for your system. The goal of Essential User- Interface , with essential UI modeling the goal is to focus on your users and their usage of the system, not system features.
4
When a team is creating an essential UI prototype, it iterates between the following tasks: 1. 2. 3.
5
Explore system usage Model major UI elements Model minor UI elements
Exercises
6
So how do you use sticky notes and flip chart paper to create an essential UI prototype ? what a seminar enrollment submission would contain?
Example of low-fidelity
7
8
Traditional User-Interface Prototyping – Medium-fidelity
9
While you are determining the needs of your stakeholders you may decide to transform your essential UI prototypes, if you created them to begin with, with sketches
Screen sketch for enrolling in a seminar
10
High-fidelity
Once you understand the UI needs of your stakeholders, the next step is to actually build a prototype. Using a prototyping tool or highlevel language, you develop the screens, pages, and reports needed by your users such as the HTML page depicted
11
High-fidelity
12
User-Interface Design Strategies
As you develop the user interface of your system you should be aware of basic UI design issues:
The structure principle:
The simplicity principle
Your design should make simple providing good shortcuts that are meaningfully related to longer procedures
The visibility principle
13
Your design should organize the UI purposefully in meaningful and useful ways based on clear putting related things together and separating unrelated things
Your design should keep all needed options and materials for a given task visible without distracting the user with extraneous or redundant information
The feedback principle
The tolerance principle
Your design should keep users informed of actions or interpretations changes of state or condition, and errors or exceptions relevant and of interest to the user through clear, concise, and unambiguous language familiar to users. reducing the cost of mistakes and misuse by allowing undoing and redoing while also preventing errors wherever possible by tolerating varied inputs and sequences and by interpreting all reasonable actions as reasonable
The reuse principle
14
Your design should reuse internal and external components and behaviors, maintaining consistency with purpose