모바일 앱 UX 디자인의 Dos & Don'ts

UX & UI

공개 날짜: Mar 29 2024

업데이트 날짜: Nov 25 2024

UX는 사용자 경험(User Experience)의 약자입니다. 이는 웹 사이트 방문자에게 제공되는 사용 편의성을 설명합니다. User Interface(사용자 인터페이스)를 의미하는 UI와 관련하여 자주 사용됩니다. 사용자 인터페이스는 웹사이트나 앱의 표시를 설명하는 데 사용되는 용어입니다. 따라서 실제로는 방문자가 더 나은 UX를 경험할 수 있도록 UI를 개선해야 합니다. UI는 방정식의 코드이자 비즈니스 측면이며, UX는 방문자에게 영향을 미치는 방식입니다.

모바일 앱 UX 디자인에서 해야 할 것과 하지 말아야 할 것

1. 집중적인 클릭 유도 문구를 통해 사용자에게 앞으로 나아갈 길을 보여주세요.

모호한 행동 유도 문구나 관련 없는 콘텐츠 때문에 스크롤 없이 볼 수 있는 공간을 낭비하지 마세요.
일반적인 작업에 쉽게 접근할 수 있도록 하세요.
상자에 입력하거나 스위치를 누르는 등 필요한 동작을 보여주기 위해 마이크로 상호작용(짧은 애니메이션)을 사용하십시오.
어떤 일이 일어나고 있는지 사용자를 안심시키기 위해 실시간 피드백과 검증을 제공하세요. 다시 말하지만, 빈 화면을 쳐다보는 대신 마이크로 상호작용은 사용자의 참여와 즐거움을 유지합니다("결제를 처리 중입니다"라는 메시지와 함께 움직이는 계란 타이머를 상상해 보세요).
클릭 투 콜이나 채팅 기능 등을 통해 간단하게 도움을 요청할 수 있도록 하세요.

2. 친숙한 탐색 패턴으로 온보딩을 더 쉽게 만듭니다.

메뉴에 검색 기능을 포함하지 마세요.
사용자가 핀치로 이미지를 확대하거나 가로로 스크롤하도록 강요하지 마세요.
원클릭 홈으로 돌아가는 기능을 제공하세요.
가장 중요한 링크를 항상 볼 수 있도록 유지하세요. 필요한 경우 보조 항목을 접힌 메뉴나 슬라이드아웃 메뉴에 넣을 수 있습니다.

3. 사용자의 작업 흐름을 방해하는 방해 요소를 제거합니다.

사용자가 모바일로 변경할 때 다시 시작하도록 강요하지 마세요. 대신 가능한 한 많은 데이터를 미리 채우고 유지하여 데스크톱과 모바일 경험 간의 연속성을 만드세요.
팝업이나 새 창으로 인해 사용자 경험을 방해하지 마세요.
다단계 프로세스를 더 작은 작업으로 나누십시오.
음성과 같은 대체 입력을 제공하십시오. 접근성이 중요하기는 하지만 이는 Siri와 Alexa에서 WhatsApp 음성 메모에 이르기까지 빠르게 대중적인 선호 사항이 되고 있으며, 우리는 입력에서 대화로 전환하고 있습니다.

4. 화면의 모든 디자인 요소를 중요하게 만드세요

작은 대상 영역을 사용하여 선택하지 마십시오. Apple에서는 최소 44px 정사각형을 권장합니다.
데이터 입력을 어렵게 만들지 마세요. 긴 드롭다운 메뉴 대신 시각적 달력을 사용하여 날짜를 선택하세요. 양식을 단순하게 유지하세요. 최소한의 정보만 요청하고("선택" 필드 제외) 가능하면 미리 입력하고 신용카드 번호를 입력할 수 있는 키보드를 제공하세요.
단지 애니메이션을 포함하지 마십시오. 방해 요소를 피하고 각 요소가 목적에 맞는지 확인하세요.
명확한 시각적 계층 구조를 만들고 화면 눈부심을 방지하려면 타이포그래피(예: 일관된 제목 수준)와 시각적 대비(예: 어두운 모드)를 사용하십시오.
중요 옵션을 '엄지손가락 영역'에 배치하여 한 손 탐색을 더 쉽게 만드세요.

5. 사용자의 요청에 의도적으로 대처하세요.

조기 등록으로 사용자 탐색을 제한하지 마십시오.
설득력 있는 이유(위치 데이터 등)가 없는 한 정보를 요청하지 마세요.
싱글 사인온(SSO)을 허용하십시오(예: Facebook 또는 Google 자격 증명 사용).
손님이 체크아웃할 수 있도록 허용하세요.

6. 포용적이어야 한다

능력에 관계없이 모든 사용자가 디자인을 사용할 수 있는지 확인하세요. 신체 장애, 시각 장애, 읽기 장애 등으로 인해 앱 사용이 어려울 수 있으므로 최대한 간단하게 만드세요.
사본에 포괄적인 언어와 이미지(예: 성 중립 언어)를 사용하십시오(청중의 다양성을 반영).
다양성을 소중히 여기십시오. 팀이 다양할수록 다양한 경험과 관점을 이해하고 제품에 통합할 수 있는 능력이 더 높아집니다.
사용자를 잊지 마세요. 앱이 그 사람을 반영할 수 있도록 그 사람에 대해 가능한 모든 것을 알아보세요.

7. 개인화하세요

시기적절하지 않거나 모든 고객에게 관련되지 않을 수 있는 일반적인 마케팅 이메일을 보내지 마십시오.
개인화된 푸시 알림을 사용하세요: 적절한 메시지, 적절한 사람, 적절한 시간.
온보딩 프로세스에 대해 생각하고 사용자가 앱을 최대한 개인화할 수 있도록 하세요.
계속해서 경청하세요. 사용자 피드백을 수집하고 행동 데이터를 연구하세요. 그런 다음 그들이 좋아하는 것을 더 많이 제공하십시오. 즉, 그들이 다시 찾아오도록 하는 확실한 방법입니다.

8. 재미있게 만들어라

단순히 사용자에게 지침 목록을 제공하지 마십시오. 그들은 빨리 흥미를 잃을 것입니다. 온보딩 프로세스부터 시작하여 게임화 및 보상 기술을 통해 참여도를 크게 높일 수 있습니다. 사용자가 계속 움직이도록 하려면 진행 상황을 표시하고 보상 배지를 할당하세요.
보상을 가치있게 만드십시오. 특정 작업을 완료하면 추가 기능이 잠금 해제되거나 충성도 포인트가 축적되어 할인을 받을 수 있습니다.
챌린지를 설정하고 리더보드를 만드는 등 건전한 경쟁을 장려하십시오. 이는 사용자가 활동을 늘리도록 장려하는 건강 앱에서 흔히 발생합니다.

9. 터치, 제스처 및 햅틱 피드백

사용자가 스와이프, 탭, 드래그 등 익숙한 모바일 동작을 사용할 수 있도록 허용하고 앱이 예상대로 반응하는지 확인하세요.
관심과 참여도를 높이기 위해 햅틱 피드백(뭔가 발생했음을 나타내는 작은 진동)을 사용하는 것을 고려해 보세요.
짜증스러울 정도로 햅틱 피드백을 과도하게 사용하지 마십시오.

10. 대화 만들기

사용자가 연락하기 위해 앱을 떠나도록 강요하지 마세요.
앱 내 알림을 활용하여 사용자에게 특정 기능, 작업 또는 제안에 대해 알리십시오(단, 흐름을 방해하지 않도록 주의하세요).
앱 내 피드백을 요청하세요. 사용자가 이미 앱을 사용하고 있는 동안 빠른 평가, 순 추천 점수 또는 간략한 검토를 요청하는 것은 사용자 피드백을 수집하고 문제를 식별하는 효율적인 방법입니다.

스토어 랭킹 취득 능력 검출 시작

ASO 도구로 한 단계씩 모든 앱 스토어 최적화 작업 측정

주요 용어

앱 순위
앱 순위는 다운로드 및 수익을 기준으로 스토어 또는 스토어의 특정 카테고리에서 전체 앱 순위를 나타냅니다.
자세히 보기
App Store 획득 채널
App Store 획득 채널은 사용자 획득(UA) 팀이 활용할 수 있는 모든 잠재적인 채널입니다.
자세히 보기
앱 스토어 최적화(ASO)
앱스토어 최적화(ASO)는 앱스토어와 관련된 모바일 핵심성과지표(KPI)에 과학적인 방법을 적용하는 것입니다.
자세히 보기