Themes - iOS - Human Interface Guidelines

 

iOS Design Theme

우리는 앱의 품질과 기능에 대한 높은 기대를 충족시켜야 합니다.

 

iOS에는 다른 플랫폼과 구별되는 세 가지 theme 이 있습니다.

 

theme: the main subjcect of a talk, film, ect..:

즉, theme 은 대주제입니다.

---

 

(리스트의 행 번호는 편집 순서일 뿐, 중요도와는 무관합니다.)

1. Clarity

• text는 모든 크기에서 쉽게 읽혀야 합니다.

• icon은 정확해야 합니다. 명확하게 표현되고 이해하기 쉬워야 합니다.

• adornments은 분명하고 적절해야 합니다. 
  
  

adronment: something decorative

의미는 장식물인데, 현시점에서는 어떤 것을 가리키는지 잘 모르겠습니다.

 

• [음영, 색상, 폰트, 그래픽, 인터페이스 요소]가 중요한 콘텐츠를 분명하게 강조하고 (subtly highlight), interactivity를 제공합니다.
  
  

interactivity: the involvement of users in the exchange of information with computers

컴퓨터(여기서는 모바일 디바이스) 와의 정보 교환에 사용자가 참여하는 것입니다.

 

대부분의 용어들이 추상적이라 적절한 예를 통해 이해하는 것이 맞을 것 같습니다.

---

2. Deference

deference: respect and politeness

사용자에 대한 배려와 친절을 가리킵니다. 

 

• 흐르는 듯한(fluid) 모션과 견고하고(crisp) 아름다운 인터페이스는 사용자가 그것과 씨름하게 하는 대신 앱을 이해하고 콘텐츠와 상호작용 하게 해 줍니다.

gradients: 문맥과 관련된 적절한 정의를 찾을 수 없었습니다.

구글 검색 결과 우리가 생각하는 그라데이션을 가리키는 것 같습니다.

---

 

3. Depth

• 시각적으로 명확히 구분되는 레이어와 사실적인 모션은 계층구조를 표현(convey)하고, 생동감을 전달(impart)하고, 이해를 돕습니다.
  
  

communicate: to share informaiton with others by various means

다양한 수단을 통해 정보를 공유하다

convey: to express a though, feeling or idea.....

표현, 의사소통이라는 의미가 강합니다.

impart: to communicate information to someone

정보의 전달

 

 

• 터치와 발견 가능성(discoverability) 은 context를 잃지 않고 기능과 추가적인 콘텐츠에 접근하게 해 줍니다.

discoverability: the quality of being easy to find on a website

접근성이라고 해석하기에는 accessibility 가 disabled 도 접근 가능하게 할 때 쓰는 용어이기 때문에 무리가 있다고 생각하였습니다.

 

 

 

---

Design Principles

앱의 파급력과 한계를 최대한 확장시키기 위해, 앱을 개발하는 당신이 당신의 앱의 정체성을 생각할 때 아래의 원칙들을 유념해야 합니다.

---

 

(리스트의 행 번호는 편집 순서일 뿐, 중요도와는 무관합니다.)

 

1. Aesthetic Integrity

 

앱의 외형과 동작이 앱의 기능들과 얼마나 잘 결합되어 있는지 나타냅니다.

integrate: to combine two or more things in order to become more effective

더 효과적인 성과를 내기 위해 둘 또는 여러 개를 합치는 것

 

예를 들어 엄중한 작업을 하는 앱의 경우:

 

    산만하고 요란하지 않은 그래픽 요소와 표준 control들, 예상 가능한 동작을 통해  사용자가 집중을 유지할 수 있게 해야 합니다.

 

 

다른 예로 게임과 같은 몰입감(immersive) 있는 앱의 경우:

immersive: seeming to surround the audience, player, etc. so that they feel completely involved in something

사용자 주위를 감싸고 있는 것처럼 보이게 하여 그것(아마 상황)에 완벽하게 동화된 느낌을 주는 것

 

    게임 앱 같은 경우 [하고 싶게 만드는 동시에 재미와 흥미를 보장하는, 시선을 사로잡는(captivating)] 외형을 줄 수도 있습니다.

captivating: holding your attention by being extremely interesting~

당신의 주의를 끄는

---

2. Consistency

 

consistency: being the same

같음을 유지하는 것

 

system (UIKit 등) 이 제공하는 인터페이스 요소들, 잘 알려진 아이콘들, 표준 텍스트 스타일, 용어의 통일로 cosistent app 을 구현할 수 있습니다.

consistent app 은 일반적인 사용자들이 예상하는 기능들과 동작방식(behavior)을 가지고 있어야 합니다. (incorporate)

    예) 일반적인 사용자는 네비게이션 바에서 ' < ' 버튼 을 누르면 이전 씬으로 이동할 것을 예상할 것입니다.

incorporate: to include something as part of something larger

상대적으로 큰 것이 작은 것을 포함시키다

behavior: the way that something behaves in a particular situation or under particular conditions

특정한 상황이나 조건에서 어떤 것이 동작하는 방식
    + situation 은 in 을 쓰고 condition 은 under 을 씁니다.

---

 

3. Direct Manipulation

 

화면 상 콘텐츠의 즉각적인 조작감은 사용자들이 흥미를 끌게 하고(engage) 이해를 돕습니다.

사용자들은 화면 상의 콘텐츠들을 조작하기 위해 기기를 회전시키거나 gesture 를 사용할 때, 즉각적인 조작감을 경험합니다.

즉각적인 조작감을 통해, 사용자들은 그들의 행동을 통해 즉각적이고 시각적인 결과를 볼 수 있습니다.

engage: to interest someone in sth

어떤 것에 흥미를 가지게 하다.
+ The debate about food safety has engaged the whole 

---

4. Feedback

 

피드백은 action 들을 인지(acknowledge) 시키고 결과를 보여줌으로서 사용자들에게 지속적으로 알려줍니다.(keep people informed)

iOS 내장 앱들은 모든 사용자의 action 에 지각적인(perceptible) 피드백을 제공합니다.

interative 요소들을 두드릴 때 짧게 강조되고, progress indicator 들은 오래 실행되는 작업들의 상태를 알려주고, 애니메이션 과 소리 는 action 의 결과를 명확하게 해주는데 도움을 줍니다.

acknowldege: to recognize the existence of something

어떤 것이 존재함을 알게 하다

inform: to tell someone about something

누군가에게 무언가에 대해 알게 하다
+ tell = know

---

 

5. Metaphors

metaphor : an expression that describes a person or object by referring to something that is considered to have similar characteristics to that person or object

은유법

 

사용자들은 앱의 virtual object 와 action 들이 친숙한 경험들 - 실제 세계나 디지털 세계에서 경험한 - 을 표방하고 있을 때 빠르게 앱의 사용법을 습득합니다.

metaphor 들은 iOS에서 잘 작동합니다. 사용자들이 스크린에서 물리적으로 상호작용하기 때문입니다.

본문은 뷰 아래에 위치한 콘텐츠를 보기 위해 뷰를 옆으로 치운다던가, 콘텐츠를 끌고 쓸어내리는 행위. 스위치들을 키고 끄는 행위(toggle), 슬라이더를 움직이는 행위들을 화면 위에서 하는 것을 metahpor라고 표현하였습니다.

위 행위들은 실제 세계에서 하는 것은 아니지만, 스크린에서 그렇게 하는 것처럼 보이게 해주고, 비슷한 동작과 결과를 가져다주기 때문에 metaphor 라고 생각합니다.

 

6. User Control

iOS 사용자 경험 전반에 걸쳐, 사용자들은 제어 당합니다. (in control)

앱은 이어서 해야하는 행동들을 제시할 수 있고, 위험한 결과를 초래하는 행동을 경고할 수 있습니다.

그러나 그것들은 앱이 사용자의 의사 결정 을 대체해버리는(take over) 흔한 실수 입니다.

훌륭한 앱은 사용자에게 주는 자율성 과 통제의 정도 를 적절하게 조절합니다.

interative 요소를 친숙하고 예상가능하게 만들고, 어떤 것을 삭제하는 action 전 확인을 받고, 그들이 이미 그것을 진행 중이더라고 쉽게 취소할 수 있게 하여, 사용자들이 제어를 당하고 있게끔 느끼게 할 수 있습니다.

 

take over: to replace someone or something

대체하다
+ Some workers will lose their jobs as machines take over.

 

---

 

 

이전 글: HIG 번역 가이드라인

다음 글: [iOS] Interface Essentials

[iOS] Interface Essentials

끝.

---