BS EN ISO 9241-161-2016 Ergonomics of human-system interaction Guidance on visual user-interface elements《人机交互的人类工效学 可视化用户界面元素指南》.pdf

1、BSI Standards PublicationBS EN ISO 9241-161:2016Ergonomics of human-systeminteractionPart 161: Guidance on visual user-interfaceelements (ISO 9241-161:2016)BS EN ISO 9241-161:2016 BRITISH STANDARDNational forewordThis British Standard is the UK implementation of EN ISO9241-161:2016.The UK participat

2、ion in its preparation was entrusted to TechnicalCommittee PH/9, Applied ergonomics.A list of organizations represented on this committee can beobtained on request to its secretary.This publication does not purport to include all the necessaryprovisions of a contract. Users are responsible for its c

3、orrectapplication. The British Standards Institution 2016. Published by BSI StandardsLimited 2016ISBN 978 0 580 79657 9ICS 13.180; 35.180Compliance with a British Standard cannot confer immunity fromlegal obligations.This British Standard was published under the authority of theStandards Policy and

4、Strategy Committee on 31 March 2016.Amendments issued since publicationDate Text affectedEUROPEAN STANDARD NORME EUROPENNE EUROPISCHE NORM EN ISO 9241-161 March 2016 ICS 13.180; 35.180 English Version Ergonomics of human-system interaction - Part 161: Guidance on visual user-interface elements (ISO

5、9241-161:2016) Ergonomie de linteraction homme-systme - Partie 161: lments de linterface utilisateur (ISO 9241-161:2016) Ergonomie der Mensch-System-Interaktion - Teil 161: Leitfaden zu visuellen User-Interface Elementen (ISO 9241-161:2016) This European Standard was approved by CEN on 15 January 20

6、16. CEN members are bound to comply with the CEN/CENELEC Internal Regulations which stipulate the conditions for giving this European Standard the status of a national standard without any alteration. Up-to-date lists and bibliographical references concerning such national standards may be obtained

7、on application to the CEN-CENELEC Management Centre or to any CEN member. This European Standard exists in three official versions (English, French, German). A version in any other language made by translation under the responsibility of a CEN member into its own language and notified to the CEN-CEN

8、ELEC Management Centre has the same status as the official versions. CEN members are the national standards bodies of Austria, Belgium, Bulgaria, Croatia, Cyprus, Czech Republic, Denmark, Estonia, Finland, Former Yugoslav Republic of Macedonia, France, Germany, Greece, Hungary, Iceland, Ireland, Ita

9、ly, Latvia, Lithuania, Luxembourg, Malta, Netherlands, Norway, Poland, Portugal, Romania, Slovakia, Slovenia, Spain, Sweden, Switzerland, Turkey and United Kingdom. EUROPEAN COMMITTEE FOR STANDARDIZATION COMIT EUROPEN DE NORMALISATION EUROPISCHES KOMITEE FR NORMUNG CEN-CENELEC Management Centre: Ave

10、nue Marnix 17, B-1000 Brussels 2016 CEN All rights of exploitation in any form and by any means reserved worldwide for CEN national Members. Ref. No. EN ISO 9241-161:2016 EBS EN ISO 9241-161:2016EN ISO 9241-161:2016 (E) 3 European foreword This document (EN ISO 9241-161:2016) has been prepared by Te

11、chnical Committee ISO/TC 159 “Ergonomics“ in collaboration with Technical Committee CEN/TC 122 “Ergonomics” the secretariat of which is held by DIN. This European Standard shall be given the status of a national standard, either by publication of an identical text or by endorsement, at the latest by

12、 September 2016, and conflicting national standards shall be withdrawn at the latest by September 2016. Attention is drawn to the possibility that some of the elements of this document may be the subject of patent rights. CEN and/or CENELEC shall not be held responsible for identifying any or all su

13、ch patent rights. According to the CEN-CENELEC Internal Regulations, the national standards organizations of the following countries are bound to implement this European Standard: Austria, Belgium, Bulgaria, Croatia, Cyprus, Czech Republic, Denmark, Estonia, Finland, Former Yugoslav Republic of Mace

14、donia, France, Germany, Greece, Hungary, Iceland, Ireland, Italy, Latvia, Lithuania, Luxembourg, Malta, Netherlands, Norway, Poland, Portugal, Romania, Slovakia, Slovenia, Spain, Sweden, Switzerland, Turkey and the United Kingdom. Endorsement notice The text of ISO 9241-161:2016 has been approved by

15、 CEN as EN ISO 9241-161:2016 without any modification. BS EN ISO 9241-161:2016ISO 9241-161:2016(E)Foreword ixIntroduction xi1 Scope . 12 Normative references 13 Terms and definitions . 14 Accessibility . 45 Relationship of input methods and visual user-interface elements . 46 States of visual user-i

16、nterface elements 57 Describing visual user-interface elements . 58 Visual user-interface elements 68.1 Accordion . 68.1.1 Description 68.1.2 Components . 68.1.3 States 78.1.4 When to use an accordion 78.1.5 How to use an accordion . 88.2 Analogue form element/slider 88.2.1 Description 88.2.2 Compon

17、ents . 88.2.3 States 88.2.4 When to use an analogue form element 88.2.5 How to use an analogue form element . 98.3 Carousel/Carrousel . 98.3.1 Description 98.3.2 Components . 98.3.3 States . 108.3.4 When to use a carousel 108.3.5 How to use a carousel .108.4 Check box/check button 108.4.1 Descriptio

18、n .108.4.2 Components 108.4.3 States . 118.4.4 When to use a check box 118.4.5 How to use a check box . 118.5 Collapsible container 128.5.1 Description .128.5.2 Components 128.5.3 States . 138.5.4 When to use a collapsible container 138.5.5 How to use a collapsible container .138.6 Colour picker . 1

19、38.6.1 Description .138.6.2 Components 138.6.3 States . 138.6.4 When to use a colour picker . 138.6.5 How to use a colour picker . 138.7 Combination box/combo box 148.7.1 Description .148.7.2 Components 148.7.3 States . 158.7.4 When to use a combination box. 15 ISO 2016 All rights reserved iiiConten

20、ts PageBS EN ISO 9241-161:2016ISO 9241-161:2016(E)8.7.5 How to use a combination box 168.8 Cursor 168.8.1 Description .168.8.2 Components 168.8.3 States . 168.8.4 When to use a cursor .168.8.5 How to use a cursor 168.9 Date picker . 178.9.1 Description .178.9.2 Components 178.9.3 States . 178.9.4 Wh

21、en to use a date picker . 188.9.5 How to use a date picker 188.10 Dialogue box . 188.10.1 Description .188.10.2 Components 188.10.3 States . 198.10.4 When to use a dialogue box . 198.10.5 How to use a dialogue box 198.11 Dropdown list box . 198.11.1 Description .198.11.2 Components 208.11.3 When to

22、use a dropdown list box . 208.11.4 How to use a dropdown list box 218.12 Entry field/input field 218.12.1 Description .218.12.2 Components 218.12.3 States . 218.12.4 When to use an entry field . 228.12.5 How to use an entry field . 228.13 Entry field with dialogue button. 228.13.1 Description .228.1

23、3.2 Components 228.13.3 States . 228.13.4 When to use an entry field with dialogue button .228.13.5 How to use an entry field with dialogue button 238.14 Geographical map 238.14.1 Description .238.14.2 Components 238.14.3 States . 238.14.4 When to use a geographical map 238.14.5 How to use a geograp

24、hical map . 248.15 Group/group box . 248.15.1 Description .248.15.2 Components 248.15.3 States . 248.15.4 When to use a group 248.15.5 How to use a group .258.16 Handle 258.16.1 Description .258.16.2 Components 258.16.3 States . 258.16.4 When to use a handle 268.16.5 How to use a handle .268.17 Hier

25、archical list/tree view/tree lists 268.17.1 Description .268.17.2 Components 268.17.3 States . 27iv ISO 2016 All rights reservedBS EN ISO 9241-161:2016ISO 9241-161:2016(E)8.17.4 When to use a hierarchical list 278.17.5 How to use a hierarchical list . 278.18 Implicit designator . 278.18.1 Descriptio

26、n .278.18.2 Components 278.18.3 States . 288.18.4 When to use an implicit designator 288.18.5 How to use an implicit designator . 288.19 Instructive information 288.19.1 Description .288.19.2 Components 288.19.3 States . 298.19.4 When to use instructive information 298.19.5 How to use instructive in

27、formation298.20 Input tokenizer 298.20.1 Description .298.20.2 Components 308.20.3 States . 308.20.4 When to use an input tokenizer . 308.20.5 How to use an input tokenizer 308.21 Label 318.21.1 Description .318.21.2 Components 318.21.3 States . 318.21.4 When to use a label .318.21.5 How to use a la

28、bel 318.22 Legend/chart key . 318.22.1 Description .318.22.2 Components 328.22.3 States . 328.22.4 When to use a legend 328.22.5 How to use a legend .328.23 Link/hyperlink . 328.23.1 Description .328.23.2 Components 338.23.3 States . 338.23.4 When to use a link .338.23.5 How to use a link .338.24 Li

29、st box 348.24.1 Description .348.24.2 Components 348.24.3 States . 348.24.4 When to use a list box .358.24.5 How to use a list box 358.25 List button/menu button 358.25.1 Description .358.25.2 Components 358.25.3 States . 368.25.4 When to use a list button . 368.25.5 How to use a list button 368.26

30、Menu/menu bar 368.26.1 Description .368.26.2 Components 378.26.3 States . 378.26.4 When to use a menu .378.26.5 How to use a menu 388.27 Output pane 388.27.1 Description .38 ISO 2016 All rights reserved vBS EN ISO 9241-161:2016ISO 9241-161:2016(E)8.27.2 Components 388.27.3 States . 388.27.4 When to

31、use an output pane . 388.27.5 How to use an output pane 388.28 Pointer . 398.28.1 Description .398.28.2 Components 398.28.3 States . 398.28.4 When to use a pointer 398.28.5 How to use a pointer398.29 Pop-up menu/contextual menu 408.29.1 Description .408.29.2 Components 408.29.3 States . 408.29.4 Whe

32、n to use a pop-up menu . 408.29.5 How to use a pop-up menu 408.30 Progress indicator . 418.30.1 Description .418.30.2 Components 418.30.3 States . 418.30.4 When to use a progress indicator. 418.30.5 How to use a progress indicator 418.31 Prompt 418.31.1 Description .418.31.2 Components 418.31.3 Stat

33、es . 428.31.4 When to use a prompt 428.31.5 How to use a prompt .428.32 Push button/command button 428.32.1 Description .428.32.2 Components 428.32.3 States . 438.32.4 When to use a push button 438.32.5 How to use a push button 438.33 Radio button . 438.33.1 Description .438.33.2 Components 448.33.3

34、 States . 448.33.4 When to use a radio button . 448.33.5 How to use a radio button . 458.34 Read only field/protected field 458.34.1 Description .458.34.2 Components 458.34.3 States . 468.34.4 When to use a read only field . 468.34.5 How to use a read only field 468.35 Scroll bar . 468.35.1 Descript

35、ion .468.35.2 Components 468.35.3 States . 478.35.4 When to use a scroll bar . 478.35.5 How to use a scroll bar 478.36 Scroll handle/elevator/scroll box/thumb 478.36.1 Description .478.36.2 Components 488.36.3 States . 488.36.4 When to use scroll handle . 488.36.5 How to use scroll handle 48vi ISO 2

36、016 All rights reservedBS EN ISO 9241-161:2016ISO 9241-161:2016(E)8.37 Selection cursor . 488.37.1 Description .488.37.2 Components 488.37.3 States . 498.37.4 When to use a selection cursor 498.37.5 How to use a selection cursor 498.38 Selection indication 498.38.1 Description .498.38.2 Components 4

37、98.38.3 States . 508.38.4 When to use a selection indication . 508.38.5 How to use a selection indication .508.39 Selection list/choice list . 508.39.1 Description .508.39.2 Components 518.39.3 States . 518.39.4 When to use a selection list . 518.39.5 How to use a selection list 518.40 Status inform

38、ation 528.40.1 Description .528.40.2 Components 528.40.3 States . 528.40.4 When to use status information 528.40.5 How to use status information . 528.41 Stepper/spin button 528.41.1 Description .528.41.2 Components 538.41.3 States . 538.41.4 When to use a stepper 538.41.5 How to use a stepper .538.

39、42 System message 538.42.1 Description .538.42.2 Components 548.42.3 States . 548.42.4 When to use a system message 548.42.5 How to use system message 548.43 Tab set 558.43.1 Description .558.43.2 Components 558.43.3 States . 558.43.4 When to use a tab set 558.43.5 How to use a tab set .568.44 Table

40、 568.44.1 Description .568.44.2 Components 568.44.3 States . 578.44.4 When to use a table 578.44.5 How to use a table 578.45 Text field 578.45.1 Description .578.45.2 Components 588.45.3 States . 588.45.4 When to use a text field . 588.45.5 How to use a text field 588.46 Time picker . 588.46.1 Descr

41、iption .588.46.2 Components 588.46.3 States . 59 ISO 2016 All rights reserved viiBS EN ISO 9241-161:2016ISO 9241-161:2016(E)8.46.4 When to use a time picker 598.46.5 How to use a time picker . 608.47 Title 608.47.1 Description .608.47.2 Components 608.47.3 States . 608.47.4 When to use a title .608.

42、47.5 How to use title 618.48 Toggle button . 618.48.1 Description .618.48.2 Components 618.48.3 States . 618.48.4 When to use a toggle button . 618.48.5 How to use a toggle button 618.49 Tool bar . 628.49.1 Description .628.49.2 Components 628.49.3 States . 628.49.4 When to use a tool bar .628.49.5

43、How to use a tool bar 628.50 Tool tip 628.50.1 Description .628.50.2 Components 638.50.3 States . 638.50.4 When to use a tool tip .638.50.5 How to use a tool tip 638.51 Window 638.51.1 Description .638.51.2 Components 638.51.3 States . 648.51.4 When to use a window 648.51.5 How to use window 64Annex

44、 A (informative) Choosing visual user interface elements .65Bibliography .69viii ISO 2016 All rights reservedBS EN ISO 9241-161:2016ISO 9241-161:2016(E)ForewordISO (the International Organization for Standardization) is a worldwide federation of national standards bodies (ISO member bodies). The wor

45、k of preparing International Standards is normally carried out through ISO technical committees. Each member body interested in a subject for which a technical committee has been established has the right to be represented on that committee. International organizations, governmental and non-governme

46、ntal, in liaison with ISO, also take part in the work. ISO collaborates closely with the International Electrotechnical Commission (IEC) on all matters of electrotechnical standardization.The procedures used to develop this document and those intended for its further maintenance are described in the

47、 ISO/IEC Directives, Part 1. In particular the different approval criteria needed for the different types of ISO documents should be noted. This document was drafted in accordance with the editorial rules of the ISO/IEC Directives, Part 2 (see www.iso.org/directives). Attention is drawn to the possi

48、bility that some of the elements of this document may be the subject of patent rights. ISO shall not be held responsible for identifying any or all such patent rights. Details of any patent rights identified during the development of the document will be in the Introduction and/or on the ISO list of

49、 patent declarations received (see www.iso.org/patents). Any trade name used in this document is information given for the convenience of users and does not constitute an endorsement.For an explanation on the meaning of ISO specific terms and expressions related to conformity assessment, as well as information about ISOs adherence to the WTO principles in the Technical Barriers to Trade (TBT) see the following URL: Foreword - Supplementary informationThe committee responsible for this document is ISO/TC 159, Ergonomics, Subcommittee SC 4, Ergonomics of hum