Đang tải... (xem toàn văn)
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
• ! "#$ • – ! "! %&'(&) – *+ " ,&'- – + ,&')& – *.# ,&'/% – 01 ,&'''& TOPICS COVERED IN THIS CHAPTER 2 ' # ( / "2." & 2 - "2.223 2 • " – 452 – 4'5 # • 678 92829 • "2 • :2:27"2";< " '# • *=> 22?< 7 2? < 22:" ";72 • 2#22 2" 2"2"#;"2 @ 2;2 *= • AB+722 C#" "" "C ?7"""772C? 2 7:22B2 <22 C *= • ?AB+7 ?"C? ""@ D2 = E :B? *= • #$2. 6F2 C *= • .D=AB? 2 BC= 2 :B 2 C 2# • #. • 4# 5 • #*4#G 5 [...]... that can help users understand the logic of UI flow by relating them to experiences that users may have had in the real world or in other places User Interaction (Data Input) • • • • • User Interface Controls Feedback and Error Messages Dynamic User Interface Controls Navigation Methods Mouse/Keyboard Action Matrices User Interaction (Data Input) User interface controls: User interface controls are... ActiveX controls errors among different releases of browser • apps will function at some capacity or will simply stop functioning • Macromedia’s Dreamweaver checks incompatibility problems between different browser brands and versions • Checks Wed pages will display on handheld devices and mobile devices Navigation Methods • Navigation methods dictate how users navigate through a Web application or Web. .. Mouse/Keyboard Action Matrices • Mouse action: click, drag, drop • Key board: key press, spiecial key • What do I test here? Data Presentation (Data Output) Data Presentation (Data Output) Web App UI Controls: menus, buttons, etc Create Frames, tables, etc HTML page.h User Figures 10.16, 10.17, and 10.18 illustrate three data presentation views that are available in the sample application Each view conveys the... same data through a different template built using HTML frames and tables There are at least three types of potential errors: 3 User Interface Implementation Testing User Interface Implementation Testing Pass User Testing Development App simultaneously UI design testing UI control does not operate as designed Features Fail ... User interface controls are graphic objects that enable users to interact with applications 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 You can identify commonly accepted guide-lines within each computing platform... 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 • What do I test here? 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?... misspelled errors Messages were not written for the user and, therefore, are not useful to the user For example, “Driver error 80004005.” Similar errors are handled by different error messages Unnecessary messages distract users Inadequate feedback or error communication to users Handling methods used for similar errors are not consistent Dynamic user interface controls HTML mutilmedia tags : Java applet,... ensure better security protection for client users Active X: runs within ActiveX-enabled browsers •Easy creare app and features-rich app •Dependent on the Win-dows platform 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... error message (generated by error-checking JavaScript on the client-side) that utilizes a browser-based message box Figure 10.15 shows typical server-based feedback • • • • • Some errors to look for include the following: • • • • • Error message is not specific nor does it offer a plausible solution Displaying incorrect error message for the condition Missing error messages Poorly worded, grammatically