brunch

You can make anything
by writing

C.S.Lewis

by Lawn Apr 06. 2024

[HIG] Steppers

값을 증감시키는 세그먼트 스테퍼

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

Introduction

스테퍼(stepper)는 사람들이 값을 늘리거나 줄이는 데 사용하는 두 개의 세그먼트 컨트롤입니다.

스테퍼 자체는 값을 표시하지 않기 때문에 현재 값을 표시하는 필드 옆에 스테퍼가 배치됩니다.

Best practices

스테퍼가 영향을 미치는 값을 명확하게 표시해 주세요. 스테퍼 자체에는 값이 표시되지 않으므로 사람들이 스텝퍼를 사용할 때 어떤 값이 변경되는지 알 수 있도록 하는 것이 좋습니다.

값이 크게 변경될 가능성이 있는 경우 스테퍼를 텍스트 필드와 함께 사용하는 것이 좋습니다. 스텝퍼는 몇 번의 탭이나 클릭이 필요한 작은 규모의 작업에서 효과적으로 사용될 수 있습니다. 하지만, 사람들은 필요한 값이 매우 다양할 때 텍스트 필드를 사용해 원하는 값을 직접 입력하기를 원할 수 있습니다. 예를 들어 인쇄 화면에서 사본 수를 설정할 때 스테퍼와 텍스트 필드를 모두 사용하면 도움이 될 수 있습니다.

Platform considerations

No additional considerations for iOS, iPadOS, or visionOS. Not supported in watchOS or tvOS.

macOS

범위가 큰 값의 경우 Shift 키를 클릭하여 값을 빠르게 변경할 수 있도록 지원하는 것이 좋습니다. 앱에서 스텝퍼 값을 크게 변경할 때 사용자가 스텝퍼를 Shift+클릭하여 기본 증분(예: 기본값의 10배) 이상으로 값을 변경할 수 있도록 하는 것이 유용할 수 있습니다.