Premium Essay

User Interface

In:

Submitted By hokinfai
Words 908
Pages 4
Human Factor and User Interface

Assignment 1

For the Air Macao web site, I have described some comments which are in positive and negative ways.

Positive things: 1. Strive for consistency: Using consistent font size and color in each area on the home page. Web sites use consistent layout in the same languages.

2. Cater to universal Usability: A new web site for those cities which “Air Macao” has the flight line provides their local language. For example: It provides Korean, Chinese and English.

3. Offer informative feedback:

When purchasing flight tickets, this requires people to input their personal information. On the “Online Booking” page step 4, it requires users to fill-in personal information. If you entered something wrong, a dialog will be shown to tell user which item’s inputs are wrong.

4. Design dialogs to yield closure:
On the “Online Booking” page, whenever users purchase tickets, it tells that there are six steps (procedures) to complete a transaction in the beginning. When you finished step one, it indicates you to the second step, step by step.

5. Prevent error: For the user’s input data, when users who want to purchase/book tickets, it provides 2-D menu calendars and drop-down lists for those cities “Air Macao” provides flight line on the “Online Booking” page.

6. Permit easy reversal of actions: When purchasing tickets on the “Online Booking” page, it provides a “Last Step” button on the bottom of the web page for users to redo the previous steps if finding something wrong.

7. Support internal locus of control:
On the “Online Booking” page step 2, it requires users to select the day they depart and return using 2-D menu calendars. After that, the corresponding flight information will be displayed. In the next 1-2 seconds process time between selection and display, a progress bar shows to tell the users there is

Similar Documents

Free Essay

Designing User Interfaces

...What is user interface design? User interface design or user interface engineering is the design of computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design. Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself. Graphic design may be utilized to support its usability. The design process must balance technical functionality and visual elements (e.g., mental model) to create a system that is not only operational but also usable and adaptable to changing user needs. A user interface is the system by which people (users) interact with a machine. The user interface includes hardware (physical) and software (logical) components. User interfaces exist for various systems, and provide a means of Input, which allows the users to manipulate a system, and/or Output, which allows the system to indicate the effects of the users' manipulation. Generally, the goal of human-machine interaction engineering is to produce a user interface which makes it easy, efficient, and enjoyable to operate a machine in the way which produces the desired result. This generally means that the operator needs to provide minimal input to achieve the desired output, and also...

Words: 2479 - Pages: 10

Free Essay

Graphical User Interface Summary

...Graphical User Interface Systems An Object Oriented Approach to the Design of Graphical User Interface Systems Nowadays, the usage of personal computers, mobile devices and internet among the general population, so the importance of easy to learn user interfaces has risen in recent years. The development of Graphical Interface Systems becomes important. These systems will make easy to user activities and communication of particular systems. The first and main feature of User Interface System is that manages the communication between user and application. So in the process of developing these systems, the object oriented programming features and techniques will make the design characteristics of interface systems like interactivity, flexibility and usability. Applying object-oriented methodologies to UI design can help to achieve this goal. To develop user interfaces, first identify the task to particular program function translation. It also involves identifying the object, problem space and associated functions, objects and attributes for the system. The main purpose of using object oriented approach in designing user interfaces because object programming allows for reusability,modularity and data privatization. modern graphical user interfaces are object-oriented; the user first accesses the object of interest and then modifies it by operating upon it. There are several reasons for going with an object-oriented interface approach for graphical user interfaces. One...

Words: 790 - Pages: 4

Premium Essay

User Interface- Extended Definition

...User Interface A User Interface (UI) refers to the component of a computer program through which humans and machines exchange data and instructions in order to complete a task (User Interfaces). The data and instructions can be exchanged through a growing number of mediums such as text or graphical stimuli. Computer scientists go to great lengths to design and implement UIs, as they are imperative to the efficacy of the program they create. Without a working UI the computer and user would not be able to communicate with one another, severely limiting the ability of both. For instance, consider how difficult it would be to make a phone call if your phone did not provide you with a contact list or dialing pad. You would still be able to call, but it would take a much deeper level of knowledge to accomplish one of the phone’s most basic functions TYPES OF UI A UI will generally fall into one of 3 categories: command line, menu driven, and graphical 1. Command Line The oldest and least common UI is the command line interface. The command line interface is comprised solely of text. This type UI will accept input almost exclusively through the keyboard and requires the user to be familiar with the commands it accepts since no implicit direction is given. For example, Figure 1 shows a command line UI of a grade calculating program. There is no information given to the user other than the text on screen. Command line UIs are the most resource efficient of the three types of UI...

Words: 561 - Pages: 3

Free Essay

Java Graphical User Interface (Gui) and Design Document

...IT110-1204A-01: Introduction to Programming Java Graphical User Interface (GUI) and Design Document Joseph Mirabal 11/12/2012 Table of Contents Project Outline 3 Class Diagrams 5 Use Case Diagrams 8 Java Fundamentals 10 Java Application Planning Worksheet 10 Final value 10 Java classes used: 11 Java Control Structures 12 Java Application Worksheet 12 Explain what this piece of code is doing: 13 Error Handling and File Input/Output 15 Final Application Design & Screenshots 37 Project Outline The company I am going to hypothetically create will be a sports store dedicated to selling different types of sporting equipment for all types of sports. I will mainly start my store by just selling sports balls. I will call my store Joey’s Sporting Balls and Equipment. I know the name sounds funny, but I am doing that on purpose to catch the attention of my potential customers. I want the name of my store to stick in their minds, and what better way to o than a pun or play on words. I will start off with two types of balls, a football and a basketball. The football will be brown in color, will have white laces, and will come in different sizes according to the level of the athlete and also to have a range in prices. It will range in size from miniature footballs for fun, small for beginners and as gift items, medium or college level, and to a large size for professional athletes, or just people who like to imitate professional athletes for...

Words: 2125 - Pages: 9

Premium Essay

Libra Srs

... |Zahra Hayat | | | | | | | | | | | | | | | | Table of Contents 1. Introduction 4 1.1 Purpose 4 1.2 Scope 4 1.3 Definitions, Acronyms and Abbreviations 4 1.4 References 6 1.5 Overview 7 2. Overall Description 7 2.1 Product Perspective 7 2.2 Product Functions 7 2.3 User Characteristics 8 2.4 Constraints 9 2.5 Assumptions and dependencies 9 2.6 Apportionment of requirements 9 3. Specific...

Words: 3628 - Pages: 15

Premium Essay

Cis 524 Week 2 Case Study 1

...A++PAPER;http://www.homeworkproviders.com/shop/cis-524-week-2-case-study-1/ CIS 524 WEEK 2 CASE STUDY 1 CIS 524 Week 2 Case Study 1, Case Study 1: User Interfaces Due Week 2 and worth 90 points Early user interfaces were designed with little or no consideration for the end user. This was largely due to technical and hardware limitations. The poor interface design required a specific skill set for users and limited the mass appeal of computers. Modern interfaces are much more user friendly. Theo Mandel wrote about the five (5) golden rules of interface design. Read Mandel’s article located at http://www.theomandel.com/docs/Mandel-GoldenRules.pdf. Write a four to five (4-5) page paper in which you: 1. Describe three (3) interfaces you interact with on a daily basis. 2. Analyze each interface you identified in Question one (1) and assess how it adheres to Mandel’s five (5) golden rules. 3. Suggest two (2) changes for each interface to achieve a more user-friendly design and justify your suggestion. 4. Provide three (3) screen shots for each interface. Note: These screen shots should be labeled and appear in the appendix of the case study. These pages are not included in the page requirement for the assignment. 5. Use at least three (3) quality resources in this assignment. Note: Wikipedia and similar Websites do not qualify as quality resources. Your assignment must follow these formatting requirements: Be typed, double spaced, using Times...

Words: 362 - Pages: 2

Premium Essay

Intranet Facility Project Wbs

...Design 1. Web User Interface 1. Functional Specifications 1. Create User Interface Mock-ups 2. Conduct Design Review 3. Deliver Final Functional Specs 4. Obtain User Signoff 2. Technical Specifications 1. Develop Tech Specs 2. Review Tech Specs with Project Team 3. Obtain Team Signoff 2. SQL Database 1. Technical Specifications 1. Develop Tech Specs 2. Review Tech Specs with Project Team 3. Obtain Team Signoff 3. Interfaces 1. Technical Specifications 1. Determine data import/export elements 1. Define User needs 2. Define IT needs 2. Design interfaces 3. Obtain Team Signoff 4. Reports 1. Functional Specifications 1. Collect User Requirements 1. Define Data elements 2. Define Frequency 3. Define Audience 2. Design Reports 3. Review Report Design with Project Team 4. Deliver Final Functional Specs 5. Obtain User Signoff 2. Development 1. Web Front End 1. Code Web Pages 2. Conduct Unit Test 3. Review Web Page design/functionality 4. Obtain User Signoff 2. SQL...

Words: 551 - Pages: 3

Premium Essay

An Internet Banking System

...AN INTERNET BANKING SYSTEM Computer Science Honours Documentation 2012 Author: Mohamed Hassan Ali Student Number: 3270152 Supervisor: Mr. Michael Norman Department of Computer Science A mini-thesis submitted in partial fulfillment of the requirements for the degree of B.Sc. Honours. ABSTRACT The adoption of Electronic Banking by commercial enterprises has been in existence since the mid 90s, much greater in number due to lower operating costs associated with it. Electronic banking has initially been in the form of automatic teller machines and telephone transactions. More recently, it has been transformed by the Internet, a new delivery channel for banking services that benefits both customers and banks. Internet banking system services can include: Open an account, Balance enquiry, Request for Cheque book, Beneficiary payments (EFT), Viewing monthly. Furthermore, customer’s application for electronic banking facilities is expanding as the cost savings on transactions over the Internet are significant. i PLAGIARISM DECLARATION I, Mohamed Hassan Ali, certify that this project is my own work. I understand what plagiarism is and I have used quotations and references to fully acknowledge all the words and ideas of others, which we have used in our project. I have not copied anyone else's project. I have also not permitted anyone to copy my project. Signature: _ _ _ _ _ _ _ _ _ _ _ ii ACKNOWLEDGEMENTS First and foremost I am ever...

Words: 2959 - Pages: 12

Free Essay

Work Related Project Analysis Part2

...special person to do this kind of job and even though it is stressful, that special person thrives in this kind of work and are very good at managing it. For a successful project management, there are four areas that must be controlled and they are: 1. Assigning tasks to team members after organizing each individual into a team. 2. Closely monitoring and controlling the progress of the project. 3. Communication monitoring for the project. 4. Keeping track of all the open activities in the lifetime of the project. Systems design is the structuring the components and organizing the process of the system so that the new system can be programmed. The components are composed of the network, software, application architecture, system interfaces, user interfaces, the system appthat were built during the analysis. The outputs are the models or diagrams that describes the architecture of the system and detailed logic within the various components of the programming. Traditional Approach to Design The traditional approach to systems design is the data flow diagram which is enhanced by the addition of system boundary in which the designer sketches the system boundary to show the overall system. A structured design includes a system flowchart which show the movement of data among programs, manual processing steps, and files providing an overall view of the entire system. System flowcharts describes the interaction between layers of a multilayered system. Module pseudocode describes...

Words: 736 - Pages: 3

Free Essay

Abt1 Task 3

...what attributes are indicated  Encapsulates data provided by model, by bringing it to life and displaying it to user  View has to be aware of the attributes of a model by asking and receiving appropriate messages MVC Component: CONTROLLER  Controller: Interacts with both model and view components by controlling the data flow into the model object.  It is the link between a user and the system.  Able to take model language and implement in view.  Updates view when changes are present.  Provides means by which a user can output by means of menus, buttons, mouse and other command and data avenues.  Calls appropriate resources to carry out operations Examples of MVC Applications Websites  Model: Data that controller will manage.  View: Display requested data as indicated by user  Controller: Manages user requests received as http or similar. Calls and coordinates resources to perform actions. Calculator  Model: input based on user interaction and requested data.  View: Display screen of input and results of Model calculations.  Controller: User interface buttons to enter numeric values and functions to send to Model. A Basic Decorator Pattern Example Decorator Pattern: Component and Decorator  Component: Original programming or application before modification.  Decorator: References and confirms component and interface relationship.  Component is sub-classed into Decorator so all instances of...

Words: 549 - Pages: 3

Premium Essay

Juju

.................................... 4 Problem Statement .................................................................................... 4 Chapter 2: Literature Review ...................................................................... 5 Definition of Web-Based Instruction............................................................. 5 Importance of Web-Based Instruction ........................................................... 5 Web-Based Instruction Design Issues ........................................................... 6 Chapter 3: Methodology Design .................................................................. 7 Top Ten Web Design Mistakes ..................................................................... 7 Interface Design for Computer-based Learning Environments........................... 8 Measurement Scores .................................................................................. 9 Anticipated Results .................................................................................... 9 Selection of the Web-Based Instruction Course .............................................. 9 Description of the HTML 3 Interactive Course............................................... 11 Chapter 4:...

Words: 6250 - Pages: 25

Premium Essay

Cis301

...CIS 301 9:00 – 1:00 12/13/2014 Mobile App. Abstract: Mobile application development is the process where application software is developed for mobile devices like pda’s, tablets or mobile phones. As part of the development process, Mobile User Interface (UI) Design is also an essential in the creation of mobile apps. Mobile UI considers constraints & contexts, screen, input and mobility as outlines for design. The user is often the focus of interaction with their device, and the interface entails components of both hardware and software. User input allows for the users to manipulate a system, and device's output allows the system to indicate the effects of the users' manipulation. Mobile UI design constraints include limited attention and form factors, such as a mobile device's screen size for a user's hand(s). Mobile UI contexts signal cues from user activity, such as location and scheduling that can be shown from user interactions within a mobile application. Overall, mobile UI design's goal is primarily for an understandable, user-friendly interface. The UI of mobile apps should: consider users' limited attention, minimize keystrokes, and be task-oriented with a minimum set of functions. This functionality is supported by Mobile enterprise application platforms or Integrated development environments (IDEs). Mobile UIs, or front-ends, rely on mobile back-ends to support access to enterprise systems. The mobile back-end facilitates data routing, security, authentication...

Words: 262 - Pages: 2

Free Essay

Mobile System Paper

...The development of this application is being expanded more and more every day. How is iOS used? iOS (previously iPhone OS originally released June 29, 2007) includes a user interface that is based on the concept of direct manipulation. Direct manipulation, which uses multi-touch gestures, has interface control elements which consist of sliders, switches, and buttons. The interface elements consist of sliders, switches, and buttons, which includes gestures such as swipe, tap, pinch, and reverse pinch. The features of iOS include a home screen, folders, notification center, and much more. There are 40 million users who have interpreted this mobile application into their everyday lives. The home screen, also known as “SpringBoard”, displays different application icons and a dock where users can pin frequently used apps. This screen appears whenever the user unlocks the device. Folders on iOS have developed since the introduction with iOS 4. Folders can hold up to nine applications, which can be named to the users liking for different categories. The notification center is a system notification management which features notifications delivered in small banners that appear over the mobile application’s status bar. Improvement for Users The mobile application has not only dramatically changed how users communicate with...

Words: 694 - Pages: 3

Premium Essay

Mobile Computing Issues

...use of smart space space. Invisibility. Localised scalability. Masking uneven conditioning. • Adaptive behaviour arises due to a significant mismatch between supply and demand for resources. – Often in low level systems, e.g. bandwidth, memory. • As a mobile user moves, services and resources may become available or disappear. • Mismatch may occur even when the user is static static. • The system has to handle the variation in a way that minimises inconvenience to users and does not abruptly interfere with the task the user is trying to accomplish. WRES3405 (3) 3 WRES3405 (3) 4 • Other reasons for a mismatch: – The availability of compute servers or data-staging server is location-dependent and affects techniques such as cyber foraging. – In case of mobile code, low-level resources and interactive resources may vary widely between the source and destination systems. As time elapses, the resource level may change, for example, residual power on a laptop is depleted as battery drains. • The mismatch cannot be ignored as it will result in unsatisfactory user experience. • Adaptation is important not only as users move resource-rich to resource-poor environment but also in the other direction. – E a user should not b d i d of b tt quality E.g. h ld t be deprived f better lit video or speedier...

Words: 2198 - Pages: 9

Free Essay

Ip Lab 3

...terminal-emulator screen, press Enter. page 1 © 2009 Pearson Education, Inc. All rights reserved. This publication is protected by copyright. Step 3. Enter privileged mode using the enable command. Are you prompted for a password? No Step 4. Enter configuration mode using the configure terminal command. What does the command prompt look like after this command? What CLI mode does the prompt imply? Switch(config)# Config exec Step 5. Enter interface configuration mode for interface FastEthernet 0/1 using the interface fastethernet 0/1 command. What does the command prompt look like after this command? What CLI mode does the prompt imply? Switch(config-if)# Config Sub Exec Step 6. Use the description this is the connection to PC1 command to define an interface description for interface Fa0/1. Step 7. Move back to global configuration mode using the exit command. Step 8. Use the enable secret ciscopress command to set an enable password so that ciscopress must be entered when a user tries to enter privileged mode. Step 9. Use the end command to move back to enable...

Words: 552 - Pages: 3