절대 저지르지 말아야 할 7가지 치명적인 모바일 앱 UI 디자인 죄
게시 됨: 2015-09-09규칙은 어기도록 만들어진 것인가? 그것은 실제로 규칙에 달려 있습니다. 모바일 앱 UI 디자인의 세계에는 미학, 제스처 및 애니메이션과 같은 항목이 있을 때 약간의 흔들림의 여지가 있습니다. 단순하고 기능적인 앱이 화려한 앱보다 더 합리적이거나 그 반대인 경우가 있을 수 있습니다.
하지만 어기지 않는 몇 가지 기본 규칙이 있습니다. 모바일 앱 UI 디자인으로 인해 사용자가 중요한 기능에 액세스할 수 없는 경우에는 불가능합니다. 텍스트가 너무 작아서 아무도 읽을 수 없으면 드로잉 보드로 돌아가야 합니다. 밝은 배경에 흰색 글씨? 다시 시도하십시오.
우리는 성공적인 디자이너들이 모바일 앱 UI 디자인의 7가지 대죄로 생각하는 것이 무엇인지 알고 싶었습니다. 우리는 세 명의 전문가에게 물었고 세 가지 개별 목록을 만들었습니다. 그러나 각각에서 유사점을 찾을 수 있는지 확인하십시오.
7가지 치명적인 모바일 앱 UI 디자인 죄 — ÄKTA에 따르면
Alyssa Burke와 Macy Nguyen은 디지털 경험 및 참여 컨설팅 회사인 ÄKTA(@akta)의 사용자 인터페이스 및 시각적 상호 작용 디자이너입니다. 두 사람 모두 Fortune 500대 기업과 빠르게 성장하는 신생 기업을 위한 기본 모바일 디자인 프로젝트에 참여하여 에이전시의 일부 최고의 프로젝트에 UI 디자인 조각을 기여했습니다. 다음은 모바일 앱 UI 디자인의 용서할 수 없는 죄로 간주되는 사항입니다.
컨텍스트 무시
대상 사용자의 개인 프로필(나이, 라이프스타일, 기술 지식 등)과 물리적 환경(실내 대 실외, 오프라인 대 온라인, 아침 대 저녁 등)은 많은 디자인 결정에 영향을 미칩니다. 모바일 앱 UI 디자이너는 낮은 유용성의 위험을 줄이기 위해 반복적인 프로세스에 컨텍스트 추론을 최대한 고려해야 합니다. 부드러운 전환, 매끄러운 버튼 및 아름다운 서체에도 불구하고 전체 UI 디자인이 특정 사용 사례와 일치하지 않기 때문에 일부 앱은 표시를 놓칩니다(주로 야외에서 사용되는 앱의 어두운 화면: 잘못된 UI 디자인 이동).
상자에 디자인하기
디지털 제품을 설계하고 구축하는 것은 팀(및 커뮤니티)의 노력입니다. 다양한 팀원과 특정 프로젝트에 익숙하지 않은 사람들(기술자, 초보자, 괴짜, 광신자, 친구, 낯선 사람, 형제 및 힙스터)에게 전체 프로젝트 기간 동안 초기에 자주 디자인 작업을 보여주는 것이 핵심입니다. 그들에게 필요한 컨텍스트를 제공하되, 즉시 지나치게 방어하지 마십시오. 출시 후 문제를 수정하는 것보다 프로세스 초기에 변경 사항을 위한 공간을 확보하는 것이 좋습니다.
스너빙 개발자
개발자와 엔지니어가 팀원(그리고 가끔 술을 마시는 친구)이 되는 것 이상으로 그들은 현실 세계에서 작동하는 것이 무엇인지 알고 있을 뿐만 아니라 아이디어가 구상한 대로 실행되도록 하는 데 챔피언이 될 수 있는 기술 마법사입니다. 기술적으로 불가능한 모바일 앱 UI 디자인이 있습니다. 가능하지만 프로젝트에 예정된 것 외에 많은 노력 및/또는 시간이 소요되는 것들도 있습니다. 물어보지 않으면 절대 알 수 없습니다. 하루가 끝나면 개발자가 디자인을 구축합니다. 그들은 당신을 지지하거나 미워할 수 있습니다.
모션 디자인을 충분히 활용하지 않음
사물 인터넷이 서서히 자리를 잡고 사람들이 주변 세계와 상호 작용하는 방식에서 디지털 인터페이스가 더 큰 역할을 함에 따라 디자이너는 UI 디자인의 이러한 측면을 더 진지하게 받아들일 필요가 있습니다. 사람들은 본질적으로 의미를 도출하고 환경의 물체가 움직이는 방식에 다르게 반응합니다. 올바른 UI 동작을 사용하는 것은 우선 순위와 긴급성을 나타내는 매우 효과적인 방법입니다. 어떤 경우에는 적절하게 사용하면 기쁨을 주기도 합니다. 추가 보너스로 Disney's Twelve Basic Principles of Animation을 확인하십시오.
스몰타입 사용
사람들은 화면의 내용을 종이보다 느리고 덜 정확하며 덜 포괄적으로 읽습니다. 경험상 디지털 인터페이스의 활자 크기는 최소한 인쇄에 적합한 크기의 두 배여야 합니다. 다양한 서체와 유형 설정은 특히 사용자가 모바일 장치에서 여러 작업을 수행하려고 할 때 다양한 결과를 산출합니다. 작은 유형 크기를 피하는 것 외에도 버튼 모양, 이미지 및 상호 작용과 같은 다른 UI 요소가 원하는 전체 UX에 미치는 영향을 결정합니다.
탭 타겟 무시
많은 모바일 앱 UI 디자이너는 여전히 사용자의 손가락 크기가 다양하다는 단순한 사실을 놓치고 있습니다. 작업 또는 작업 지향 탭 대상과 관련하여 가능한 한 단순하고 크게 유지하십시오. 노인을 위해 디자인할 때 "지저분한 움직임"을 고려하고 어린이를 위해 디자인할 때도 마찬가지로 부정확한 탭핑을 고려하십시오. 자산을 슬라이싱할 때 자산 주변의 일부 영역을 비워 두어 본질적으로 탭 크기를 늘려 로드 시간을 너무 많이 줄이지 않도록 할 수 있습니다.
플랫폼 충성도가 되기
Android와 iOS 모두에 대해 하나의 디자인을 갖는 것은 제한적이며 전체 UX 목표에 부정적인 영향을 미칠 수 있습니다. 두 플랫폼 모두 해당 사용자에게 익숙한 서로 다른 디자인 패턴을 가지고 있습니다. UI 디자이너는 이것들에 익숙할 뿐만 아니라 실제로 두 플랫폼 모두에서 사용할 수 있는 널리 사용되는 앱을 탐색해야 합니다.
모바일 앱 UI 디자인의 치명적인 7가지 죄 — Moblico Solutions에 따르면
우리는 브랜드가 "더 효과적인 모바일 순간을 만들 수 있도록" 돕는 모바일 관계 관리 솔루션 회사인 Moblico Solutions(@moblico)의 여러 팀원들과 이야기를 나눴습니다. 여러 산업 분야의 고객에게 더 나은 경험을 제공하는 앱을 만드는 방법을 조언한 그들은 모바일 앱 UI 디자인에서 작동하는 것과 그렇지 않은 것을 알고 있습니다. 모바일 앱 UI 디자인의 7가지 치명적인 죄에 대한 그들의 견해는 다음과 같습니다.
당신을 위해 추천 된:
인도 스타트업에 대한 반 영리 조항은 무엇을 의미합니까?
Edtech Startup이 인도 인력의 기술 향상 및 미래 준비를 돕는 방법...
이번 주 새로운 시대의 기술 주식: Zomato의 문제는 계속되고 EaseMyTrip은 Str...
인도 스타트업, 자금 조달을 위해 지름길 선택
디지털 마케팅 플랫폼 Logicserve, INR 80 Cr 자금 지원, LS Dig...
Lendingtech Space에 대한 갱신된 규제 조사에 대해 경고하는 보고서
인지된 가치에 비해 기기에서 많은 공간을 차지함
두려운 "공간 부족" 팝업이 표시되면 즉시 앱으로 이동하여 삭제를 시작합니다. 앱이 크면 많은 공간을 차지하고 충분한 가치를 제공하지 않습니까? 하스타 라 비스타. 도마에서 벗어나려면 앱을 작게 유지하는 것이 좋습니다.
앱 실행과 동시에 권한 요청(푸시, 위치, 카메라 등)
얼마나 자주 앱을 다운로드하고 앱을 열고 사용하기 시작하면 즉시 상자가 표시됩니까? 나는 상자가 무엇을 말했는지 모르지만 그냥 닫고 계속했습니다. 그게 뭐였지? 오 글쎄. 새로운 앱!
로그인이 필요하거나 등록이 필요하거나 더 나쁜 경우 — 구매 — 다운로드 후 앱을 사용하기 전에
사실, 아마도 이것이 1순위가 되어야 할 것입니다. 그것은 힘든 일입니다. 사용자에게 할 수 있는 최악의 일 중 하나는 앱을 다운로드한 다음 실제로 사용하려면 일종의 유료 요금제가 있어야 한다고 말하는 것입니다. 나쁜, 나쁜, 나쁜. 삭제되었습니다.
온라인 웹사이트처럼 보이는 모바일 앱 UI 디자인 만들기
이것은 모바일 앱을 갖는 목적에 어긋나는 것 아닙니까? 모바일 개발자를 괴롭히는 한 가지가 있다면 온라인 경험을 "축소화"하고 앱이라고 부르는 것입니다. 모바일 앱에는 특정 유틸리티가 있거나 있어야 하며 웹 사이트를 축소하는 것은 사용자가 기대하는 목적에 거의 부합하지 않습니다.
잘못 배치된 광고 또는 작은 "x"로 클릭하도록 속이는 광고.
모바일 사이트를 아래로 스크롤하고 손가락이 이미지에 너무 오래 머무르고 브라우저 광고로 이동하는 것이 얼마나 성가신 일입니까? 그리고 그 작은 "x"에 대해 — 누가 그것을 칠 수 있습니까? 도박이 됩니다. 뚱뚱한 손가락으로 광고를 클릭할 위험을 무릅쓰고 작은 "x"를 누르려고 합니까? 아아! 선택!
푸시 알림으로 과부하
예, 이제 앱이 있고 수백만 명의 홈 화면에 있습니다. 그것은 많은 힘입니다. 하지만 밀어붙이기 전에 생각하고 항상 자문해 보십시오. 관련성이 있습니까? 이 사용자가 이 알림을 원할까요 ? 물론, 모바일 스토어에 새 티셔츠를 게시할 때마다 알릴 수 있지만 그렇게 해야 합니까? 큰 힘에는 큰 책임이 따른다.
모바일 계정에 액세스하기 위한 SSO(Single Sign-On) 부족
최고의 사용자 경험은 앱 개발자가 사람들이 경험을 위해 일하기를 원하지 않는다고 가정할 때 발생합니다. 아무도 앱에 대한 새 로그인을 만들고 싶어하지 않습니다. SSO는 이제 우리의 현실이며 우리는 이를 수용해야 합니다. 페이스북이 이겼다. 계속 진행합시다.
7가지 치명적인 모바일 앱 UI 디자인 죄 — Ideaware Co.에 따르면
Andres Max(@andresmax)는 신생 기업과 Fortune 500대 기업 모두가 매력적인 앱을 구축할 수 있도록 지원하는 디지털 크리에이티브 에이전시인 Ideaware Co.(@ideawareco)의 설립자입니다. Ideaware를 설립하기 전에 Max는 Mashable에서 수석 UX 디자이너였습니다. 몇몇 업계의 거물을 위해 디자인한 Max는 모바일 앱 UI 디자인의 7가지 치명적인 죄에 대해 강한 느낌을 가지고 있습니다.
사용자가 무언가를 탭하면 사용자 피드백이 없습니다.
신의 사랑을 위해 사용자가 앱에서 무언가를 한 후에 피드백을 제공하십시오. 그렇지 않으면 사용자는 앱이 중단된 것으로 생각하고 종료할 것입니다.
영원한 온보딩
휴대전화를 사용 중이라면 앱에서 하고 있는 모든 작업을 빠르게 수행하고 싶을 것입니다. 나에게 수백 가지 질문을 하거나 수천 개의 필드를 작성하라고 요구하지 마십시오.
터치 포인트를 잘못된 크기로 만들기
버튼이나 필드를 최소 크기로 만드는 것을 중단하십시오. 그것은 웹이 아닙니다. 제 손가락은 픽셀이 아니라 "충분히 가까운" 동작을 탭할 수 있어야 합니다.
이상한 탐색 패턴 소개
사람들이 당신의 앱을 빨리 받기를 원하십니까? 그런 다음 모바일 앱을 탐색하는 방법에 대한 자신의 버전을 소개하지 마십시오. Apple의 휴먼 인터페이스 지침 및 Android의 디자인 가이드. 이유가 있습니다. 마찰을 일으키지 말고 잠재적인 신규 사용자에게 앱을 제거해야 하는 또 다른 이유를 제공하지 마십시오.
나쁜 색 구성표
눈을 편안하게 하십시오, 병사. 노란색-검정색 텍스트로 "눈에 띄게" 할 필요는 없습니다.
여백
앱에는 많은 공백, 마침표가 필요합니다. 요소는 서로 떨어져 있어야 하고 버튼은 커야 하며 모든 것이 숨을 쉴 수 있어야 합니다. 모바일 장치에는 접기가 없습니다. 모든 것을 단일 화면에 집어넣지 마십시오.
푸시 알림 지옥
신의 사랑을 위해 사용자에게 하루에 20개의 푸시 알림을 보내지 마십시오. 잠시 후 앱에서 "제거"라고 외칠 것입니다.
당신의 7가지 치명적인 모바일 앱 UI 디자인 죄는 어떻게 생겼습니까?
각 디자이너의 목록은 약간 다르게 보이지만 눈에 띄는 공통점이 분명히 있었습니다. 정말 필요한 경우를 제외하고 푸시 알림을 피하고 모바일 앱 UI 디자인이 실제로 사용 가능한지 확인하는 것(탐색을 직관적으로 만들고 요소의 크기를 올바르게 조정하여)은 두 가지 큰 문제입니다.
[8월 17일 blog.proto.io에 원래 게시됨]