Human Interface Guidelines
  • Intro
  • IOS
    • Themes
    • Interface Essentials
  • App Architecture
    • Accessibility
    • Loading
    • Modality
    • Navigation
    • Onboarding
    • Requesting Permission
    • Settings
  • User Interaction
    • 3D Touch
    • Audio
    • Authentication
    • Data Entry
    • Drag and Drop
    • Feedback
    • File Handling
    • Gestures
    • Near Field Communication
    • Undo and Redo
  • System Capabilities
    • Augmented Reality
    • Multitasking
    • Notifications
    • Printing
    • Quick Look
    • Ratings and Reviews
    • Screenshots
    • TV Providers
  • Visual Design
    • Adaptivity and Layout
    • Animation
    • Branding
    • Color
    • Terminology
    • Typography
    • Video
  • Icons and Images
    • Image Size and Resolution
    • App Icon
    • Custom Icons
    • Launch Screen
    • System Icons
  • Bars
    • Navigation Bars
    • Search Bars
    • Status Bars
    • Tab Bars
    • Toolbars
  • Views
    • Action Sheets
    • Activity Views
    • Alerts
    • Collections
    • Image Views
    • Maps
    • Pages
    • Popovers
    • Scroll Views
    • Split Views
    • Tables
    • Text Views
    • Web Views
  • Controls
    • Buttons
    • Edit Menus
    • Labels
    • Page Controls
    • Pickers
    • Progress Indicators
    • Refresh Content Controls
    • Segmented Controls
    • Sliders
    • Steppers
    • Switches
    • Text Fields
  • Extensions
    • Custom Keyboards
    • Document Providers
    • Home Screen Actions
    • Messaging
    • Photo Editing
    • Sharing and Actions
    • Widgets
Powered by GitBook
On this page
  1. Visual Design

Terminology

PreviousColorNextTypography

Last updated 6 years ago

Every word in your app is part of a conversation with your users. Use this conversation to help them feel comfortable in your app.

μ•±μ˜ λͺ¨λ“  λ‹¨μ–΄λŠ” μ‚¬μš©μžμ™€μ˜ λŒ€ν™”μ˜ μΌλΆ€μž…λ‹ˆλ‹€. 이 λŒ€ν™”λ₯Ό μ‚¬μš©ν•˜μ—¬ 앱을 νŽΈμ•ˆν•˜κ²Œ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

Use familiar, understandable words and phrases. Technology can be intimidating. Avoid acronyms and technical jargon that people might not understand. Use what you know about your audience to determine whether certain words or phrases are appropriate. In general, apps that appeal to everyone should steer clear of highly technical language. Such language may be appropriate in apps that target a more advanced or technical crowd.

μ΅μˆ™ν•˜κ³  이해할 μˆ˜μžˆλŠ” 단어와 ꡬ문을 μ‚¬μš©ν•˜μ‹­μ‹œμ˜€. κΈ°μˆ μ€ μœ„ν˜‘μ μΌ 수 μžˆμŠ΅λ‹ˆλ‹€. μ‚¬λžŒλ“€μ΄ μ΄ν•΄ν•˜μ§€ λͺ»ν•  수 μžˆλŠ” μ•½μ–΄ 및 기술 μ „λ¬Έ μš©μ–΄λ₯Ό ν”Όν•˜μ‹­μ‹œμ˜€. 잠재 고객에 λŒ€ν•΄ μ•Œκ³ μžˆλŠ” 것을 μ‚¬μš©ν•˜μ—¬ νŠΉμ • λ‹¨μ–΄λ‚˜ ꡬ가 μ μ ˆν•œ μ§€ νŒλ‹¨ν•˜μ‹­μ‹œμ˜€. 일반적으둜 λͺ¨λ“  μ‚¬λžŒμ—κ²Œ μ–΄ν•„ν•˜λŠ” 앱은 κ³ λ„μ˜ 기술 μ–Έμ–΄λ₯Ό ν”Όν•˜λ„λ‘ μ‘°μ’…ν•΄μ•Όν•©λ‹ˆλ‹€. μ΄λŸ¬ν•œ μ–Έμ–΄λŠ” κ³ κΈ‰ λ˜λŠ” 기술적인 μ‚¬λžŒμ„ λŒ€μƒμœΌλ‘œν•˜λŠ” 앱에 적합할 수 μžˆμŠ΅λ‹ˆλ‹€.

Keep interface text clear and concise. People absorb short, direct text quickly and easily and don’t appreciate being forced to read long passages to accomplish a task. Identify the most important information, express it succinctly, and present it prominently so people don’t have to read too much to find what they’re looking for or figure out what to do next.

μΈν„°νŽ˜μ΄μŠ€ ν…μŠ€νŠΈλ₯Ό λͺ…ν™•ν•˜κ³  κ°„κ²°ν•˜κ²Œ μœ μ§€ν•˜μ‹­μ‹œμ˜€. μ‚¬λžŒλ“€μ€ μ§§κ³  직접적인 ν…μŠ€νŠΈλ₯Ό λΉ λ₯΄κ³  μ‰½κ²Œ ν‘μˆ˜ν•˜λ©°, 과제λ₯Ό μˆ˜ν–‰ν•˜κΈ° μœ„ν•΄ κΈ΄ κ΅¬μ ˆμ„ 읽도둝 κ°•μš” λ°›λŠ” 것을 μ’‹μ•„ν•˜μ§€ μ•ŠλŠ”λ‹€. κ°€μž₯ μ€‘μš”ν•œ 정보λ₯Ό μ°Ύμ•„λ‚΄κ³ , κ°„κ²°ν•˜κ²Œ ν‘œν˜„ν•˜κ³ , 그것을 λͺ…ν™•ν•˜κ²Œ μ œμ‹œν•΄μ„œ μ‚¬λžŒλ“€μ΄ 그듀이 μ°Ύκ³  μžˆλŠ” 것을 μ°Ύκ±°λ‚˜ λ‹€μŒμ— 무엇을 ν•΄μ•Ό ν• μ§€ κ²°μ •ν•˜κΈ° μœ„ν•΄ λ„ˆλ¬΄ λ§Žμ€ 것을 읽을 ν•„μš”κ°€ 없도둝 ν•˜μ‹­μ‹œμ˜€.

Identify interactive elements appropriately. People should be able to tell at a glance what an element does. When labeling buttons and other interactive elements, use action verbs, such as Connect, Send, and Add.

μƒν˜Έμž‘μš© μš”μ†Œλ₯Ό 적절히 μ‹λ³„ν•˜μ‹­μ‹œμ˜€. μ‚¬λžŒλ“€μ€ μ›μ†Œκ°€ 무엇을 ν•˜λŠ”μ§€ ν•œλˆˆμ— μ•Œ 수 μžˆμ–΄μ•Ό ν•œλ‹€. λ²„νŠΌ 및 기타 μƒν˜Έμž‘μš© μš”μ†Œμ— λ ˆμ΄λΈ”μ„ μ§€μ •ν•  λ•ŒλŠ” μ—°κ²°ν•˜κΈ°, 보내기 및 좔가와 같은 μ•‘μ…˜ 동사λ₯Ό μ‚¬μš©ν•˜μ‹­μ‹œμ˜€.

Avoid language that might sound patronizing. Avoid we, our, me, and my (for example "our tutorial" and "my workouts"). They're sometimes interpreted as insulting or patronizing.

μƒμƒ‰λ‚΄λŠ” 말투λ₯Ό ν”Όν•˜μ‹­μ‹œμ˜€. 그것듀은 λ•Œλ•Œλ‘œ λͺ¨μš•μ μ΄κ±°λ‚˜ μƒμƒ‰λ‚΄λŠ”κ±Έλ‘œ ν•΄μ„λ©λ‹ˆλ‹€.

Strive for an informal, friendly tone. An informal, approachable style echoes the way you speak with people over lunch. Use contractions occasionally, and you and your to address the user directly.

νšŒν™”κ°™μ€ μΉœκ·Όν•œ μ–΄μ‘°λ‘œ λ…Έλ ₯ν•˜μ‹­μ‹œμ˜€. νšŒν™”κ°™μ€ μ ‘κ·Όν•˜κΈ° μ‰¬μš΄ μŠ€νƒ€μΌμ€ 점심을 λ¨ΉλŠ” μ‚¬λžŒλ“€κ³Ό μ΄μ•ΌκΈ°ν•˜λŠ” 방식을 λ°˜μ˜ν•©λ‹ˆλ‹€. λ•Œλ•Œλ‘œ μΆ•μ•½μ–΄λ₯Ό μ‚¬μš©ν•˜κ³  you, yourλ₯Ό μ‚¬μš©ν•˜μ—¬ 직접 μ²˜λ¦¬ν•©λ‹ˆλ‹€.

Be careful when using humor. Remember that people are likely to read the text in your interface many times, and what might seem clever at first can become irritating over time. Also remember that humor in one culture doesn't necessarily translate well to other cultures.

유머λ₯Ό μ‚¬μš©ν•  λ•Œ μ£Όμ˜ν•˜μ‹­μ‹œμ˜€. μ‚¬λžŒλ“€μ€ μ—¬λŸ¬ 번 μΈν„°νŽ˜μ΄μŠ€μ˜ ν…μŠ€νŠΈλ₯Ό 읽을 κ°€λŠ₯성이 λ†’μœΌλ©°, μ²˜μŒμ—λŠ” μž¬μΉ˜μžˆμ–΄ 보일 수 도 μžˆλŠ” 것이 μ‹œκ°„μ΄ 지남에 따라 μ§œμ¦λ‚˜κ²Œ ν•  수 μžˆμŒμ„ κΈ°μ–΅ν•˜μ‹­μ‹œμ˜€. λ˜ν•œ ν•œ λ¬Έν™”μ˜ μœ λ¨Έκ°€ λ°˜λ“œμ‹œ λ‹€λ₯Έ λ¬Έν™”λ‘œ 잘 λ²ˆμ—­λ˜λŠ” 것은 μ•„λ‹ˆλΌλŠ” 점을 κΈ°μ–΅ν•˜μ‹­μ‹œμ˜€.

Use relevant and consistent language and imagery. Always make sure guidance is appropriate for the current context. If someone’s using an iPad, for example, don’t show iPhone tips or graphics. Use language that’s consistent with the platform. You tap, flick, swipe, pinch, and drag content on the touchscreen. You press physical buttons and content that responds to 3D Touch. You rotate and shake the device.

κ΄€λ ¨μ„± 있고 μΌκ΄€λœ 언어와 이미지λ₯Ό μ‚¬μš©ν•˜μ‹­μ‹œμ˜€. 항상 지침이 ν˜„μž¬ μ»¨ν…μŠ€νŠΈμ— μ ν•©ν•œμ§€ ν™•μΈν•˜μ‹­μ‹œμ˜€. 예λ₯Ό λ“€μ–΄ λˆ„κ΅°κ°€ iPadλ₯Ό μ‚¬μš©ν•˜κ³  μžˆλ‹€λ©΄ iPhone νŒμ΄λ‚˜ κ·Έλž˜ν”½μ„ ν‘œμ‹œν•˜μ§€ λ§ˆμ‹­μ‹œμ˜€. ν”Œλž«νΌκ³Ό μΌκ΄€λœ μ–Έμ–΄λ₯Ό μ‚¬μš©ν•˜μ‹­μ‹œμ˜€. ν„°μΉ˜μŠ€ν¬λ¦°μ—μ„œ μ½˜ν…μΈ λ₯Ό νƒ­, ν”Œλ¦½, μŠ€μ™€ν•‘, ν•€μΉ˜ 및 λ“œλž˜κ·Έν•©λ‹ˆλ‹€. 3D Touch에 μ‘λ‹΅ν•˜λŠ” 물리적 λ²„νŠΌκ³Ό μ½˜ν…μΈ λ₯Ό λˆ„λ¦…λ‹ˆλ‹€. μž₯치λ₯Ό νšŒμ „ν•˜κ³  ν”λ“œμ‹­μ‹œμ˜€.

Refer to dates accurately. It’s appropriate to use friendly terms like today and tomorrow, but these terms can be confusing or inaccurate if you don’t account for the current locale. Consider an event that starts just before midnight. In one time zone, the event may start today. In another time zone, the same event may have started yesterday. Generally, dates should reflect the time zone of the person viewing the event. However, in some cases, such as in a flight tracking app, it may be clearer to explicitly show the start date and time zone where the flight originates.

μ •ν™•ν•œ λ‚ μ§œλ₯Ό μ°Έμ‘°ν•˜μ‹­μ‹œμ˜€. today 및 tomorrow와 같은 우호적인 μš©μ–΄λ₯Ό μ‚¬μš©ν•˜λŠ” 것이 μ μ ˆν•˜μ§€λ§Œ, ν˜„μž¬ λ‘œμΊ˜μ„ κ³ λ €ν•˜μ§€ μ•ŠμœΌλ©΄ μ΄λŸ¬ν•œ μš©μ–΄κ°€ ν˜Όλ™λ˜κ±°λ‚˜ λΆ€μ •ν™•ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μžμ • 직전에 μ‹œμž‘ν•˜λŠ” 이벀트λ₯Ό κ³ λ €ν•˜μ‹­μ‹œμ˜€. ν•œ μ‹œκ°„λŒ€μ—μ„œλŠ” μ΄λ²€νŠΈκ°€ 였늘 μ‹œμž‘λ  수 μžˆμŠ΅λ‹ˆλ‹€. λ‹€λ₯Έ μ‹œκ°„λŒ€μ—μ„œλŠ” λ™μΌν•œ μ΄λ²€νŠΈκ°€ μ–΄μ œ μ‹œμž‘λ˜μ—ˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€. 일반적으둜 λ‚ μ§œλŠ” 이벀트λ₯Ό λ³΄λŠ” μ‚¬λžŒμ˜ μ‹œκ°„λŒ€λ₯Ό λ°˜μ˜ν•΄μ•Ό ν•œλ‹€. κ·ΈλŸ¬λ‚˜ λΉ„ν–‰ 좔적 μ•±κ³Ό 같은 κ²½μš°μ— 비행이 λ°œμƒν•˜λŠ” 좜발 λ‚ μ§œμ™€ μ‹œκ°„λŒ€λ₯Ό λͺ…μ‹œμ μœΌλ‘œ λ³΄μ—¬μ£ΌλŠ” 것이 더 λͺ…ν™•ν•  수 μžˆλ‹€.

Terminology - Visual Design - iOS - Human Interface Guidelines - Apple Developer