Advance System Analysis: User-interface Development

  • Uploaded by: api-19822376
  • 0
  • 0
  • June 2020
  • PDF

This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA


Overview

Download & View Advance System Analysis: User-interface Development as PDF for free.

More details

  • Words: 486
  • Pages: 14
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

Related Documents