전환을 유도하는 앱 디자인

  • 개발
  • 디자인
  • 수익 창출

Google에서는 사용자의 전환을 유도하는 것이 무엇인지 파악하기 위해 종합적인 사용자 환경에 관한 연구를 진행했습니다. 이 연구를 위해 전자상거래, 보험, 여행, 음식 주문, 티켓 판매 및 서비스, 재무 관리 등의 카테고리에서 다양한 앱을 사용했습니다. 연구 결과를 응용하여 개발자에게 제공해 드리는 권장사항을 통해 내 앱을 유용하고 관련성 있고 가치 있는 앱으로 부각시킬 수 있을 것입니다.

  • 앱의 가치를 미리 보여줍니다. 사용자의 니즈를 명확히 충족시키고 클릭 유도문안을 눈에 잘 띄도록 명확하게 작성하여 사용자의 관심을 사로잡으세요. 문맥에서 앱의 핵심 신규 기능을 강조하여 즐거움과 흥미를 유도합니다.

    적절한 예

    '대여', '구매', '판매'는 명확한 클릭 유도문안입니다.

    부적절한 예

    클릭 유도문안 '사용해 보기'는 그 뜻이 애매하며 특정 행동을 암시하지 않습니다.

  • 메뉴 카테고리를 직관적으로 구성하고 라벨을 지정합니다. 메뉴 카테고리는 명확하고 서로 구분되어서 겹치지 않아야 하며, 사용자가 카테고리를 봤을 때 카테고리별로 어떤 항목이 있을지 예상할 수 있어야 합니다. 이는 사용자가 검색 옵션을 사용하는 데 지쳐서 마지막 수단으로 메뉴에 눈을 돌렸을 때 특히 중요하게 작용합니다.

    적절한 예

    제품 카테고리는 혼동을 주지 않도록 분명해야 합니다.

    부적절한 예

    제품 카테고리 콘텐츠는 중복되어서는 안 됩니다. '남성 신발' 및 '하이킹'의 콘텐츠는 중복될 가능성이 있습니다.

  • 사용자가 쉽게 한 단계 '돌아갈' 수 있도록 합니다. 적절한 이전 탐색과 같은 세부 탐색 컨트롤은 사용자 전환을 유도하는 데 중요합니다. 사용자가 한 단계만 돌아가고 홈 화면에서 처음부터 시작하지 않아도 된다는 것을 알면 불만을 없앨 수 있습니다.

    적절한 예

    이전 탐색이 사용자가 기대하는 대로 흐름에서 한 단계 돌아갑니다.

    부적절한 예

    이전 탐색이 사용자를 흐름에서 이탈시켜 혼란을 야기합니다.

  • 위치를 직접 쉽게 변경할 수 있도록 합니다. Google Places API를 통한 위치 자동 감지로 사용자의 시간을 절약할 수 있습니다. 하지만 사용자가 근처에 없는 상점이나 기타 기능을 찾아야 하는 경우도 있습니다.

    적절한 예

    사용자가 장소를 선택할 수 있는 명확한 컨트롤을 제공합니다.

    부적절한 예

    사용자가 장소를 변경할 수 있는 명확한 방법이 없습니다.

  • 모바일 앱과 모바일 앱 간 전환이 원활하게 합니다. Chrome 맞춤 탭으로 두 플랫폼에서 공통적인 스타일과 느낌 또는 디자인 레이아웃을 제공하여 기본 및 웹 콘텐츠 간 전환을 원활하게 합니다. 또한 전환이 빠르게 이루어지도록 합니다. 전환 시 걸리적거리는 절차가 없어야 합니다.

    적절한 예

    앱과 사이트 간의 전환이 원활하며 디자인이 일관성 있고 속도가 최적화되어 있습니다.

    부적절한 예

    시각 및 상호작용 환경이 앱과 사이트마다 다릅니다.

  • 검색창을 두드러지게 표시하고 머티리얼 디자인 검색 패턴 안내를 따릅니다. 사용자가 지속적으로 쉽게 원하는 콘텐츠를 찾을 수 있도록 앱에 영구 검색 위젯 앱 바를 사용하는 것이 좋습니다.

    적절한 예

    노출된 검색창을 쉽게 찾을 수 있습니다.

    부적절한 예

    검색 기능이 메뉴 옵션 뒤에 숨어 있습니다.

  • 효과적인 검색 색인 생성을 사용합니다. 사용자는 인앱 검색이 Google 검색만큼 잘 작동하기를 기대합니다. 유용한 기능으로 사용자의 텍스트 입력 중 맞춤법 자동 수정, 어근 인식, 예측 텍스트, 추천 항목 표시가 있습니다. 이러한 기능은 검색 프로세스의 속도를 높이고 오류를 줄이며 사용자의 전환을 유도합니다. 검색 인터페이스 생성, 맞춤 추천 추가, 최근 검색어 추천 추가 에 관한 안내를 확인하세요.

    적절한 예

    고품질 색인 생성은 사용자에게 타겟팅된 효과적인 결과를 제공합니다.

    부적절한 예

    비효율적인 검색 색인 생성은 좋지 않은 검색 환경을 제공합니다.

  • 필터 및 정렬 옵션을 제공하여 사용자가 검색결과의 범위를 좁히고 정리할 수 있게 합니다.

    적절한 예

    효과적인 필터 및 정렬 옵션이 제공되어 검색결과의 범위를 좁힐 수 있습니다.

    부적절한 예

    검색결과 필터링 또는 정렬 옵션이 제외되거나 숨겨져서 사용자가 너무 많은 항목을 검토해야 합니다.

  • 이전 검색 및 구매 정보를 제공하여 사용자의 시간과 노력을 절감합니다. 이는 사용자가 검색이나 구매를 반복하는 앱에서 특히 중요합니다.

    적절한 예

    사용자는 이전에 사용한 검색어를 선택하여 다시 사용할 수 있습니다.

    부적절한 예

    사용자는 검색을 반복하는 경우에도 전체 검색어를 각각 입력해야 합니다.

제품 리뷰 및 비교

  • 사용자 리뷰가 정렬 및 필터링되도록 하여 항목에 대한 '진짜 이야기'를 알 수 있게 합니다. 사용자 리뷰는 구매 의사 결정에서 중요한 요소입니다. 리뷰가 많으면 잠재 구매자에게 더 확신을 줍니다. 사용자가 가장 최근 리뷰, 가장 긍정적인 리뷰, 가장 부정적인 리뷰를 탐색할 수 있게 하여 공통적인 주제를 발견할 수 있게 합니다. 항목을 구매한 사용자가 확인한 리뷰도 높이 평가됩니다.

    적절한 예

    소비자 리뷰에 필터와 정렬이 사용되었습니다.

    부적절한 예

    소비자 리뷰의 필터링 옵션이 제외되었거나 숨겨져 있습니다.

  • 비교 쇼핑 기능을 사용하면 사용자가 인터넷의 항목을 쉽게 비교하도록 하여 구매 결정을 유도할 수 있습니다. 이 기능이 없다면 앱 사용자가 비교하고 싶은 항목이 있거나 나중에 다시 확인할 항목이 있는 경우 장바구니에 항목을 넣어야 합니다.

    적절한 예

    사용자는 비교 도구를 사용하여 집을 직접 비교할 수 있습니다.

    부적절한 예

    사용자는 비교하려는 항목을 기억해야 합니다.

결제 옵션

  • PayPal 및 Google Pay와 같은 여러 타사 결제 옵션을 제공하여 사용자 기대를 충족하고 결제 시 추가 양식 작성을 요구하지 않으며 보안을 강화합니다.

    적절한 예

    여러 결제 옵션이 제공되어 사용자 선택 및 컨트롤이 주어집니다.

    부적절한 예

    사용자는 단일 지불 옵션으로 제한됩니다.

  • 결제 수단을 쉽게 편집 및 추가할 수 있게 하고 카드 번호 및 신용카드 스캔을 위한 숫자 패드와 같은 옵션을 제공합니다. 여러 장의 카드를 추가할 수 있는 기능과 카드 간에 전환할 수 있는 기능을 포함합니다.

    적절한 예

    사용자는 기존에 저장된 결제 수단을 편집하고 새 결제 수단을 추가할 수 있습니다.

    부적절한 예

    결제 수단을 편집하거나 새 결제 수단을 추가할 수 있는 기능이 누락되었습니다.

등록

  • 사용자에게 등록을 요청하기 전에 명확한 이점을 제공하고 필요한 경우에만 등록을 요청합니다. 사용자는 즉각적인 이익(예: 차량 서비스 주문, 음식 주문 등)이 없는데 사전에 개인 정보를 제공해 달라고 요청하는 앱은 사용하지 않습니다. 브랜드 인지도가 낮은 앱이나 가치 제안이 명확하지 않은 앱은 앱 사용 시작 시 사용자에게 등록을 요청하기가 더욱 어렵습니다. 전환 시 게스트 결제를 제공하는 것을 고려해 보세요.

    적절한 예

    사용자가 개인정보를 사전에 입력하지 않아도 유용한 사용자 환경이 제공됩니다.

    부적절한 예

    사전 등록을 요청하는 것은 커다란 사용 장벽으로 작용합니다.

  • '로그인'과 '가입'을 구분하여 사용자가 계정에 가입하려고 할 때 잘못된 작업을 하지 않도록 방지합니다.

    적절한 예

    인터페이스가 간단하고 클릭 유도문안이 뚜렷이 구별됩니다.

    부적절한 예

    클릭 유도문안이 잘 구별되지 않아 오류가 발생할 수 있습니다.

  • 비밀번호 인증을 원활하게 만듭니다. Sign-in for Android, Smart Lock, 로그인 힌트, 모든 Google ID 플랫폼을 사용하여 인증에 필요한 단계의 수를 줄여 보시기 바랍니다. 지문 인증 및 유사한 기술을 사용할 수도 있습니다.

    적절한 예

    지문 로그인과 같은 효율적 인증은 원활한 환경을 제공합니다.

    부적절한 예

    텍스트 기반 인증은 오류가 발생하는 일반적인 원인입니다.

양식 및 데이터 입력

  • 사용자 친화적 양식을 구축합니다. 텍스트 입력란에서 머티리얼 디자인 가이드라인을 따르고 Places API와 같은 도구를 사용하여 자동 완성 옵션을 제공합니다. 양식이 사용자가 정보를 입력한 방식과 호환되는지 확인합니다. 사용자가 앱의 한계에 적응하게 만들기보다는 여러 입력 양식을 처리할 수 있는 화면을 디자인합니다. 또한 양식 입력란이 키보드와 같은 인터페이스 요소로 가려지지 않는지 확인합니다. 사용자가 양식 입력란을 모두 작성하면 자동으로 각 입력란이 화면 위로 올라갑니다.

    적절한 예

    양식 입력란에 정보 양식의 유연성이 허용되며 입력이 완료되면 양식이 위로 올라갑니다.

    부적절한 예

    데이터 입력 양식이 규정되어 있고(전화번호용 입력란 세 개) 다음 양식 입력란이 키보드 뒤에 숨겨져 있습니다.

  • 양식 오류는 즉시 알립니다. 양식 영역 작성이 완료되거나 확인된 경우 사용자에게 이를 알리는 피드백을 제공합니다. 프로세스가 부드럽고 흐름이 중단되지 않도록 환경을 테스트합니다.

    적절한 예

    데이터가 입력되면서 오류를 해결하는 방법을 설명하는 메시지가 표시됩니다.

    부적절한 예

    제출될 때까지 양식 항목이 올바르게 입력되었는지 확인되지 않으며 제공되는 오류 메시지에서 오류를 해결할 수 있는 구체적인 방법을 설명하지 않습니다.

  • 입력하는 내용에 따라 알맞은 키보드를 표시하여 사용자가 키보드를 전환하지 않아도 되게 합니다. 그리고 앱 전체에 이를 일관성 있게 구현합니다.

    적절한 예

    숫자 입력란에 입력할 때 자동으로 적절한 숫자 키보드가 표시됩니다.

    부적절한 예

    사용자가 숫자 입력을 사용하기 위해 키보드의 숫자 키를 탭해야 합니다.

  • 양식에서 맥락에 맞는 유용한 정보를 제공하여 사용자가 양식에서 쉽게 이동할 수 있도록 지원합니다. 예를 들어 날짜를 예약할 때 월간 달력을 제공하여 스마트폰 달력을 확인하기 위해 앱을 종료해야 하는 필요성을 없앱니다. 이렇게 하면 사용자가 다른 작업에 주의를 빼앗길 위험을 줄입니다.

    적절한 예

    날짜 입력 시 캘린더 위젯과 같은 유용한 기능을 사용할 수 있고 간결한 설명 정보가 제공됩니다.

    부적절한 예

    사용자에게 적절한 데이터 입력 기능이나 양식 작성과 관련된 도움말 텍스트가 제공되지 않습니다.

사용성 및 이해도

  • 사용자의 언어로 말하고 작성에 대한 머티리얼 디자인 가이드라인을 따릅니다. 일반적으로 이해할 수 있는 용어와 문구를 사용하고 사용자를 혼란스럽게 할 수 있는 특정 브랜드 용어를 지양합니다.

    적절한 예

    용어(예: '구매', '대여', '판매')는 명확하며 불필요한 전문 용어가 없어 혼란을 방지합니다.

    부적절한 예

    일반적이지 않은 용어(예: '보금자리', '이주', '비행')로 인해 사용자가 혼란을 느낄 수 있으며, 검색 가능 여부와 이해도를 저해합니다.

  • 텍스트 라벨 및 아이콘 키를 제공하여 시각적 정보를 명확하게 구별합니다. 메뉴, 장바구니, 계정, 판매처 아이콘 및 필터링 또는 정렬과 같은 작업 아이콘은 어디에서나 잘 이해되는 것은 아닙니다. 라벨 지정된 아이콘이 훨씬 더 많이 사용될 가능성이 높습니다. 또한 사용자는 키로 시각적 분류를 제공하는 앱을 더 잘 이해할 가능성이 높습니다.

    도움말: 텍스트 및 아이콘의 경우 android:drawableLeft 속성을 가진 버튼 클래스를 사용합니다. 자세한 정보는 개발자 가이드를 참조하세요. 또한 아이콘과 버튼에 라벨과 설명을 추가할 때는 접근성 기능을 제공하는 것이 좋습니다.

    적절한 예

    라벨 지정된 아이콘은 의미가 쉽게 전달되며 일관성 있게 이해됩니다.

    부적절한 예

    라벨이 없는 아이콘은 오해가 발생하는 경우가 많고 혼란을 야기할 수 있습니다.

  • 중요한 작업 후 시각적 피드백으로 응답합니다. 사용자가 장바구니에 항목을 추가하거나 주문을 제출했을 때 피드백이 부족하면 작업이 처리되었는지 의문이 생길 수 있습니다.

    적절한 예

    명확한 시각적 피드백 — 토스트에 표시되는 확인 메시지에서 작업이 수행되었다고 알립니다.

    부적절한 예

    장바구니에 추가하는 등의 작업 후에 어떠한 시각적 피드백도 없어 사용자가 작업 수행 여부를 추측해야 합니다.

  • 이미지를 볼 때 사용자가 확대 수준을 제어할 수 있게 합니다. 또한 임의의 확대 수준을 적용하면 사용자가 항목의 특정 부분만 보게 되거나 이미지가 부분적으로 화면 밖에 표시될 수 있으므로 지양합니다.

    적절한 예

    사용자가 심도 및 확대 영역을 제어합니다.

    부적절한 예

    확대 기능이 특정 수준과 위치에 제한되어 불만이 발생할 수 있습니다.

  • 올바른 맥락에서 권한을 요청해야 사용자가 모든 앱 환경을 이용하는 데 필요한 권한을 허용할 가능성이 높습니다.

    적절한 예

    사용자가 상점 위치 검색을 요청한 후 관련 작업의 맥락에서 위치 권한 허가를 요청받습니다.

    부적절한 예

    사용자에게 현재 맥락이나 작업과 관련이 없는 위치 권한을 허용할 것을 요청합니다.