HIG - Steppers

[kimscastle]

Steppers

A stepper is a two-segment control that people use to increase or decrease an incremental value

• 스탭퍼는 사람들이 값을 늘리거나 줄이기 위해 사용하는 두개의 세그먼트 컨트롤입니다

** 스탭퍼 자체가 값을 표시하지 않기 때문에 현재 값을 표시하는 필드가 옆에 있어야합니다 **

Best practices

Make the value that a stepper affects obvious

• 스탭퍼가 영향을 미치는 값을 명확하게 표시해야합니다

• 스탭퍼자체에는 값이 표시되지 않으므로 user들이 스탭퍼를 사용할때 어떤값이 변경되는지를 확인할수있게 해야합니다

Consider pairing a stepper with a text field when large value changes are likely

• 큰 값이 변경될 가능성이 있는 경우 스탭퍼를 textField와 쌍으로 구성하는 것을 고려해야합니다

• 스탭퍼는 기본적으로 몇번의 탭이나 클릭이 필요한 작은변경을 위한 컴포넌트입니다. 하지만 user가 값을 큰 단위로 바꾸고 싶어하는 경우가 존재할때에는 textfield로도 큰변경을 할 수 있도록 구현해야합니다

• 예를들어서 인쇄 화면에서 사본 수를 설정하기 위해서는 스탭퍼와 택스트필드 모두를 이용하는 것이 도움이 될 수 있다