오역이 있을 수 있습니다! 영문 문서를 기본으로 하고 이 글은 참고하는 느낌으로 봐주시면 좋을 것 같습니다. 😊
Human Interface Guidelines - Data Entry
Data Entry
Whether tapping interface elements or using the keyboard, inputting information can be a tedious process. When an app slows down the process by asking for lots of input before doing anything useful, people can get discouraged quickly, and may even abandon the app entirely.
인터페이스 요소를 누르던지 키보드를 사용하던지 정보를 입력하는 것은 지루한 과정이 될 수 있습니다. 앱이 유용한 작업을 수행하기 전에 많은 입력을 요구해 프로세스의 속도를 늦추면 사람들은 금방 낙담할 수 있고, 심지어 앱을 완전히 포기할 수도 있습니다.
When possible, present choices. Make data entry as efficient as possible. Consider using a picker or table instead of a text field, for example, because it’s easier to choose from a list of predefined options than to type a response.
가능하다면 선택 사항을 제시하세요. 가능한 한 효율적으로 데이터를 입력할 수 있도록 하세요. 예를 들어, 응답을 입력하는 것보다 미리 정의된 선택사항 목록에서 선택하는 것이 더 쉽기 때문에 text field 대신 picker 또는 table을 사용하는 것이 좋습니다.
Get information from the system whenever possible. Don’t force people to provide information that can be gathered automatically or with the user's permission, such as contact or calendar information.
가능하다면 시스템에서 정보를 얻으세요. 연락처나 일정 정보와 같이 사용자의 권한으로 자동으로 수집할 수 있는 정보는 사용자에게 정보를 제공하도록 강요하지 마세요.
Provide reasonable default values. To the extent possible, prefill fields with the most likely values. Providing good defaults minimizes decision making and speeds up the process.
합리적인 기본값을 제공하세요. 가능한 범위 내에서 가장 가능성이 높은 값으로 필드를 미리 채우세요. 좋은 기본값을 제공하면 의사 결정을 최소화하고 프로세스 속도를 높일 수 있습니다.
Enable advancement only after collecting required values. Before enabling a Next or Continue button, make sure all required fields have values. Use the enablement of the button as a visual cue that it’s time to proceed.
필수 값을 수집한 후에만 추가 진행 기능을 활성화하세요. 다음 또는 계속 버튼을 활성화하기 전에 모든 필수 입력칸에 값이 있는지 확인하세요. 버튼의 활성화를 진행할 시간이 되었다는 시각적 신호로 사용할 수 있습니다.
Dynamically validate field values. It’s frustrating when you have to go back and correct mistakes after filling out a lengthy form. Whenever possible, check field values immediately after entry so users can correct them right away.
필드 값을 동적으로 검증하세요. 긴 양식을 작성한 후 다시 돌아가서 실수를 수정해야 하는 경우 답답합니다. 가능한 경우 입력 후 즉시 필드 값을 확인하여 사용자가 즉시 수정할 수 있도록 하세요.
Require field values only when necessary. Use required fields only for information that is truly necessary to proceed.
필요한 경우에만 필드 값을 요구하세요. 계속 진행하기 위해 정말로 필요한 정보에 대해서만 필수 필드를 사용하세요.
Ease navigation through value lists. Especially in tables and pickers, it should be easy to pick a value. Consider sorting value lists alphabetically or in another logical manner that facilitates speedy scanning and selection.
값 목록을 쉽게 탐색할 수 있도록 하세요. 특히 table과 picker에서는 값을 고르기 쉬워야 합니다. 값 목록을 알파벳 순으로 정렬하거나 빠른 검색 및 선택을 용이하게 하는 다른 논리적 방법으로 정렬하는 것을 고려하세요.
Show a hint in a text field to help communicate purpose. A text field can contain placeholder text—such as "Email" or "Password"—when there’s no other text in the field. Don’t use a separate label to describe a text field when placeholder text is sufficient.
목적 전달에 도움이 되도록 text field에 힌트를 표시하세요. text field에 다른 텍스트가 없는 경우, "전자 메일" 또는 "암호"와 같은 placeholder를 포함할 수 있습니다. placeholder가 충분한 경우 text field를 설명하기 위해 별도의 레이블을 사용하지 마세요.
느낀점
나도 앱을 사용하기 위해 입력해야할 정보가 너무 많아 귀찮아서 앱을 꺼버린 경우가 있었다. 이런 면에서 입력을 불편하지 않도록 앱을 구상하는 것은 정말 중요한 일인 것 같다. 가져올 수 있는 정보는 최대한 가져오는 것, 완전한 주관식이 아닌 적당한 선택지를 주는 것, 꼭 필요한 정보만을 수집하는 것이 핵심이다!
