Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

HIG - Entering data #34

Open
ffalswo2 opened this issue Aug 4, 2023 · 0 comments
Open

HIG - Entering data #34

ffalswo2 opened this issue Aug 4, 2023 · 0 comments
Assignees

Comments

@ffalswo2
Copy link

ffalswo2 commented Aug 4, 2023

When you need information from people, design ways that make it easy for them to provide it without making mistakes.

사람들에게 정보가 필요할 때 실수 없이 쉽게 정보를 제공할 수 있는 방법을 설계하세요.

image

사람들이 사용하는 상호 작용 방식에 관계없이 정보를 입력하는 것은 지루한 과정일 수 있습니다. 다음과 같이 경험을 개선하세요:

  • 사람들이 제공해야 하는 데이터의 양을 최소화하기 위해 가능한 한 많은 정보를 미리 수집합니다.
  • 사용 가능한 모든 입력 방법을 지원하여 사용자가 자신에게 적합한 방법을 선택할 수 있도록 합니다. (모든 입력 방법을 지원하는 것이 너무 많은 자유도를 주어서 오히려 불편할 것 같은 느낌이 들었는데 이건 의외였습니다)

Best practices

Get information from the system whenever possible.

가능하면 시스템에서 정보를 얻으세요.

설정에서 자동으로 수집할 수 있는 정보나 사용자의 위치 또는 캘린더 정보처럼 사용자의 허락을 받아 수집할 수 있는 정보는 입력하도록 요청하지 마세요.

Be clear about the data you need.

필요한 데이터를 명확히 파악하세요.

예를 들어 텍스트 필드에 "[[email protected]](mailto:[email protected])"와 같은 프롬프트를 표시하거나 "이메일"과 같이 정보를 설명하는 소개 Label을 제공할 수 있습니다. 또한 합리적인 기본값으로 필드를 미리 채울 수 있으므로 의사 결정을 최소화하고 데이터 입력 속도를 높일 수 있습니다.

Use a secure text-entry field when appropriate.

적절한 경우 보안 텍스트 입력 필드를 사용하세요.

앱이나 게임에 민감한 데이터가 필요한 경우, 일반적으로 각 문자에 채워진 작은 원 기호를 표시하는 등 사용자가 입력할 때 입력 내용을 가리는 필드를 사용하세요. 개발자 지침은 [SecureField](https://developer.apple.com/documentation/SwiftUI/SecureField)를 참조하세요.

visionOS에서 시스템에서 제공하는 텍스트 필드를 사용하면 입력한 데이터는 착용자에게만 표시되고 다른 사람에게는 표시되지 않습니다

(예: 사용자가 AirPlay를 사용하여 콘텐츠를 스트리밍할 때 보안 텍스트 필드가 자동으로 흐리게 표시됨).

Never prepopulate a password field.

비밀번호 입력란을 미리 채우지 마세요.

항상 사람들에게 비밀번호를 입력하도록 요청하거나 생체인증 또는 키체인 인증을 사용하세요. 자세한 내용은 [Managing accounts](https://developer.apple.com/design/human-interface-guidelines/managing-accounts)를 참조하세요.

When possible, offer choices instead of requiring text entry.

가능하면 텍스트 입력 대신 선택 사항을 제공하세요.

키보드를 편리하게 사용할 수 있는 경우에도 정보를 입력하는 것보다 옵션 목록에서 선택하는 것이 일반적으로 더 쉽고 효율적입니다. 적절한 경우 picker, menu 또는 기타 selection component를 사용하여 사람들에게 필요한 정보를 쉽게 제공하는 방법을 고려하세요.

→ 위에서 가능한 모든 방법을 지원하라는 거랑은 사뭇 다른 이야기?

As much as possible, let people provide data by dragging and dropping it or by pasting it.

가능한 한 사람들이 데이터를 끌어다 놓거나 붙여넣는 방식으로 데이터를 제공하도록 하세요.

이러한 상호 작용을 지원하면 데이터 입력이 쉬워지고 나머지 시스템과 더욱 통합된 느낌을 줄 수 있습니다.

Dynamically validate field values.

field 값을 동적으로 유효성 검사하세요.

긴 양식을 작성한 후 다시 돌아가서 실수를 수정해야 한다면 사람들은 좌절할 수 있습니다. 사람들이 값을 입력하는 즉시 값을 검증하고 문제를 발견하는 즉시 피드백을 제공하면 오류를 바로 수정할 수 있습니다.

특히 숫자 데이터의 경우 숫자 값만 허용하도록 텍스트 필드를 자동으로 구성하는 number formatter를 사용하는 것이 좋습니다. 특정 소수점 이하 자릿수, 백분율 또는 통화와 같은 특정 방식으로 값을 표시하도록 formatter를 구성할 수도 있습니다.

When data entry is necessary, make sure people understand that they must provide the required data before they can proceed.

데이터 입력이 필요한 경우, 사람들이 필수 데이터를 제공해야만 계속 진행할 수 있다는 점을 이해하도록 하세요.

예를 들어, 일련의 텍스트 필드 뒤에 다음 또는 계속 버튼을 포함하는 경우 사용자가 필요한 데이터를 입력한 후에만 버튼을 사용할 수 있도록 설정하세요.

@ffalswo2 ffalswo2 self-assigned this Aug 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant