아이폰 앱 디자인 트렌드

지난 2년 동안, 그 우아한 아이폰은 여러분이 상상할 수 있는 가장 형편없이 디자인된 애플리케이션들 중 일부를 보관해왔습니다. 아이폰을 둘러싼 과대 광고는 전세계의 많은 디자이너들이 그 새로운 모바일 미디어로 그들의 기술을 시도하도록 하였습니다. 그 결과는 문자 그대로 종종 거의 사용할 수 없고 직관에 어긋나는 수천 개의 다양한 아이폰 애플리케이션들입니다.

이 글은 디자이너가 그래픽 요소와 화면 상호 작용을 사용하여 눈과 마음에 쉽게 보이는 아이폰 애플리케이션을 만드는 방법을 탐구합니다. 이 글의 목적은 아이폰 앱 디자인의 일반적인 트렌드와 디자인 접근 방식을 보여주는 것입니다. 디자인이나 사용성 관점에서 볼 때 반드시 최적의 것은 아닙니다.

1. 기본 IPhone UI 요소 미러링

"당신이 그들에게 말할 것을 말하고, 그들에게 말하고, 그리고 나서 당신이 그들에게 말한 것을 말하세요." 당신의 앱 안에 완전히 새로운 OS를 만드는 것은 재미있을 수 있지만, 당신이 모바일 미디어를 다룰 때, 사람들은 단지 일을 끝내기를 원합니다. 일을 끝낸다는 것은 디자이너가 OS의 흐름에 들어가서 최종 사용자가 작동하기 위해 아무런 설명이 필요 없는 앱을 만들어야 한다는 것을 의미합니다. 사용자가 이미 익숙한 레이아웃과 UI 요소를 미러링하는 것은 시간과 에너지를 절약합니다. 그래서 아이폰 어플리케이션을 설계할 때 이 접근법을 사용하는 것은 꽤 편리해 보입니다.

페이스북 (아이튠즈 링크) 새로운 페이스북 3.0에서는 사용자들이 더 많은 카테고리에 접근하기 위해 왼쪽과 오른쪽으로 스와이프 할 수 있는 그리드 레이아웃을 찾을 수 있습니다. 애플의 기본 UI를 반영하기 때문에 사용자들은 그것을 처음부터 사용하는 방법을 다시 "배울" 필요가 없습니다. 웹 디자인에도 비슷한 접근법이 존재합니다: 사용자들은 왼쪽 상단에 로고를 보기를 기대하고, 상단을 따라 네비게이션을 보기를 기대합니다. 페이스북은 이 개념을 쉽게 구별하고 탭 할 수 있는 큰 버튼을 사용하여 모바일로 가져왔습니다.

2. 인터페이스 간소화

사용자 인터페이스를 단순화하는 것은 기계적인 작업처럼 들릴 수 있지만, 사용자 인터페이스 디자인의 표면 아래에 무엇이 있을까요? 답은 간단합니다: 사용자들. 그리고 사용자들이 원하는 것은 무엇일까요? 무엇이 그들을 따뜻하고 모호하게 만드는 것일까요? 어떻게 그들이 정보를 어떻게 소비하고 있는지 알아채지 못하도록 그들이 원하는 것을 전달할 수 있을까요?

페이스북의 첫 번째 릴리스는 작은 공간에 많은 핵심 기능을 장착하는 데 큰 역할을 했습니다. 물론 문제는 그 모든 데이터를 배치하고 직관적인 인터페이스를 만드는 데 있습니다. 첫 번째 릴리스와 3.0을 비교하면 인터페이스를 간소화하고 직관적으로 유지하며 기능을 유지하는 '스프링보드' 접근 방식을 어떻게 취했는지 확인할 수 있습니다.

플리커는 모바일 기기에서 기능성, 시각적 디자인 그리고 작은 디스플레이 영역 사이의 균형을 잘 맞추는 또 다른 예입니다. 생각해보세요: 플리커의 핵심은 무엇일까요? 사진들입니다. 사용자들은 아마도 크고 투박한 네비게이션 요소들을 보기를 원하지 않고 대신에, 사진들을 찾고 있을 것입니다. 플리커는 네비게이션 지옥으로 가는 고속도로를 통하지 않고 그것의 핵심 기능들을 모두 맞출 수 있었습니다. 사실, 네비게이션의 대부분의 요소들은 사진들과 상호작용함으로써 처리됩니다. 간단하고 스마트합니다.

3. 하드웨어적인 룩

많은 유틸리티들이 손가락 제스처에 반응하는 기기의 독특한 능력을 이용하기 위해 기존의 아이폰 UI에서 벗어나고 있습니다. 이것들 중 많은 것들은 사용자들에게 친숙한 하드웨어와 같은 인터페이스를 가지고 있지만 첫 번째 클릭부터 1000분의 1 클릭까지 새로움을 유지하는 끊임없이 빛나는 외부와 클릭과 팝이 함께 제공됩니다. 그러나 다음으로: 여러분이 그것을 가지고 놀수록 더 더러워지는 앱입니다.

4. 풍부하고 패딩 처리된 예쁜 목록 보기

여러분은 리스트 뷰 디자인의 최신 트렌드에 흥분하면 괴짜 디자이너라는 것을 알고 있습니다. 그리고 사람들은 리스트 뷰를 만나면 무엇을 하나요? 물론, 그들은 대충 훑어봅니다. 그리고 어떻게 하면 사람들이 그들의 관심사를 쉽게 결정할 수 있을까요? 맞아요: 더 많은 시각적인 단서들!

본질적으로, 사용자들은 다음에 무엇이 나올지에 대한 스냅샷을 요구하고, 그들이 더 많은 정보를 원하는지 결정합니다. 이것을 하기 위한 한 가지 방법은 큰 예쁜 버튼들입니다. 크고, 책임감 있고, 우아하게 디자인된 큰 버튼들은 그들의 색상, 아이콘, 타이포그래피를 통해 사용자에게 많은 정보를 줍니다.

5. 계층 인터페이스

몇몇 애플리케이션들은 인터페이스를 계층화하고 어떤 요소들은 정지하고 다른 요소들은 세로 또는 가로로 스크롤 가능하게 함으로써 아이폰의 기능을 이용합니다. 이 접근법은 다음과 같은 몇 가지 이점을 가지고 있습니다:

필요한 기존 내비게이션 요소의 수를 줄여줍니다(즉, 버튼의 수가 적어지면 인터페이스가 어수선해지는 것을 방지하는 데 도움이 됩니다).
사용자가 원하는 정보로 더 빠른 경로를 제공합니다.
정보를 위해 더 많은 화면 공간을 사용할 수 있습니다.

6. 목록 보기 아이콘

아이콘은 스프링보드를 사랑하는 사람들만을 위한 것은 아닙니다. 작은 화면에서 아이콘은 애플리케이션의 사용성과 네비게이션에 큰 힘을 줄 수 있습니다. 이제 아이콘을 사용하여 그들의 이점을 얻는 애플리케이션의 몇 가지 예를 살펴봅시다.

iStudiez (아이튠즈 링크) 이 어플리케이션은 다양한 교육적 은유를 아이콘으로 사용하여 어플리케이션의 목적을 명확하게 전달합니다. 뛰어난 시각적 단서는 학생들에게 오늘 무슨 일이 일어나고 있는지 한 눈에 알려줍니다.

탑 플로어(iTunes Link) 탑 플로어는 간단하고 쉽게 인식할 수 있는 아이콘을 사용하여 사용자가 선택한 카테고리로 빠르게 안내합니다.

7. 사용 중인 삽화

표준 사용자 인터페이스에 없는 그래픽에 의존하는 애플리케이션은 개발자들이 자신의 앱을 군중들과 구분하려고 노력함에 따라 점점 인기를 얻고 있습니다. 때로는 효과가 있지만 그렇지 않은 경우가 많습니다. 디자인이 파격적일수록 사용성 문제가 발생할 가능성이 높습니다. "창의적인" 사용자 인터페이스가 있는 제품을 출시하기 전에 항상 사용성 테스트를 수행하십시오.
마그네틱 퍼스낼리티(iTunes link) 버튼이 표준 버튼처럼 보일 필요가 없다는 것을 보여주는 훌륭한 예입니다.

8. 제스처 사용

고전적인 선형 네비게이션은 지루하게 보일지도 모릅니다: 다른 버튼에 연결되는 버튼으로 여러분을 어떤 것의 목록으로 인도하고, 여러분을 그런 식의 상호작용으로 인도합니다. 정말 화려하지는 않습니다. 유틸리티 앱에서 창의적인 상호작용의 가능성은 크고 대부분 미개척 분야입니다(말장난은 의도하지 않았습니다).

무버 (iTunes link) 무버는 연락처, 사진 및 책갈피를 공유하기 위해 제스처를 사용하는 방법을 예시합니다. 두 개의 장치를 열고 한 핸드셋에서 다른 핸드셋으로 공유 파일을 깜박입니다.