DIN EN ISO 9241-161-2016 Ergonomics of human-system interaction - Part 161 Guidance on visual user-interface elements (ISO 9241-161 2016) German version EN ISO 9241-161 2016《人机交互的人.pdf

1、October 2016 English price group 29No part of this translation may be reproduced without prior permission ofDIN Deutsches Institut fr Normung e. V., Berlin. Beuth Verlag GmbH, 10772 Berlin, Germany,has the exclusive right of sale for German Standards (DIN-Normen).ICS 13.180; 35.180!%nZ“2577555www.di

2、n.deDIN EN ISO 9241-161Ergonomics of humansystem interaction Part 161: Guidance on visual userinterface elements (ISO 9241161:2016);English version EN ISO 9241161:2016,English translation of DIN EN ISO 9241-161:2016-10Ergonomie der MenschSystemInteraktion Teil 161: Leitfaden zu visuellen UserInterfa

3、ceElementen (ISO 9241161:2016);Englische Fassung EN ISO 9241161:2016,Englische bersetzung von DIN EN ISO 9241-161:2016-10Ergonomie de linteraction hommesystme Partie 161: lments de linterface utilisateur (ISO 9241161:2016);Version anglaise EN ISO 9241161:2016,Traduction anglaise de DIN EN ISO 9241-1

4、61:2016-10www.beuth.deDocument comprises 84 pagesDTranslation by DIN-Sprachendienst.In case of doubt, the German-language original shall be considered authoritative.10.16 DIN EN ISO 9241-161:2016-10 2 A comma is used as the decimal marker. National foreword This document (EN ISO 9241-161:2016) has b

5、een prepared by Technical Committee ISO/TC 159 “Ergonomics”, Subcommittee SC 4 “Ergonomics of human-system interaction”, Working Group WG 5 “Software ergonomics of human-computer interaction” in collaboration with Technical Committee CEN/TC 122 “Ergonomics” (Secretariat: DIN, Germany). The responsib

6、le German body involved in its preparation was DIN-Normenausschuss Ergonomie (DIN Standards Committee Ergonomics), Joint Working Committee NA 023-00-04-05 GAK Gemeinschaftsarbeitskreis NAErg/NIA: Benutzungsschnittstellen. The DIN Standards corresponding to the International Standards referred to in

7、this document are as follows: ISO 8601 DIN ISO 8601 ISO 9241-12:1998 DIN EN ISO 9241-12:2000-08 ISO 9241-16:1999 DIN EN ISO 9241-16:2000-03 ISO 9241-110:2006 DIN EN ISO 9241-110:2008-09 ISO 9241-143:2012 DIN EN ISO 9241-143:2012-06 ISO 9241-171:2008 DIN EN ISO 9241-171:2008-10 ISO 11064-5:2008 DIN E

8、N ISO 11064-5:2008-10 ISO 14915-2:2003 DIN EN ISO 14915-2:2003-11 DIN EN ISO 9241-161:2016-10 3 National Annex NA (informative) Bibliography DIN EN ISO 9241-12:2000-08, Ergonomic requirements for office work with visual display terminals (VDTs) Part 12: Presentation of information (ISO 9241-12:1998)

9、 DIN EN ISO 9241-16:2000-03, Ergonomic requirements for office work with visual display terminals (VDTs) Part 16: Direct-manipulation dialogues (ISO 9241-16:1999) DIN EN ISO 9241-110:2008-09, Ergonomics of human-system interaction Part 110: Dialogue principles (ISO 9241-110:2006) DIN EN ISO 9241-143

10、2012-06, Ergonomics of human-system interaction Part 143: Forms (ISO 9241-143:2012) DIN EN ISO 9241-171:2008-10, Ergonomics of human-system interaction Part 171: Guidance on software accessibility (ISO 9241-171:2008) DIN EN ISO 11064-5:2008-10, Ergonomic design of control centres Part 5: Atomic and

11、 nuclear physics (ISO 11064-5:2008) DIN EN ISO 14915-2:2003-11, Software ergonomics for multimedia user interfaces Part 2: Multimedia navigation and control (ISO 14915-2:2003) DIN ISO 8601, Data elements and interchange formats Information interchange Representation of dates and times DIN EN ISO 924

12、1-161:2016-10 4 This page is intentionally blank EUROPEAN 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 9241-161:2016) Ergonomie de linteraction

13、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 2016. CEN members are bound to comply with the

14、 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 on application to the CEN-CENELEC Management

15、 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-CENELEC Management Centre has the same status a

16、s 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, Italy, Latvia, Lithuania, Luxembourg, Malta, Ne

17、therlands, 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: Avenue Marnix 17, B-1000 Brussels 2016 CEN All

18、rights of exploitation in any form and by any means reserved worldwide for CEN national Members. Ref. No. EN ISO 9241-161:2016 EEuropean foreword .8Introduction 111 Scope 122 Normative references . 123 Terms and definitions 124 Accessibility 155 Relationship of input methods and visual user-interfac

19、e elements 156 States of visual user-interface elements . 167 Describing visual user-interface elements 168 Visual user-interface elements . 178.1 Accordion 178.1.1 Description . 178.1.2 Components 178.1.3 States . 188.1.4 When to use an accordion . 188.1.5 How to use an accordion 198.2 Analogue for

20、m element/slider . 198.2.1 Description . 198.2.2 Components 198.2.3 States . 198.2.4 When to use an analogue form element . 198.2.5 How to use an analogue form element 208.3 Carousel/Carrousel 208.3.1 Description . 208.3.2 Components 208.3.3 States . 218.3.4 When to use a carousel 218.3.5 How to use

21、 a carousel .218.4 Check box/check button 218.4.1 Description .218.4.2 Components 218.4.3 States . 228.4.4 When to use a check box 228.4.5 How to use a check box . 228.5 Collapsible container 238.5.1 Description .238.5.2 Components 238.5.3 States . 248.5.4 When to use a collapsible container 248.5.5

22、 How to use a collapsible container .248.6 Colour picker . 248.6.1 Description .248.6.2 Components 248.6.3 States . 248.6.4 When to use a colour picker . 248.6.5 How to use a colour picker . 248.7 Combination box/combo box 258.7.1 Description .258.7.2 Components 258.7.3 States . 26Contents PageDIN E

23、N ISO 9241-161:2016-10 EN ISO 9241-161:2016 (E) 2Foreword .98.7.5 How to use a combination box 278.8 Cursor 278.8.1 Description .278.8.2 Components 278.8.3 States . 278.8.4 When to use a cursor .278.8.5 How to use a cursor 278.9 Date picker . 288.9.1 Description .288.9.2 Components 288.9.3 States .

24、288.9.4 When to use a date picker . 298.9.5 How to use a date picker 298.10 Dialogue box . 298.10.1 Description .298.10.2 Components 298.10.3 States . 308.10.4 When to use a dialogue box . 308.10.5 How to use a dialogue box 308.11 Dropdown list box . 308.11.1 Description .308.11.2 Components 318.11.

25、3 When to use a dropdown list box .318.11.4 How to use a dropdown list box 328.12 Entry field/input field 328.12.1 Description .328.12.2 Components 328.12.3 States . 328.12.4 When to use an entry field . 338.12.5 How to use an entry field . 338.13 Entry field with dialogue button. 338.13.1 Descripti

26、on .338.13.2 Components 338.13.3 States . 338.13.4 When to use an entry field with dialogue button .338.13.5 How to use an entry field with dialogue button 348.14 Geographical map 348.14.1 Description .348.14.2 Components 348.14.3 States . 348.14.4 When to use a geographical map 348.14.5 How to use

27、a geographical map .358.15 Group/group box . 358.15.1 Description .358.15.2 Components 358.15.3 States . 358.15.4 When to use a group 358.15.5 How to use a group .368.16 Handle 368.16.1 Description .368.16.2 Components 368.16.3 States . 368.16.4 When to use a handle 378.16.5 How to use a handle .378

28、17 Hierarchical list/tree view/tree lists 378.17.1 Description .378.17.2 Components 378.17.3 States . 38DIN EN ISO 9241-161:2016-10 EN ISO 9241-161:2016 (E) 38.7.4 When to use a combination box.268.17.4 When to use a hierarchical list 388.17.5 How to use a hierarchical list . 388.18 Implicit design

29、ator . 388.18.1 Description .388.18.2 Components 388.18.3 States . 398.18.4 When to use an implicit designator 398.18.5 How to use an implicit designator .398.19 Instructive information 398.19.1 Description .398.19.2 Components 398.19.3 States . 408.19.4 When to use instructive information 408.19.5

30、How to use instructive information408.20 Input tokenizer 408.20.1 Description .408.20.2 Components 418.20.3 States . 418.20.4 When to use an input tokenizer .418.20.5 How to use an input tokenizer 418.21 Label 428.21.1 Description .428.21.2 Components 428.21.3 States . 428.21.4 When to use a label .

31、428.21.5 How to use a label 428.22 Legend/chart key . 428.22.1 Description .428.22.2 Components 438.22.3 States . 438.22.4 When to use a legend 438.22.5 How to use a legend .438.23 Link/hyperlink . 438.23.1 Description .438.23.2 Components 448.23.3 States . 448.23.4 When to use a link .448.23.5 How

32、to use a link .448.24 List box 458.24.1 Description .458.24.2 Components 458.24.3 States . 458.24.4 When to use a list box .468.24.5 How to use a list box 468.25 List button/menu button 468.25.1 Description .468.25.2 Components 468.25.3 States . 478.25.4 When to use a list button . 478.25.5 How to u

33、se a list button 478.26 Menu/menu bar 478.26.1 Description .478.26.2 Components 488.26.3 States . 488.26.4 When to use a menu .488.26.5 How to use a menu 498.27 Output pane 498.27.1 Description .49DIN EN ISO 9241-161:2016-10 EN ISO 9241-161:2016 (E) 4 8.27.2 Components 498.27.3 States . 498.27.4 Whe

34、n to use an output pane . 498.27.5 How to use an output pane 498.28 Pointer . 508.28.1 Description .508.28.2 Components 508.28.3 States . 508.28.4 When to use a pointer 508.28.5 How to use a pointer508.29 Pop-up menu/contextual menu 518.29.1 Description .518.29.2 Components 518.29.3 States . 518.29.

35、4 When to use a pop-up menu . 518.29.5 How to use a pop-up menu 518.30 Progress indicator . 528.30.1 Description .528.30.2 Components 528.30.3 States . 528.30.4 When to use a progress indicator.528.30.5 How to use a progress indicator 528.31 Prompt 528.31.1 Description .528.31.2 Components 528.31.3

36、States . 538.31.4 When to use a prompt 538.31.5 How to use a prompt .538.32 Push button/command button 538.32.1 Description .538.32.2 Components 538.32.3 States . 548.32.4 When to use a push button 548.32.5 How to use a push button 548.33 Radio button . 548.33.1 Description .548.33.2 Components 558.

37、33.3 States . 558.33.4 When to use a radio button . 558.33.5 How to use a radio button . 568.34 Read only field/protected field 568.34.1 Description .568.34.2 Components 568.34.3 States . 578.34.4 When to use a read only field . 578.34.5 How to use a read only field 578.35 Scroll bar . 578.35.1 Desc

38、ription .578.35.2 Components 578.35.3 States . 588.35.4 When to use a scroll bar . 588.35.5 How to use a scroll bar 588.36 Scroll handle/elevator/scroll box/thumb 588.36.1 Description .588.36.2 Components 598.36.3 States . 598.36.4 When to use scroll handle . 598.36.5 How to use scroll handle 59DIN

39、EN ISO 9241-161:2016-10 EN ISO 9241-161:2016 (E) 5 8.37 Selection cursor . 598.37.1 Description .598.37.2 Components 598.37.3 States . 608.37.4 When to use a selection cursor 608.37.5 How to use a selection cursor 608.38 Selection indication 608.38.1 Description .608.38.2 Components 608.38.3 States

40、 618.38.4 When to use a selection indication .618.38.5 How to use a selection indication .618.39 Selection list/choice list . 618.39.1 Description .618.39.2 Components 628.39.3 States . 628.39.4 When to use a selection list . 628.39.5 How to use a selection list 628.40 Status information 638.40.1 D

41、escription .638.40.2 Components 638.40.3 States . 638.40.4 When to use status information 638.40.5 How to use status information . 638.41 Stepper/spin button 638.41.1 Description .638.41.2 Components 648.41.3 States . 648.41.4 When to use a stepper 648.41.5 How to use a stepper .648.42 System messag

42、e 648.42.1 Description .648.42.2 Components 658.42.3 States . 658.42.4 When to use a system message 658.42.5 How to use system message 658.43 Tab set 668.43.1 Description .668.43.2 Components 668.43.3 States . 668.43.4 When to use a tab set 668.43.5 How to use a tab set .678.44 Table 678.44.1 Descri

43、ption .678.44.2 Components 678.44.3 States . 688.44.4 When to use a table 688.44.5 How to use a table 688.45 Text field 688.45.1 Description .688.45.2 Components 698.45.3 States . 698.45.4 When to use a text field . 698.45.5 How to use a text field 698.46 Time picker . 698.46.1 Description .698.46.2

44、 Components 698.46.3 States . 70DIN EN ISO 9241-161:2016-10 EN ISO 9241-161:2016 (E) 6 8.46.4 When to use a time picker 708.46.5 How to use a time picker . 718.47 Title 718.47.1 Description .718.47.2 Components 718.47.3 States . 718.47.4 When to use a title .718.47.5 How to use title 728.48 Toggle b

45、utton . 728.48.1 Description .728.48.2 Components 728.48.3 States . 728.48.4 When to use a toggle button . 728.48.5 How to use a toggle button 728.49 Tool bar . 738.49.1 Description .738.49.2 Components 738.49.3 States . 738.49.4 When to use a tool bar .738.49.5 How to use a tool bar 738.50 Tool tip

46、 738.50.1 Description .738.50.2 Components 748.50.3 States . 748.50.4 When to use a tool tip .748.50.5 How to use a tool tip 748.51 Window 748.51.1 Description .748.51.2 Components 748.51.3 States . 758.51.4 When to use a window 758.51.5 How to use window 75Annex A (informative) Choosing visual user

47、 interface elements .76Bibliography .80DIN EN ISO 9241-161:2016-10 EN ISO 9241-161:2016 (E) 7 European foreword This document (EN ISO 9241-161:2016) has been prepared by Technical Committee ISO/TC 159 “Ergonomics“ in collaboration with Technical Committee CEN/TC 122 “Ergonomics” the secretariat of w

48、hich 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 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 responsibl