모바일 UX 디자인 시 해야 할 사항과 해서는 안 될 사항 10가지

by Adobe Korea

Posted on 06-12-2018

모바일 디자인은 모바일 앱을 만들 때 고려해야 할 사항이 많으므로 매우 까다롭습니다. 따라서 모바일 앱 디자인 시 해야 할 사항과 해서는 안 되는 사항에 대한 매우 실용적인 팁을 준비했습니다. 앱 경험을 디자인하는 데 많은 도움이 되기를 바랍니다.

모바일 디자인 시 해야 할 사항

1. 디자인하기 전에 리서치를 수행하십시오.

새 프로젝트를 시작할 때 보통 디자인 작업을 바로 시작하기 쉬운데, 이러한 방식에서 벗어나는 것이 좋습니다. 타인을 자신과 일치시키는 허위 합의 효과를 멀리하고 사용자 입장을 고려해야 하기 때문입니다. 이를 위해서는 먼저 리서치를 수행합니다. 이를 통해 사용자를 파악하고 사용자가 원하는 바를 이해할 수 있게 되며, 결과적으로 사용자의 기대에 부응하는 경험을 제작할 수 있게 됩니다.

실용적인 권장 사항:

리서치에 대한 자세한 권장 사항을 살펴보려면 또 다른 게시글인 UX 리서치 방법에 대한 포괄적인 가이드를 참조하십시오.

2. 기능의 우선순위를 지정하십시오.

사용자를 위한 매력적인 앱을 만들기 위해 대부분 디자이너가 최대한 많은 기능을 추가하려고 합니다. 하지만 기능을 많이 추가한다고 해서 탁월한 사용자 경험을 제공할 수 있는 것은 아닙니다. 너무 많은 기능으로 인해 사용자에게 혼란을 줄 수 있기 때문입니다. 시중에서 제공되고 있는 성공적인 앱은 몇 가지 주요 기능에만 주력합니다. 즉, 중요한 기능을 가장 우선순위로 두고 나머지 주요 기능들을 추려냅니다.

실용적인 권장 사항:

차량 공유 서비스를 제공하는 리프트(Lyft)의 디자이너는 주요 목표를 달성하기 위해 경험을 끊임 없이 미세하게 조정합니다. 사용자가 가까이에 있는 운전자를 확인하고 선지급하여 탑승 요청을 더욱 손쉽게 할 수 있도록 만들었습니다. 이미지 출처: 테크크런치(TechCrunch)

3. 복잡성을 제거하십시오.

유저 인터페이스가 복잡해지면 사용자에게 너무 많은 정보로 인한 혼란을 줄 수 있습니다. 추가된 버튼, 이미지 및 텍스트는 화면을 더욱 복잡하게 만들 수 있습니다. 화면 공간이 제한적인 모바일 디바이스의 경우 복잡성은 데스크탑의 경우보다 훨씬 더 심각한 문제를 초래합니다.

앙투안 드 생텍쥐페리(Antoine de Saint-Exupéry)의 명언, “간결함을 추구할 때 비로소 완벽에 가까워진다”는 모바일 UX디자인에 적용할 수 있습니다. 모바일 디자인에서 반드시 필요하지 않은 요소를 제거하여 복잡성을 줄이고 사용자가 제품을 더욱 원활하게 이용할 수 있게 합니다.

실용적인 권장 사항:

4. 직관적인 내비게이션을 제작하십시오.

모든 모바일 앱은 사용자가 손쉽게 탐색할 수 있는 앱을 구성하는 데 초점을 두어야 합니다. 탁월한 기능이나 매력적인 콘텐츠가 구현되었더라도 사람들이 찾을 수 없다면 무용지물이 되기 때문입니다.

실용적인 권장 사항:

자세한 권장 사항을 살펴보려면 다른 게시글인 모바일 내비게이션의 기본 패턴을 참조하십시오.

5. 모바일에 최적화된 탭 버튼을 디자인하십시오.

모바일 사용자가 흔히 경험할 수 있는 문제로, 터치 버튼이 작은 경우 버튼을 잘못 누르게 되는 실수를 범하게 됩니다. 모바일 인터페이스를 디자인할 때 사용자가 손가락으로 쉽게 누를 수 있을 정도로 버튼을 크게 만드는 것이 좋습니다. 인터랙티브 요소에 대한 자세한 내용은 다른 게시글인 버튼 디자인 모범 사례를 참조하십시오.

실용적인 권장 사항:

10mm 크기의 버튼은 사용자의 손가락이 버튼 안에 충분히 들어갈 만한 크기입니다. 이미지 출처: 유엑스메그(UXMag)

6. 가독성 높은 텍스트를 작성하십시오.

화면에 타이포그래피(글꼴)와 텍스트로 표시되는 콘텐츠는 사람들이 앱과 언어를 사용하는 데 매우 중요한 역할을 합니다. 가독성 높은 텍스트는 탁월한 모바일 인터페이스를 위한 필수적인 사항입니다.

실용적인 권장 사항:

작은 글꼴 크기는 사용자의 눈을 피로하게 만듭니다. 이미지 출처: 애플(Apple)

왼쪽의 텍스트는 색상 대비 권장 비율을 따르지 않아 텍스트의 가독성이 떨어집니다. 이미지 출처: 애플(Apple)

7. 상호 작용에 대한 피드백을 제공하십시오.

인간과 컴퓨터와의 상호 작용은 두 개의 기본 요소를 바탕으로 하는데, 사용자의 입력과 이에 대한 컴퓨터의 반응입니다. 이러한 상호 작용을 예측 가능하도록 만들려면 각 사용자 동작에 대해 일정 수준의 피드백을 제공해야 합니다.

실용적인 권장 사항:

디자이너는 UI 요소 유형 또는 앱의 현재 상태를 기반으로 한 다른 형태의 피드백을 사용할 수 있습니다. 예를 들어 인터랙티브 요소는 손가락으로 누를 때 짧게 강조 표시하는 데 사용할 수 있고, 진행 상태 표시기는 오랫동안 실행되는 작업의 상태를 확인하는 데 사용할 수 있습니다. 또한 애니메이션이 적용된 효과는 작업의 결과를 명확하게 표시하는 데 사용할 수 있습니다.

누르먄 인터랙티브 요소의 스타일이 바뀝니다. 이미지 출처: 레이모션(Ramotion)

8. 사용자의 입력을 최소화하십시오.

모바일 디바이스에서 입력 프로세스는 처리가 느리고 오류가 자주 발생합니다. 따라서 크기가 작은 디바이스에서 입력량을 최소화하는 것이 중요합니다.

실용적인 권장 사항:

양식을 채우는 작업을 즐기는 사람은 없습니다. 따라서 사용자가 양식을 신속하고 효율적으로 작성할 수 있도록 간결하게 만들어야 합니다. 이미지 출처: 루큐(Lukew)

더 자세한 권장 사항을 살펴보려면 다른 게시글인 더 효율적인 양식 디자인: 구조, 입력, 레이블 및 액션을 참조하십시오.

9. 매끄러운 경험을 제작하십시오.

모바일 앱을 독립 실행형 경험이라고 생각하는 것은 잘못된 생각입니다. 보통 사용자는 데스크탑, 휴대폰 및 태블릿과 같은 여러 대의 디바이스를 보유하고 있으며 제품을 사용할 때에는 이러한 모든 디바이스에서 매끄러운 경험을 기대합니다.

실용적인 권장 사항:

10. 디자인 사전 테스트를 수행하십시오.

잘 설계된 UI와 UX조차도 출시와 동시에 결함이 발견됩니다. 데스크탑 화면에서 완벽해 보이는 디자인도 실제 모바일 디바이스에서 테스트해 보면 여러 문제가 발견되는 경우가 많습니다. 따라서 앱의 룩과 기능이 제대로 작동하는지 확인하려면 실제 사용자를 대상으로 다양한 모바일 디바이스에서 앱을 사전 테스트하는 것이 중요합니다.

실용적인 권장 사항:

모바일 디자인 시 해서는 안 될 사항

1. 처음부터 완벽한 경험을 디자인하려고 하지 마십시오.

모바일 앱을 설계할 때 완벽한 디자인을 한 번에 만드는 것은 거의 불가능에 가깝습니다. 모든 요구 사항을 수렴하여 디자인했더라도 사용자 사전 테스트 후 새로운 요구 사항이 발생할 수 있습니다. 따라서 디자인 접근 방식을 반복 수행하고 초기 단계에서 사전 테스트를 하는 것이 좋습니다.

실용적인 권장 사항:

2. 폐쇄적인 디자인 프로세스에서 벗어나십시오.

어떠한 앱을 만들지에 대한 아이디어가 한 번 떠오르면 그 아이디어에서 빠져나오기가 쉽지 않고 해당 아이디어에만 집중할 경우 확증편향에 빠질 수 있습니다. 제품 팀이 고객의 기대에 부응할 것으로 생각한 제품을 3~5년간의 엄청난 시간을 들여 만들었지만, 뒤늦게서야 고객이 전혀 원치 않는 제품이라는 사실을 발견하는 사례를 흔히 볼 수 있습니다. 이러한 문제는 고객의 니즈와 요구를 제대로 고려하지 않았기 때문에 발생합니다. 실제 고객의 피드백을 얻는 과정이 생략된 디자인 프로세스는 예측 불가능한 결과를 초래합니다.

실용적인 권장 사항:

3. 앱 허용 대화 상자를 처음부터 표시하지 마십시오.

방금 다운로드한 앱을 실행할 때 처음으로 화면에 표시되는 것은 앱 허용 관련 대화 상자(예: “위치를 사용하도록 앱 X를 허용하시겠습니까?”)입니다. 앱을 실행하자마자 이와 같은 앱 허용을 묻는 창이 뜨면 사용자가 이를 거부할 확률이 높습니다. 그 이유는 사용자가 앱 허용에 대한 의사 결정을 내릴 만한 충분한 컨텍스트를 제공하지 않았기 때문입니다. 즉, 사용자가 앱을 허용해야 하는 정확한 이유를 모르는 경우가 많습니다.

이러한 문제를 최소화하기 위해서는 사용자가 충분히 이해할만한 타당한 이유와 컨텍스트를 제시하는 것이 좋습니다. 사용자가 필요한 작업을 수행할 때 앱을 허용할 가능성이 큽니다. 따라서 주요 앱 사용 시 반드시 필요한 경우에만 허용을 요청하는 것이 바람직합니다.

앱 사용 도중에 허용을 요청합니다. 사용자는 허용을 묻는 이유가 타당할 경우 대부분 긍정적으로 받아들입니다. 이미지 출처: 씽크위드구글(Thinkwithgoogle)

실용적인 권장 사항:

4. 사용자를 기다리게 하지 마십시오.

콘텐츠가 로딩될 때 빈 화면이 표시되면 앱이 중지된 것처럼 보이므로 사용자에게 혼란을 줄 수 있습니다. 따라서 속도가 빠른 반응형 앱을 제공하는 것이 좋습니다.

실용적인 권장 사항:

페이스북 앱에서 뉴스피드의 스켈레톤 화면입니다. 페이지 구조는 사용자에게 적지 않은 영향을 미칩니다.

5. 유저 인터페이스에서 전문 용어를 사용하지 마십시오.

앱에 사용되는 용어는 사용자와의 대화를 위한 것이기도 합니다. 따라서 사용자에게 친숙한 용어를 사용함으로써 사용자가 편안함을 느낄 수 있도록 해야 합니다. 즉, 모든 사용자에게 어필할 수 있는 앱을 만들고 싶다면 모두가 이해할 수 있는 친숙한 단어와 문구를 이용해야 합니다.

사용자가 모르는 용어나 문구는 사용자의 인지 부하만을 증가시킬 뿐입니다. 이미지 출처: 씽크위드구글(Thinkwithgoogle)

실용적인 권장 사항:

6. 사용자 정의 제스처를 앱과의 주요 상호 작용 박식으로 사용하지 마십시오.

기존 내비게이션의 보조 수단으로 제스처를 이용하는 것은(예: 내비게이션 단축키) 지극히 정상적인 일이지만, 앱과의 주요 상호 작용 방식으로 제스처를 이용하는 것은 피하는 것이 좋습니다(예: 주요 내비게이션의 대체 방법으로 이용). 게임 앱을 제외하고 기본적으로 필요한 작업을 하기 위해 새로운 방식을 습득해야 하는 것을 반기는 사용자는 거의 없습니다.

실용적인 권장 사항:

7. 웹 경험을 앱에 그대로 적용하지 마십시오.

모바일 앱의 경우 사용자는 특정 상호 작용 패턴과 인터페이스 요소를 기대합니다. 이처럼 웹과 앱에서의 사용자 기대치가 각각 다르므로, 웹 경험을 모바일 앱에 그대로 적용할 경우 사용성 측면에서 다양한 문제를 초래할 수 있습니다.

실용적인 권장 사항:

iOS용 TD 은행 앱의 로그인 양식 모바일 앱이 아니라 모바일 웹 사이트처럼 느껴집니다. 링크에는 밑줄이 적용되어 있고 페이지 하단에는 저작권 고지문이 있습니다.

8. 오류 페이지를 만들지 마십시오.

UX디자인은 작업 흐름을 시각화하여 사용자가 원하는 작업을 원활하게 완료하도록 돕는 것입니다. 따라서 앱에서는 오류 페이지를 넣지 않도록 해야 합니다. 이러한 페이지는 사용자에게 혼란을 주고 불필요한 추가 동작을 요구하며 작업 흐름을 끊게 하는 장애물이 되기 때문입니다. 스포티파이(Spotify)의 오류 화면은 이러한 사례의 대표적인 예입니다.

사용자가 문제의 원인을 이해하는 데 도움을 주지 않을 뿐만 아니라 해당 문제가 발생한 이유와 해결책도 제시하지 않고 있습니다.

실용적인 권장 사항:

9. 사용자를 모바일 웹으로 안내하지 마십시오.

특정 작업을 완료하기 위해 더 많은 콘텐츠를 제공하는 모바일 웹으로 이동하도록 요구할 경우 사용자가 불편함을 느낄 수 있습니다. 이 경우 사용자는 앱으로 돌아가지 않기 때문에 앱 포기율은 증가하고 전환율은 감소하게 됩니다.

부정적인 사례. 사용자가 안드로이드용 페이스북 앱에서 “비밀번호를 잊었습니까?” 버튼을 누르면 이 앱은 스마트폰의 브라우저를 호출합니다.

실용적인 권장 사항:

10. 앱을 처음 이용한 사용자에게 앱 평가를 요구하지 마십시오.

대부분 앱 개발자는 평가 및 리뷰가 모바일 스토어에서 인기 앱으로 등극하는 데 매우 중요하다는 사실을 알고 있습니다. 많은 사용자가 앱 사용 여부를 결정할 때 이러한 평가 및 리뷰를 고려하기 때문입니다. 따라서 긍정적인 평가 및 리뷰가 더 많은 앱일수록 사용자가 다운로드할 확률이 높아집니다.

이처럼 소중한 피드백을 수집하기 위해 많은 앱 개발자가 사용자에게 앱 평가를 강요하게 됩니다. 앱 평가를 너무 빠르게 또는 너무 자주 요구하면 사용자가 불편함을 느낄 뿐 아니라 유용한 피드백도 줄어들게 됩니다. 또한 사용자는 중요하지 않은 작업으로 인해 진행 중이던 작업을 중단해야 하는 것을 원치 않습니다.

사용자에게는 리뷰 작성보다 탁월한 경험이 더 중요합니다. 따라서 처음 앱 실행 시, 온보딩 도중 또는 사용자가 앱을 몇 차례 사용해 보지 못한 경우, 사용자에게 앱 평가를 요구하는 일은 삼가야 합니다. 유용한 피드백을 독려하기 위해서는 앱에 대한 의견을 정립할 충분한 시간을 제공한 다음, 앱 평가를 요구하는 것이 좋습니다.

실용적인 권장 사항:

결론

오늘날 모바일 앱에 대한 사람들의 기대가 점점 더 높아지고 있습니다. 이러한 기대에 부응하고 더욱 유용하며 사용자와 연관성 있는 탁월한 앱을 만들기 위해서는 많은 노력을 기울여야 합니다. 사용자 경험을 향상하는 것은 일회성이 아닌, 지속적인 경험으로 이어지므로 매우 중요합니다.

UX에 대한 유용한 정보를 이메일로 받아보려면 어도비의 경험 디자인 뉴스레터를 구독하십시오.

원문보기

Topics: 디자인, 크리에이티브 클라우드

Products: XD