brunch

You can make anything
by writing

C.S.Lewis

by Lawn Apr 01. 2024

[HIG] Combo boxes

컨트롤을 결합한 콤보 박스

본 문서는 Apple의 Human Interface Guideline(이하 HIG) 문서를 한글로 번역한 것입니다. iOS 생태계 내에서 HIG를 읽으시는 분들이 번역본이 없어 불편함을 겪는 것을 알게 되었고, 이에 한글로 번역을 하게 되었습니다. iOS 커뮤니티 Async Swift에서 자율적으로 모인 9명이 함께 번역했으며, 일체의 상업적인 목적을 띄지 않습니다. 이 문서를 학습에 적극적으로 이용해 주시돼, 상업적인 용도로 이용하시는 것은 지양해 주시기 바랍니다. 감사합니다.


Introduction


콤보 박스(combo boxes)는 텍스트 필드와 풀다운 버튼을 하나의 컨트롤에 결합한 것입니다.

사람들은 필드에 사용자 지정 값을 입력하거나 버튼을 클릭하여 미리 정의된 값 목록에서 선택할 수 있습니다. 사용자 지정 값을 입력하면 선택 목록에 추가되지 않습니다.



Best practices


텍스트 필드(text field)에 기본(default) 정보를 표시하는 것이 좋습니다. 텍스트 필드(text field)가 기본(default) 정보 없이 비어 있어도 괜찮지만, 숨겨진 선택 항목의 정보를 표시해 주는 것이 좋습니다. 기본(default) 정보가 목록의 첫 번째 항목일 필요는 없습니다.


소개 레이블(introductory label)을 사용하여 사람들에게 예상되는 유형의 항목을 표시해 주세요. 일반적으로 레이블에는 제목 스타일의 대문자(title-style capitalization)를 사용하고 끝은 콜론으로 끝냅니다. 관련 가이드라인은 레이블(Labels)을 참고하세요.


관련성 있는 선택지를 제공하세요. 사람들은 원하는 값을 입력하기를 바라고, 입력한 값과 가장 관련성 높은 선택지를 목록에서 선택할 수 있기를 바랍니다.


목록 항목(list items)이 텍스트 필드(text field) 보다 넓지 않은지 확인하세요. 항목이 너무 넓으면 텍스트 필드가 잘려서 사람들이 읽기 어려울 수 있습니다.


가이드라인은 텍스트 필드(Text fields) 및 풀다운 버튼(Pull-down buttons)을 참고하세요.



Platform considerations


Not supported in iOS, iPadOS, tvOS, visionOS, or watchOS.


Resources


Related  

Text fields

Pull-down buttons


Developer documentation  

NSComboBox — AppKit


작가의 이전글 [HIG] Color wells
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari