오역이 있을 수 있습니다! 영문 문서를 기본으로 하고 이 글은 참고하는 느낌으로 봐주시면 좋을 것 같습니다. 😊
Human Interface Guidelines - Apple Pencil and Scribble
Apple Pencil and Scribble
Apple Pencil is a versatile, intuitive tool for iPad apps that offers pixel‑level precision when jotting notes, sketching, painting, marking up documents, and more. In iPadOS 14 and later, Scribble lets people use Apple Pencil to enter text in any text field through fast, private, on-device handwriting recognition. For guidance, see Supporting Scribble.
Apple Pencil은 노트 필기, 스케치, 그림 그리기, 문서 표시 등을 할 때 픽셀 수준의 정밀도를 제공하는 iPad 앱을 위한 다재다능하며 직관적인 도구입니다. iPadOS 14 이상에서 Scribble은 Apple Pencil을 사용하여 빠르고 개인적인 필기 인식을 통해 텍스트 필드에 텍스트를 입력할 수 있도록 합니다. 자세한 내용은? Supporting Scribble
Support expected behaviors. Apple Pencil is designed to make drawing, handwriting, and marking effortless and natural, and it also performs as a pointer or UI interaction tool. In addition to enabling the Apple Pencil behaviors people expect, consider supporting unexpected interactions, too. For example, your app might let people make notes in the margins of a document.
예상되는 행동을 지원하세요. Apple Pencil은 그리기, 필기, 마킹 등을 쉽고 자연스럽게 할 수 있도록 설계되었으며 포인터나 UI 상호작용 도구로도 사용됩니다. 사람들이 기대하는 Apple Pencil 동작을 활성화하는 것 외에도 예상치 못한 상호 작용도 지원하는 것이 좋습니다. 예를 들어, 앱에서 사용자들이 문서의 여백에 메모를 할 수 있도록 할 수 있습니다.
Let people choose when to switch between Apple Pencil and finger input — don’t force them. For example, people shouldn’t need to switch from Apple Pencil to their finger to interact with a control. If your app supports Apple Pencil for marking, your app’s controls should also respond to Apple Pencil. An unresponsive control causes confusion, and can give the impression of a malfunction or low battery. Likewise, let people also use a finger to draw and make marks. (Scribble supports only Apple Pencil input.)
사용자가 Apple Pencil과 손가락 입력 간에 전환할 시기를 선택할 수 있도록 하세요. 강요하지 마세요. 예를 들어, 사람들은 컨트롤과 상호 작용하기 위해 Apple Pencil에서 손가락으로 전환할 필요가 없습니다. 앱이 표시를 위해 Apple Pencil을 지원하는 경우 앱의 컨트롤도 Apple Pencil에 응답해야 합니다. 컨트롤에 반응하지 않으면 혼동이 발생하며, 오작동 또는 배터리 부족이라는 인상을 줄 수 있습니다. 마찬가지로 손가락으로 그림을 그리거나 표시를 할 수 있도록 하세요. (Scribble은 Apple Pencil 입력만 지원합니다.)
Let people make a mark the moment Apple Pencil touches the screen. The experience of putting Apple Pencil to screen should mirror the experience of putting a classic pencil to paper. Don’t require people to tap a button or enter a special mode before using Apple Pencil.
Apple Pencil이 화면을 터치하는 순간 사용자들이 흔적을 남길 수 있도록 하세요. Apple Pencil을 화면에 배치하는 경험은 기존 연필을 종이에 배치하는 경험을 반영해야 한다. Apple Pencil을 사용하기 전에 사용자가 버튼을 누르거나 특수 모드로 전환하도록 요구하지 마세요.
Help people express themselves by responding to the way they use Apple Pencil. Apple Pencil can sense tilt (altitude), force (pressure), and orientation (azimuth). Your app should use this information to affect the strokes Apple Pencil makes, such as by varying thickness and intensity. When responding to pressure, keep things simple and intuitive. For example, it feels natural to affect continuous properties — such as ink opacity or brush size — by varying the pressure.
사람들이 Apple Pencil을 사용하는 방식에 반응하여 자신을 표현할 수 있도록 도와주세요. Apple Pencil은 기울기(고도), 힘(압력), 방향(방위각)을 감지할 수 있습니다. 앱은 이 정보를 사용하여 Apple Pencil의 다양한 두께와 강도 등의 획에 영향을 주어야 합니다. 압력에 반응할 때, 간단하고 직관적으로 유지하세요. 예를 들어, 압력을 변화시킴으로써 잉크 불투명도 또는 브러시 크기와 같은 연속적인 특성에 영향을 주는 것이 자연스럽습니다.
Use visual feedback to indicate a direct connection with content. Apple Pencil should appear to directly and immediately manipulate content it touches onscreen. It shouldn’t initiate seemingly disconnected actions, or affect content on other parts of the screen.
시각적 피드백을 사용하여 콘텐츠와의 직접적인 연관성을 나타내세요. Apple Pencil은 화면에서 터치하는 콘텐츠를 직접 그리고 즉시 조작하는 것처럼 보여야 합니다. 연결이 끊긴 것처럼 보이는 동작을 시작하거나 화면의 다른 부분에 있는 콘텐츠에 영향을 미치지 않아야 합니다.
Design a great left- and right-handed experience. Avoid placing controls in locations that may be obscured by either hand. If there’s a chance controls may become obscured, consider letting people reposition them.
왼손잡이와 오른손잡이 모두에게 뛰어난 환경을 설계하세요. 어느 손으로도 가려질 수 있는 위치에 컨트롤을 배치하지 마세요. 컨트롤이 흐릿해질 가능성이 있는 경우 사람들이 컨트롤을 재배치하도록 하는 것이 좋습니다.
Whenever possible, respect the user’s settings for the double-tap gesture. Apple Pencil 2 responds to the double-tap gesture by changing how it draws, either directly (by changing the tool) or indirectly (by presenting color options). Although double-tap toggles between the current tool and the eraser by default, people can go to Settings and specify that double-tap should toggle between the current and previous tool, show and hide the color picker, or do nothing at all. If your app supports these behaviors, respect the systemwide settings for double-tap, and don’t expect people to learn new gestures for the same behaviors. If the systemwide double-tap settings don’t make sense in your app, you can still use the gesture to change the mode of Apple Pencil 2. For example, users of a 3D app with a mesh editing tool could use double-tap to toggle between the tool’s raise and lower modes.
가능하다면 더블 탭 제스처에 대한 사용자의 설정을 준수하세요. Apple Pencil 2는 직접(도구 변경) 또는 간접적(색상 옵션 표시)으로 더블 탭 제스처에 응답합니다. 기본적으로 현재 도구와 지우개를 더블 탭으로 전환할 수 있지만 설정으로 이동하여 현재 도구와 이전 도구 간에 전환이나, 색 선택기를 표시하거나 숨기거나, 또는 아무것도 하지 않도록 지정할 수 있도록 하세요. 앱이 이러한 동작을 지원하는 경우 더블탭에 대한 시스템 전체 설정을 존중하고, 사용자들이 동일한 동작에 대해 새로운 제스처를 학습할 것으로 기대하지 마십시오. 앱에서 시스템 전체의 더블 탭 설정이 의미가 없는 경우에도 제스처를 사용하여 Apple Pencil 2의 모드를 변경할 수 있습니다. 예를 들어, 메쉬 편집 도구가 있는 3D 앱의 사용자는 더블 탭을 사용하여 도구의 상승 모드와 하강 모드를 전환할 수 있습니다.
Give people a way to enable custom double-tap behavior if necessary. When your app supports some or all of the Apple Pencil 2 double-tap behaviors, but you also support a custom double-tap behavior, offer a control that lets people enable the custom behavior. If users don’t have an explicit way to enable the custom behavior, they may get confused when your app doesn’t respond to their systemwide double-tap settings. In this scenario, make sure it’s easy for people to discover the alternative behaviors your app supports, but don’t enable them by default.
필요한 경우 커스텀 더블 탭 동작을 활성화할 수 있는 방법을 제공합니다. 앱이 Apple Pencil 2 더블 탭 동작의 일부 또는 전부를 지원하지만 커스텀 더블 탭 동작도 지원하는 경우 사용자가 커스텀 동작을 사용할 수 있도록 하는 컨트롤을 제공하세요. 커스텀 동작을 사용할 수 있는 명확한 방법이 없는 경우, 앱이 시스템 전체의 이중 탭 설정에 응답하지 않을 때 혼동될 수 있습니다. 이 시나리오에서는 앱이 지원하는 대체 동작을 사람들이 쉽게 찾을 수 있도록 하되 기본적으로 활성화하지는 마세요.
Never use the double-tap gesture to perform an action that modifies content. It’s possible for people to double-tap accidentally, which means that they may not even be aware that your app has performed the action. When double-tapping toggles between tool modes, it’s easy for users to reverse an accidental mode change by simply double-tapping again. In an app that uses the gesture to perform an action, however, people must disrupt their workflow to find a way to undo it. Even worse is an app that uses double-tap to perform a potentially destructive action: if users are unaware that the action has occurred, they can lose data.
콘텐츠 수정을 위해 더블 탭 제스처를 사용하지 마세요. 사용자는 실수로 더블 탭을 할 수 있습니다. 즉, 당신의 앱이 동작을 수행했다는 사실조차 인지하지 못할 수 있습니다. 더블 탭으로 툴 모드 간에 전환할 때 사용자는 다시 더블 탭하여 우발적인 모드 변경을 되돌리기 쉽습니다. 그러나 동작을 수행하기 위해 제스처를 사용하는 앱에서 사람들은 실행을 취소하는 방법을 찾기 위해 워크플로우를 중단해야 합니다. 더 나쁜 것은 더블탭을 사용하여 잠재적으로 파괴적인 작업을 수행하는 앱입니다. 사용자가 실행 취소 작업이 발생했다는 것을 모를 경우 데이터가 손실될 수 있습니다.
개발자를 위한 자세한 내용은? Pencil Interactions
Supporting Scribble
With Scribble and Apple Pencil, people can simply write wherever text is accepted in your app — they don’t have to tap or switch modes first. Because Scribble is fully integrated into iPadOS 14 and later, it’s available to all apps by default, just like the keyboard. The following guidelines help you enhance the default Scribble support and provide a great writing experience in your app.
Scrible과 Apple Pencil을 사용하면 앱에서 텍스트가 허용되는 곳이면 어디든지 간단히 쓸 수 있습니다. 먼저 모드를 누르거나 전환할 필요가 없습니다. Scrible은 iPadOS 14 이상에 완전히 통합되어 있기 때문에 키보드와 마찬가지로 기본적으로 모든 앱에서 사용할 수 있습니다. 아래 지침은 기본 Scrible 지원을 향상하고 앱에서 뛰어난 쓰기 환경을 제공하는 데 도움이 됩니다.
Always make entering text feel fluid and effortless. By default, Scribble works in all standard text controls — such as text fields, text views, search fields, and editable fields in web content — except password fields. If you use a custom text field in your app, don’t make people tap or select it before they can begin writing.
항상 텍스트 입력이 쉽고 유동적으로 느껴지도록 하세요. 기본적으로 Scribble은 암호 필드를 제외한 모든 표준 텍스트 컨트롤(예: 텍스트 필드, 텍스트 보기, 검색 필드 및 웹 콘텐츠의 편집 가능한 필드)에서 작동합니다. 앱에서 커스텈 텍스트 필드를 사용하는 경우, 사용자가 쓰기 시작하기 전에 해당 필드를 탭하거나 선택하도록 하지 마세요.
Make Scribble available everywhere people might want to enter text. Unlike using the keyboard, using Apple Pencil encourages people to treat the screen the way they treat a sheet of paper. Help strengthen this perception in your app by making Scribble consistently available in places where text entry seems natural. For example, in Reminders, it’s natural for people to create a new reminder by writing it in the blank space below the last item, even though the area doesn’t contain a text field. For developer guidance, see UIIndirectScribbleInteraction.
사용자가 텍스트를 입력할 수 있는 모든 곳에서 Scrible을 사용할 수 있도록 하세요. 키보드를 사용하는 것과 달리, 애플 펜슬을 사용하는 것은 사람들이 화면을 종이 한 장을 다루는 방식으로 화면을 처리하세요. 텍스트 입력이 자연스럽게 보이는 장소에서 Scrible을 지속적으로 사용할 수 있도록 함으로써 앱에서 이러한 인식을 강화하도록 도와줍니다. 예를 들어 미리 알림에서는 해당 영역에 텍스트 필드가 없더라도 사람들이 마지막 항목 아래의 빈 공간에 새 알림을 작성하여 새 알림을 만드는 것은 자연스러운 일입니다. 개발자 지침은 UIIndirectScribbleInteraction 을 참조하세요.
Avoid distracting people while they write. Some text field behaviors work well for keyboard input, but can disrupt the natural writing experience that Apple Pencil enables. For example, it’s best to avoid displaying autocompletion text as people write in a text field because the suggestions can visually interfere with their writing. It’s also a good idea to hide a field’s placeholder text the moment people begin to write so that their input doesn’t appear to overlap it.
사람들이 글을 쓰는 동안 주의를 산만하게 하지 마세요. 일부 텍스트 필드 동작은 키보드 입력에 적합하지만 Apple Pencil이 지원하는 자연스러운 쓰기 경험을 방해할 수 있습니다. 예를 들어, 제안사항이 글을 시각적으로 방해할 수 있기 때문에 사용자가 텍스트 필드에 글을 쓸 때 자동 완성 텍스트를 표시하지 않는 것이 좋습니다. 입력 내용이 겹치지 않도록 사용자가 쓰기 시작하는 즉시 필드의 placeholder 텍스트를 숨기는 것도 좋습니다.
While people are writing in a text field, make sure it remains stationary and its contents don’t scroll. In some cases, it makes sense to move a text field when it becomes focused: for example, a search field might move to make more room to display results. Such a movement is fine when people are using the keyboard, but when they’re writing it can make them feel like they’ve lost control of where their input is going. If you can’t prevent a text field from moving, consider delaying the movement until people pause their writing (for developer guidance, see scribbleInteractionShouldDelayFocus(_:)).
It’s also important to prevent autoscrolling while people are writing and editing in a text field. When transcribed text autoscrolls, people might try to avoid writing on top of it. Worse, if text scrolls while people are using Apple Pencil to select it, they might select a different range of text than what they want.
사용자가 텍스트 필드에 글을 쓰는 동안 텍스트 필드가 고정되어 있고 내용이 스크롤되지 않는지 확인하세요. 어떤 경우에는 텍스트 필드에 포커스가 있을 때 이동하는 것이 합리적입니다. 예를 들어 검색 필드가 결과를 표시할 수 있는 공간을 늘리기 위해 이동할 수 있습니다. 이러한 움직임은 사용자가 키보드를 사용할 때는 괜찮지만, 글을 쓸 때는 입력이 어디로 가는지 통제력을 잃은 것처럼 느낄 수 있습니다. 텍스트 필드가 이동하지 않도록 방지할 수 없는 경우 사용자가 쓰기를 일시 중지할 때까지 이동을 지연하세요. (개발자 지침은 scribbleInteractionShouldDelayFocus(_:) 참조)
또한 사용자가 텍스트 필드에 글을 쓰고 편집하는 동안 자동 스크롤을 방지하는 것이 중요합니다. 텍스트 자동 스크롤을 필사할 때, 사람들은 그 위에 글을 쓰지 않으려고 할 수 있습니다. 설상가상으로, 사람들이 Apple Pencil을 사용하는 동안 텍스트가 스크롤된다면, 원하는 것과 다른 범위의 텍스트를 선택할 수 있습니다.
Give people enough space to write. A small text field is fine when people use the keyboard to enter text, but it can feel uncomfortable to write in. When you know that Apple Pencil input is likely, improve the writing experience in your app by increasing the size of the text field before people begin to write in it or when they pause writing. Always avoid resizing a text field while people are writing.
사람들이 글을 쓸 수 있는 충분한 공간을 제공하세요. 작은 텍스트 필드는 키보드를 사용하여 텍스트를 입력할 때는 괜찮지만, 쓰기에는 사용자들이 불편함을 느낄 수 있습니다. Apple Pencil 입력이 가능한 경우 사용자가 글을 쓰기 시작하거나 글쓰기를 일시 중지하기 전에 텍스트 필드의 크기를 늘려 앱의 쓰기 환경을 개선하세요. 사용자가 글을 쓰는 동안에는 항상 텍스트 필드 크기를 조정하지 마세요.
Providing a Custom Drawing Experience
Using PencilKit, you can let people take notes, annotate documents and images, and draw with the same low-latency experience that iOS provides. PencilKit also makes it easy to create a custom drawing canvas in your app and offer a state-of-the-art tool picker and ink palette. For developer guidance, see PencilKit.
PencilKit을 사용하면 사람들이 iOS가 제공하는 것과 동일한 저지연 환경으로 메모를 하고, 문서와 이미지에 주석을 달고, 그림을 그리도록 할 수 있습니다. 또한 PencilKit을 사용하면 앱에서 custom drawing canvas를 쉽게 만들 수 있으며 최첨단 도구 선택기와 잉크 팔레트를 제공할 수 있습니다. 개발자 지침은 PencilKit을 참조하세요.
Help people draw on top of existing content. By default, the colors on your PencilKit canvas dynamically adjust to dark mode, so people can create content in either mode and the results will look great in both. However, when people draw on top of existing content like a PDF or a photo, you probably want to prevent the dynamic adjustment of colors so that the markup remains sharp and visible.
사용자들이 기존 콘텐츠 위에 그림을 그릴 수 있도록 도와주세요. 기본적으로 PencilKit 캔버스의 색상은 다크 모드로 동적으로 조정되므로 사용자는 어느 모드에서든 콘텐츠를 만들 수 있으며 결과는 두 모드에서 모두 멋지게 보일 것입니다. 그러나 사람들이 PDF나 사진과 같은 기존 콘텐츠 위에 그림을 그릴 때, 마크업이 선명하고 가시적으로 유지되도록 색상의 동적 조정을 방지하고 싶을 것입니다..
Make sure the tool picker doesn’t obscure content when your app runs in a compact environment. In a regular environment, the tool picker floats above the content so people can move it out of the way, but in a compact environment the tool picker stays pinned to the bottom edge of the screen. To avoid obscuring people’s content, you can adjust the content view’s frame or the scroll view insets to account for the height of the tool picker.
앱이 좁은 환경에서 실행될 때 도구 선택기가 콘텐츠를 가리지 않는지 확인하세요. 일반 환경에서는 도구 선택기가 콘텐츠 위에 떠 있어 사용자가 방해가 되지 않도록 이동시킬 수 있지만, 좁은 환경에서는 도구 선택기가 화면 아래쪽 가장자리에 고정된 상태로 유지됩니다. 사용자의 콘텐츠를 가리지 않도록 도구 선택기의 높이를 고려하여 콘텐츠 뷰의 프레임 또는 스크롤 뷰의 insets을 조정할 수 있습니다.
Consider providing custom undo and redo buttons to display when your app runs in a compact environment. In a regular environment, the tool picker includes undo and redo buttons, but in a compact environment it doesn’t. In a compact environment, you could display your custom buttons in a navigation bar. You might also consider supporting the standard 3-finger undo/redo gesture, so people can use it in any environment. For guidance, see Undo and Redo.
앱이 좁은 환경에서 실행될 때 표시할 커스텀 실행 취소 및 다시 실행 버튼을 제공하는 것을 고려하세요. 일반 환경에서는 도구 선택기에 실행 취소 및 다시 실행 버튼이 있지만, 좁은 환경에서는 그렇지 않습니다. 좁은 환경에서는 탐색 모음에 커스텀 버튼을 표시할 수 있습니다. 사용자가 모든 환경에서 사용할 수 있도록 표준 세 손가락 실행 취소/재실행 제스처를 지원하는 것 또한 고려할 수 있습니다. 자세한 내용은? Undo and Redo
느낀점
Apple Pencil은 애플이 강조하는 다재다능하며 직관적인 도구인 만큼 Apple Pencil을 지원하는 앱이라면 사람들이 기대하는 기능들을 모두 구현해줘야 하는 것이 중요한 것 같다. 기울기(고도), 힘(압력), 방향(방위각)에 따른 사용자 경험과, 커스텀 더블탭 기능까지 말이다. 또 좁거나, 사진 위 등 여러 환경에서 최적의 환경을 위한 앱 설계가 중요한 것 같다!
내가 Apple Pencil을 지원하는 앱을 개발할 일이 있을까? 나중에 Apple Pencil을 지원하는 앱을 개발할 때 참고해보면 좋을 것 같다.
번역하면서 몰랐던 영단어들을 quizlet이라는 곳에 정리해두었어요. HIG를 읽으면서 영어 실력까지 키우고 싶은 분들에게 도움이 됐으면 좋겠어요!
수정해야 할 부분이 있다면 알려주세요!
읽어 주셔서 감사합니다. 🙂
