Testing application on web User Interface Tests

Testing application on web User Interface Tests TOPICS COVERED IN THIS CHAPTER Introduction User Interface Design Testing User Interface Implementation Testing Usability and Accessibility Testing Testing Considerations Bibliography and Additional Resources

Trang 1

Seminar for Testing.

Book: Testing application on web

Chapter 10: User Interface Tests

• Lecturer : Nguyen Dang Khoa• Team members:

Trang 2

TOPICS COVERED IN THIS CHAPTER

1 Introduction

2 User Interface Design Testing

3 User Interface Implementation Testing4 Usability and Accessibility Testing

5 Testing Considerations

Trang 3

1 Introduction

• two primary classes of UI testing issues:

– (1) the design of UI components.

Trang 4

User Interface Design Testing

• Subjective impressions of “ease of use” and “look and feel”.

• Suitability of all aspects of the design.• Consistent aesthetics, feedback, and

Trang 5

2 User Interface Design Testing

• Profiling the Target User: Gaining an understanding of a Web application’s target user is central to

evaluating the design of its interface Without

knowing the user’s characteristic sand needs, you cannot accurately assess how effective the UI design is.

Trang 6

Profiling the Target User

Trang 7

Profiling the Target User

• Web Experience: How long have the users been using the Web system? Web systems occasionally require client-side users to

Trang 8

Profiling the Target User

• Domain Knowledge: Are users familiar with the subject matter associated with the

Trang 9

Profiling the Target User

Trang 10

Considering the Design• Design Approach

• User Interaction (Data Input)

Trang 11

Design Approach

• Design metaphors are cognitive bridges that can help users understand the logic of UI flow by relating them to experiences that users

Trang 12

User Interaction (Data Input)

• User Interface Controls

• Feedback and Error Messages • Dynamic User Interface Controls• Navigation Methods

Trang 13

User Interaction (Data Input)

User interface controls:

User interface controls are graphic objects that enable users to interact

Trang 17

Feedback and Error Messages

• Consistency in audible and visible feedback is essential for maintaining clear communication between users and applications

• Error messaging in particular should be

evaluated for clarity and consistency.

Trang 19

Two types of message-based feedback are available Figure 10.14 illustrates a typical client-based error message (generated by

error-checking JavaScript on

Trang 20

• Some errors to look for include the following:

• Displaying incorrect error message for the condition.• Missing error messages

• Poorly worded, grammatically incorrect, and misspelled errors

• Messages were not written for the user and, therefore, are not useful to the user For example, “Driver error 80004005.”

• Error message is not specific nor does it offer a plausible solution • Similar errors are handled by different error messages

• Unnecessary messages distract users

Trang 21

Dynamic user interface controls

HTML mutilmedia tags : Java applet, ActiveX, Script

Scripts: Scripts are embedded into HTML•HTML code with <SCRIPT> tags•Using Client-side scripts

•JavaScripts produced by netscape, JsScript VBScriptJava: Produced by SUN

•A Java programming can run opera system diffirent•Java ensure better security protection for client usersActive X: runs within ActiveX-enabled browsers

Trang 22

Some UI control errors

The default state of UI control is incorrectThe updated state of UI control is incorrectThe default input value is incorrect

The dialog box is too wide or long (800x600)

Set View Text Size to the Largest and the SmallestCheck for ALT attributes

Invalid inputs are not detected and handled at client-sideInvalid inputs are not detected and handled at server-side

Trang 23

• apps will function at some capacity or will simply stop functioning

• Macromedia’s Dreamweaver checks incompatibility problems between different browser brands and versions

Trang 24

Navigation Methods

• Navigation methods dictate how users

navigate through a Web application or Web pages, from one UI control to another within the same page (screen, window, or dialog box) and from one page to the next

Trang 25

What do I test here?

• Is the application’s navigation intuitive?

• How well is information presented to the user?

• Look at the keyboard shortcuts that are supported Are they functioning?

• Have the navigation features been tested for accessibility?

Trang 26

Mouse/Keyboard Action Matrices

• Mouse action: click, drag, drop.

Trang 36

User Interface Implementation Testing

Trang 38

Usability and Accessibility Testing

• Depend software testing organization.• How dose appliacation usability?

Trang 39

What do I test here?

• How easy will it be for a user who has never

seen the product before to carry out basic tasks?• How easy will it be for a user who has used the

product before to remember how to carry out the same tasks?

• How good is the user’s experience in using the product?

Trang 42

USER INTERACTION TESTING CONSIDERATIONS

• How is information presented to the user?

• Is there a central workspace? If so, does it remain consistent from screen to screen?

• Is data presented in frames? If so, is there a choice for nonframe browsers?

• Are data manipulation methods presented intuitively and consistently?

Trang 43

UI CONTROL TESTING CONSIDERATIONS

• What are the UI controls used by the application under test: dialog boxes, radio buttons, drop-down menus?

• Are the layout and implementation of UI controls intuitive and consistent throughout the application?

• Do data interaction methods vary illogically from screen to screen (drag-and-drop, text entry, queries, etc.)?

• Are properties consistently applied to all HTML elements?• Do command buttons perform the actions they purport

Trang 45

Recommended Reading• About Face: The Essentials of User Interface Design, by Alan Cooper, IDG Books• Worldwide (1995).• Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests, by

• Jeffrey Rubin, John Wiley & Sons, Inc (1994).

• Microsoft Windows User Experience (Microsoft Professional Editions), by Microsoft

• Corporation, Microsoft Press (1999).

• Web Style Guide: Basic Design Principles for Creating Web Sites by Patrick J Lynch