모바일 앱 디자인 모범 사례 및 실수

이 기사의 오디오 버전을 들어보세요

2017년에 iOS App Store 및 Google Play에서 910억 개 이상의 앱이 다운로드되었습니다(다른 플랫폼의 모든 타사 앱 스토어 및 앱 스토어는 포함되지 않음). 전 세계적으로 1인당 약 13개의 앱이 있습니다. 다운로드되는 앱이 너무 많기 때문에 첫 달에 평균 앱 이탈률이 57%(다운로드 후 처음 30일 동안 앱을 한 번 이상 열지 않은 사용자)와 무려 71%의 앱 이탈률이 있다는 것은 놀라운 일이 아닙니다. 90일 후 %.

앱의 어떤 부분이 바람직하지 않거나 익숙해지는 것이 느린 경우 사용자는 불완전한 제품에 집착하기보다 새 앱을 설치하기로 선택할 것입니다. 소비자가 앱을 처분할 때 낭비되는 것은 단 몇 달러(언제든지 앱을 다시 다운로드할 수 있음을 알고 있음) 외에는 없습니다. 유일한 손실은 디자이너와 개발자의 시간과 노력입니다.

그렇다면 많은 앱이 실패하는 이유는 무엇입니까? 앱 디자이너와 개발자가 수용해야 하는 예측 가능한 현상입니까? 클라이언트의 경우 이 성공률이 허용됩니까? 앱이 생각 없이 삭제되는 것을 방지하려면 어떻게 해야 합니까?

가장 흔한 실수는 앱의 수명 기간 동안 일관성을 유지하지 못하는 것부터 처음부터 사용자를 유치하는 데 어려움이 있는 것까지 다양합니다. 반복적이고 지루하지 않고 직관적인 단순함으로 앱을 디자인하는 것은 어렵습니다. 앱은 더 큰 목적을 놓치지 않으면서 만족스러운 디자인과 UX 세부 정보를 제공해야 합니다.

대부분의 앱은 처음 며칠 동안 살고 죽습니다. 따라서 몇 가지 기본적인 모바일 앱 디자인 모범 사례를 따르고 가장 일반적인 실수를 피하면 디자이너가 90일 이상 지속되는 앱을 만드는 데 도움이 됩니다.

흔한 실수 #1: 나쁜 첫인상

종종 앱을 처음 사용하거나 처음 사용하는 날은 잠재 사용자를 사로잡는 가장 중요한 기간입니다. 첫인상은 매우 중요하므로 다른 모든 모바일 디자인 모범 사례의 우산이 될 수 있습니다. 문제가 발생하거나 혼란스럽거나 지루해 보이면 잠재 사용자는 빠르게 관심을 잃습니다.

하지만 첫인상을 위한 적절한 균형은 까다롭습니다. 경우에 따라 필요한 기능을 찾기 위한 긴 온보딩 프로세스가 사용자를 지루하게 만들 수 있습니다. 그러나 적절한 온보딩이 없으면 일부 앱은 즉시 직관적이지 않으면 사용자를 혼란스럽게 합니다. 사용자에게 가장 흥미롭고 매력적인 기능을 신속하게 소개하면서 즉시 직관적인 앱을 만드는 것은 섬세한 균형 작업입니다.

누군가가 빠르게 방향을 잡도록 하는 좋은 방법이 될 수 있지만, 기나긴 온보딩은 사용자가 앱으로 원하는 작업을 수행하는 데 방해가 될 수도 있습니다. 종종 이러한 튜토리얼은 너무 길어서 맹목적으로 스와이프합니다.

사용자가 앱을 처음 사용할 때 앱이 어떻게 작동해야 하는지 또는 무엇을 할 수 있는지에 대한 웨이포인트가 반드시 필요한 것은 아닙니다. 적절한 베타 테스트 프로세스를 통해 디자이너는 처음부터 다른 사람들이 앱을 어떻게 인식하는지 배울 수 있습니다. 디자인 팀에게 명백해 보이는 것이 신입사원에게는 아닐 수도 있습니다.

일반적인 실수 #2: 목적 없는 앱 디자인

명확한 의도 없이 설계 프로세스에 참여하지 마십시오. 앱은 문제를 해결하거나 틈새 시장을 채우거나 차별화된 서비스를 제공하기보다는 트렌드를 따르기 위해 너무 자주 설계 및 개발됩니다.

디자이너와 팀의 경우 앱의 목적은 프로젝트의 모든 단계에 영향을 미칩니다. 앱 브랜딩 또는 마케팅에서 와이어프레임 형식, 버튼 미학에 이르기까지 모든 결정을 안내합니다. 목적이 명확하다면 앱의 각 부분은 일관된 전체로서 통신하고 기능할 것입니다.

이 비전을 잠재 사용자에게 전달한다는 것은 앱이 자신의 삶에 가져다주는 가치를 이해하게 된다는 것을 의미합니다. 비전은 사용자의 첫인상부터 명확하게 전달되어야 합니다. 앱에 대한 비전을 얼마나 빨리 사용자에게 전달할 수 있습니까? 그것은 어떻게 사람의 삶을 개선하거나 일종의 즐거움이나 편안함을 제공할 것입니까? 앱의 유용성이 사용자에게 즉시 전달되는 한, 처음 90일 동안 사용하는 앱의 21%에 포함될 가능성이 높습니다.

기존 시장에 진입할 때 공간 디자이너가 베이스로 공부할 수 있도록 설계된 앱이 있습니다. 그들은 이미 존재하는 것을 개선하거나 눈에 띄기 위해 독특한 대안을 제공할 수 있습니다. 생각 없이 모방해서는 안 됩니다.

일반적인 실수 #3: 사용자 흐름 최적화 실패

디자이너는 디자인 작업에 착수하기 전에 앱의 UX 아키텍처에 대한 신중한 계획을 건너뛰지 않도록 주의해야 합니다. 와이어프레이밍 단계에 이르기 전에도 앱의 사용자 흐름과 구조를 매핑해야 합니다. 디자이너는 종종 미학과 세부 사항을 생산하는 데 너무 흥분합니다. 이로 인해 일반적으로 UX와 앱 내에서 필요한 논리 또는 탐색을 과소평가하는 디자이너 문화가 생깁니다.

천천히 해. 세부 사항에 대해 너무 많이 걱정하기 전에 먼저 앱의 흐름을 스케치하십시오. 앱은 불완전한 세부 사항이 아니라 흐름과 조직의 부족으로 인해 실패하는 경우가 많습니다. 디자인 프로세스가 시작되면 항상 큰 그림을 염두에 두십시오. 세부 사항과 미학은 더 큰 개념을 명확하게 불러일으키고 강화해야 합니다.

일반적인 실수 #4: 앱 개발 예산 무시

앱의 기본 기능과 기능이 스케치되는 즉시 개발팀과 예산에 대해 이야기하는 것이 좋습니다. 이렇게 하면 개발 팀이 이를 구현할 리소스가 없을 때 잘라야 하는 기능 및 UX 패턴을 디자인하는 데 많은 시간을 소비하는 것을 방지할 수 있습니다.

특정 개념을 구성하는 평균 비용을 배우는 것은 경제적 제약에 디자인 사고를 적용하는 것을 더 쉽게 해주기 때문에 디자이너의 툴킷에 귀중한 추가 사항입니다. 예산은 좌절감이 아니라 작업에 유용한 설계 제약 조건이어야 합니다.

일반적인 실수 #5: 디자인 기능에 벼락치기

바라건대, 엄격한 와이어프레임과 프로토타이핑을 통해 필요한 기능과 과도한 기능을 명확하게 구분할 수 있습니다. 각 개별 모바일 플랫폼은 이미 최고의 스위스 군용 칼이므로 앱이 필요하지 않습니다. 기능이 있는 앱을 너무 많이 넣으면 사용자 경험이 혼란스러울 뿐만 아니라 과부하된 앱도 마케팅하기 어려울 것입니다.

앱을 간결하게 설명할 수 없다면 너무 많은 일을 하려는 것일 수 있습니다. 기능을 축소하는 것은 항상 어렵지만 반드시 필요합니다. 가장 좋은 전략은 초기에 한두 가지 기능으로 사용자를 확보한 후 이후 릴리스에서 새로운 추가 기능을 테스트하여 사용자가 공감하는 것이 무엇인지 확인하는 것입니다. 이렇게 하면 추가 기능이 앱 수명의 중요한 처음 며칠을 방해할 가능성이 줄어듭니다.

일반적인 실수 #6: 앱 컨텍스트 닫기

목적과 최종 목표가 중요하지만 적절한 맥락에서 지시되지 않으면 무의미해집니다. 특정 앱의 UI는 디자인 팀에게 분명해 보일 수 있지만 처음 사용자와 다른 인구 통계의 사용자는 직관적이지 않을 수 있습니다. 예를 들어, 앱의 밀레니얼 세대 사용자는 특정 기능이 직관적이라고 생각할 수 있지만 퇴직자는 동일한 기능을 혼동할 수 있습니다(또는 그 반대의 경우도 마찬가지).

앱이 사용되도록 의도된 즉각적인 컨텍스트 또는 상황을 고려하십시오. 예를 들어, Uber의 인터페이스는 매우 빠르게 사용하는 데 탁월합니다. 사용자가 친구와 외출 중이고 차량 서비스를 예약해야 할 때 대화를 방해할 필요가 거의 없기 때문에 이 기능은 완벽합니다. Uber는 시나리오에서 요구할 때만 나타나는 많은 지원 콘텐츠를 앱 깊숙이 숨깁니다.

귀하의 앱은 단기간에 신속하게 액세스할 수 있도록 설계되었습니까? 아니면 유저들이 잠시 머물 수 있는 컨텐츠가 많은 앱인가요? 디자인은 이러한 유형의 사용을 어떻게 전달할 것입니까? 앱의 UX 흐름을 매핑할 때 이러한 점을 주의 깊게 고려하십시오.

일반적인 실수 #7: 알림 남용

푸시 알림은 앱 디자인 모범 사례에서 까다로운 부분입니다. 너무 많으면 사용자가 앱을 완전히 끄면 앱이 잊혀질 위험이 있습니다. 너무 적고 동일한 운명이 발생합니다.

그러나 사용자를 켜거나 끌 수 있는 것은 알림 빈도만이 아닙니다. 내용이기도 합니다. 사용자에게 새 메시지를 알리거나 매일 체크인하도록 상기시키는 것과 같은 유용한 알림은 유용하고 필요한 것으로 간주됩니다. 사용자에게 직접적인 영향을 미치지 않는 무작위 업데이트나 알림을 보내는 앱은 알림이 완전히 꺼진 상태로 표시될 가능성이 더 큽니다.

모든 알림은 사용자 경험을 향상시키고 앱의 전반적인 유용성을 강화하거나 사용자를 소외시키고 극단적인 경우 앱을 모두 삭제하라는 메시지를 표시할 수 있는 미세 상호 작용입니다.

일반적인 실수 #8: 앱 디자인을 지나치게 복잡하게 만들기

유명한 건축가 미스 반 데어 로에(Mies Van der Rohe)는 “독특한 것보다 좋은 것이 낫다”고 말했습니다. 디자이너가 상자를 깨거나 다른 장식을 추가하기 전에 디자인이 요약의 사양을 충족하는 것이 중요합니다.

컴포지션을 시각적으로 더 매력적으로 만들기 위해 추가된 디자인 요소는 여전히 사용자 경험에 가치를 추가해야 합니다. 디자인 프로세스 전반에 걸쳐 계속 질문합니다. 얼마나 제거할 수 있나요? 덧셈 대신 환원적으로 디자인합니다.

과도한 복잡성은 종종 불필요하게 규칙을 위반한 결과입니다. 앱이 모바일 시각 및 촉각 언어 내에서 표준 기호와 인터페이스를 재작업하면 정말 도움이 될까요? 표준 아이콘은 보편적으로 직관적임이 입증되었습니다. 따라서 화면을 어지럽히지 않고 시각적 신호를 제공하는 가장 빠른 방법인 경우가 많습니다.

디자인이 번성하여 앱의 실제 콘텐츠나 기능을 방해하지 않도록 하세요. 종종 앱에 충분한 공백이 제공되지 않습니다. 일반적으로 좋은 디자인에 중요하지만 복잡한 인터페이스는 특히 터치 친화적이지 않기 때문에 모바일 디자인에 특히 중요합니다.

일반적인 실수 #9: 디자인 불일치

디자인이 새로운 표준을 도입하려면 최소한 앱 전체에서 일관성이 있어야 합니다. 각각의 새로운 기능이나 콘텐츠가 반드시 새로운 디자인 개념을 도입할 기회일 필요는 없습니다.

텍스트의 형식이 균일합니까? UI 요소가 앱 전체에서 예측 가능하지만 즐거운 방식으로 작동합니까? 디자인 일관성은 기존의 공통된 시각적 언어와 미학적으로 정체되는 것을 피하는 것 사이의 균형을 찾아야 합니다. 직관적인 일관성과 지루함 사이의 균형은 미세한 선입니다.

일반적인 실수 #10: 앱 베타 테스트를 충분히 활용하지 않음

모든 디자이너는 작동하는 것과 작동하지 않는 것을 배우기 위해 일종의 피드백 루프를 사용하여 앱 사용을 분석해야 합니다. 테스트에서 흔히 저지르는 실수는 팀이 사내에서 베타 테스트를 수행하는 것입니다. 앱의 초안을 실제로 파헤치려면 새로운 눈을 가져와야 합니다.

베타 테스터를 위한 광고를 보내고 공개되기 전에 선별된 청중과 협력하거나 UserZoom과 같은 테스트 서비스를 사용하십시오. 이것은 세부 사항을 정리하고, 기능을 편집하고, 누락된 것을 찾는 좋은 방법이 될 수 있습니다. 베타 테스트는 시간이 많이 소요될 수 있지만 실패하는 앱을 개발하는 것보다 확실히 더 나은 대안입니다.

디자인 팀은 모바일 앱 시장이 얼마나 경쟁적인지 인식하고 동일한 공간을 차지하는 수백 또는 수천 개의 다른 앱과 제품을 차별화하기 위해 가능한 모든 조치를 취하는 것이 중요합니다. 이를 위해서는 모바일 앱이 달성하고자 하는 것에 대한 일관된 비전이 있어야 합니다. 모바일 앱 디자인 모범 사례를 따르고 사용자 피드백을 전체 프로세스에 통합하는 반복적인 디자인 프로세스를 사용하는 것은 이를 수행하는 가장 좋은 방법 중 하나이며 눈에 띄는 앱을 만들 것입니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 전자 상거래 UX – 모범 사례 개요(인포그래픽 포함)
• 제품 디자인에서 인간 중심 디자인의 중요성
• 최고의 UX 디자이너 포트폴리오 – 영감을 주는 사례 연구 및 사례
• 모바일 인터페이스에 대한 경험적 원리
• 예측적 디자인: 마법 같은 사용자 경험을 만드는 방법