아직 답이 없는 5가지 모바일 UI 디자인 과제
게시 됨: 2016-03-04[ Proto .io는 기업가와 스타트업이 실제 앱처럼 보이고 느껴지는 완전 대화형 사실적인 프로토타입을 만들기 위해 사용하는 모바일 앱 프로토타이핑 도구입니다.]
우리는 너무 오랫동안 모바일에 최적화된 세상에 살고 있어서 모바일 UI 디자인을 당연시하기 쉽습니다. iPhone이 처음 출시되었을 때 올해 고등학교에 입학하는 10대들은 유치원에 막 입학했습니다. 모바일 경험이 부족한 웹사이트는 지갑에 작은 컴퓨터를 넣고 다니거나 심지어 손목에 차고 있다는 생각을 비웃는 네오 러다이트들이 관리하는 과거 시대의 유물처럼 보입니다. 스마트폰이 시대정신이 된 지 거의 10년이 지난 이 시점에서 우리는 모든 모바일 UI 디자인 과제에 대한 답을 확실히 알아냈습니다. 그렇죠?
잘못된. 가장 잘 짜여진 쥐와 사람의 계획에도 불구하고 반응형 디자인은 데스크톱에서 태블릿, 모바일로 전환할 때 모든 사용자 경험 주름을 부드럽게 만들지 않았으며 몇 가지 가시가 모바일 UI 디자이너와 개발자의 측면을 계속 괴롭히고 있습니다. 사용자의. 우리는 모두 스마트폰에서 인식할 수 없을 정도로 잘린 기사 제목을 정신적으로 자동 완성하기 위해 고군분투했거나 아무리 세게 문질러도 움직이지 않는 UI 요소와 씨름했습니다.
다음 모바일 UI 디자인 과제는 디자이너, 개발자 및 기업가를 계속 괴롭히고 있습니다. 거래 방법은 다음과 같습니다.
1. 다양한 기능을 유지하면서 단순하게 유지합니다 .
Sagi Gidali는 SaferVPN(@SaferVPN)의 공동 설립자이자 CPO입니다. 10년 이상의 UI 및 UX 전문 지식으로 그는 몇 가지 모바일 UI 디자인 문제를 해결했지만 다음과 같은 수수께끼는 그의 팀 측에서 여전히 가시로 남아 있습니다.
“저는 우리의 디자인/UX 과제가 가능한 최소한의 텍스트 또는 시각적 방해와 함께 앱의 더 복잡한 기능을 통합하는 것이라고 말하고 싶습니다.
VPN은 기술에 정통한 사용자가 자주 사용하는 매우 기술적인 제품입니다. 우리의 과제는 기술에 익숙하지 않은 사용자가 가능한 한 우리 서비스에 액세스할 수 있도록 하는 동시에 기술에 정통한 사용자를 위한 맞춤형 옵션을 제공하는 것입니다.
따라서 백그라운드에서 실행되는 복잡한 기능과 설정이 있지만 전경에서는 UX를 깨끗하고 단순하게 유지합니다. 예를 들어, 대부분의 고급 설정은 자동으로 최적화되며 기술에 정통한 사용자를 위해 쉽게 액세스할 수 있는 설정 메뉴에서 경험을 추가로 사용자 지정할 수 있는 간단하고 명확한 기회를 제공합니다.
이렇게 하면 이러한 고급 기본 설정이 전체 UX 및 인터페이스를 어지럽히지 않도록 하여 누구나 한 번의 클릭으로 당사 서비스의 이점을 쉽게 즐길 수 있습니다.
이 디자인 및 UX 접근 방식을 따르면 보유하고 있는 기술 지식과 기술에 관계없이 모든 사용자가 우리 제품을 사용하여 좋아하는 지리적 제한 콘텐츠에 액세스하고 인터넷 개인 정보 및 보안을 보호할 수 있습니다.”
2. 모바일 검색: 여전히 알바트로스 .
3. 때로는 모바일 UI 디자인 요소가 개를 흔드는 것처럼 느껴집니다.
Richard Trigg는 영국에 기반을 둔 사용자 경험 에이전시인 Decibel Digital(@DecibelDigital)의 UX/UI 크리에이티브 디렉터입니다. Trigg의 경우 화면에서 발생해야 하는 작업과 사용자가 물리적으로 편안하게 수행할 수 있는 작업 간의 균형을 유지하는 것이 모바일 UI 디자인 과제로 남아 있습니다.
“많은 디자이너들이 겪는 지속적인 도전은 버튼과 관련이 있습니다. 모바일 앱의 버튼은 모든 크기의 손가락에 대해 올바른 크기를 지정해야 하지만 화면에 영향을 주지 않도록 설계해야 합니다. 모바일 장치의 화면 공간이 적기 때문에 디자이너는 버튼과 클릭 유도문안을 명확하고 간결하게 만들어야 합니다.
당신을 위해 추천 된:
인도 스타트업에 대한 반 영리 조항은 무엇을 의미합니까?
Edtech Startup이 인도 인력의 기술 향상 및 미래 준비를 돕는 방법...
이번 주 새로운 시대의 기술 주식: Zomato의 문제는 계속되고 EaseMyTrip은 Str...
인도 스타트업, 자금 조달을 위해 지름길 선택
디지털 마케팅 플랫폼 Logicserve, INR 80 Cr 자금 지원, LS Dig...
Lendingtech Space에 대한 갱신된 규제 조사에 대해 경고하는 보고서
해결 방법의 측면에서 우리는 CX 분석 및 사용성 테스트 도구를 사용하여 효율성 및 참여 수준을 측정함으로써 분명한 이점을 확인했습니다. 그러면 사용자가 수행하는 상호 작용에 대한 그림이 명확해집니다. 그런 다음 요소를 조정해야 하는 경우 이 버튼의 디자인이나 위치를 조정합니다.”
4. 모든 크기의 엄지손가락을 즐겁게 합니다.
Ryan Colgin은 고객이 여러 산업 분야에 걸쳐 있는 개발 에이전시인 LookFar(@LookFar_Ideas)의 UI/UX 디자이너입니다. 이러한 클라이언트의 다양한 요구 사항을 충족하는 것은 특히 어려운 문제입니다. 특히 다양한 클라이언트 각각이 고유한 손을 가지고 있는 경우:
“우리가 아직 해결하지 못한 작은 UI/UX 문제는 다음과 같습니다. 엄지손가락으로 쉽게 접근할 수 있도록 사이트 탐색을 어떻게 배치합니까? 대부분의 사이트는 메뉴를 오른쪽 상단 모서리에 배치하여 왼손잡이에게만 편리합니다.
휴대폰이 커짐에 따라 모바일에 최적화되어 있더라도 많은 사이트에서 메뉴를 두 손으로 탭해야 합니다. 정적인 메뉴가 없는 경우 탐색을 이용하거나 홈페이지로 돌아가기 위해 위로 스크롤해야 합니다.”
5. Android 조각화: 개선되었지만 실제로 사라지지 않았습니다.
Jason Suriano(@jasonsuriano)는 Rocketfuel Productions의 설립자이자 CEO입니다. 이 시점에서 Android OS 조각화의 영원한 문제는 오래된 것처럼 보이지만 여전히 모바일 UI 디자이너의 악몽에서 발생합니다.
"2016년에 존재하는 주요 모바일 UI 및 앱 디자인 과제 중 하나는 Android 생태계의 파편화에 대한 잔소리입니다. 이러한 파편화에는 안드로이드 기기 제조사의 수, 제조사별로 제작하는 기기의 차이, 사용자 경험 문제로 이어질 수밖에 없는 운영체제 불일치 문제 등이 포함된다.
대부분의 UI/UX 디자이너와 개발자는 에뮬레이터를 실행하여 편차를 확인하고 단편화 문제를 해결할 수 있다고 주장하지만 진실은 모든 Android 기기에서 최종 애플리케이션 사용자 경험을 진정으로 에뮬레이트할 수 있는 시스템이 없다는 것입니다. 시장에.
이것이 의미하는 바는 응용 프로그램이 특정 장치 또는 전체 사용자에게 궁극적으로 영향을 미치는 Android OS의 오래된 버전에서 실행되도록 최적화되어 있지 않기 때문에 디자이너와 개발자가 Google Play 스토어에서 응용 프로그램에 대한 몇 가지 나쁜 평가 또는 리뷰를 불가피하게 받게 된다는 것입니다. 경험."
소비자 심리학으로 모바일 UI 디자인 과제에 적응하기
BPM Technologies의 UX 디자이너인 Sloane Berry(@SloaneBerry)에 따르면 가장 비타협적인 모바일 UI 문제를 해결하는 한 가지 방법은 단순히 사용자의 머리 속으로 들어가는 것입니다. 특정 문제가 무엇이든 그녀는 사용자를 알면 문제를 해결하는 데 도움이 된다고 씁니다.
“좋은 모바일 앱은 태극권과 같아서 모든 동작이 자연스럽고 직관적인 방식으로 다음 동작으로 이어집니다. 대부분의 UX 문제는 정보가 너무 많거나 단순히 물리적인 제한에서 발생합니다. 이러한 경우에는 더 적은 것이 더 많습니다. 모든 것을 보여줄 필요는 없고, 충분히 보여주는 데 집중하세요.
사용자가 목록을 스크롤하다가 잘린 텍스트를 발견하면 목록을 아래로 스크롤하는 동안 텍스트를 확장할 수 있어야 합니다. 새 페이지를 클릭하여 사용자가 앞뒤로 이동하도록 하여 앱을 부풀리지 마십시오. 마찬가지로, 클릭을 통해 눈을 움직이거나 엄지손가락을 많이 움직이지 않고도 클릭하여 확장할 수 있어야 합니다. 그냥 사물의 흐름에 따라 가십시오.
매우 실용적인 수준에서, 무엇을 디자인하든 고객이 기분이 좋기를 원합니다. Tinder는 환상적인 사용자 경험입니다. 원하지 않는 사람들을 밀어내고 일치하는 좋은 소식만 받는 것이 카타르시스적이기 때문입니다. UX 디자이너가 직면하는 가장 어려운 문제는 사용자가 대기 시간이 길거나 결제를 해야 하는 등의 부정적인 문제입니다. 하지만 이러한 문제에 대한 실용적인 솔루션이 존재합니다.
롤링 위드펀치: 일반적인 모바일 UI 디자인의 문제점
응답 시간은 실망스러운 사용자 경험의 주요 원인이지만 기대를 구축하는 방식으로 회전할 수 있습니다. 음식 배달 앱의 카운트다운 시계든 택시 운전사의 추적 점이든 사용자는 자신이 일이 이루어졌다는 시각적 확인을 좋아합니다. 택시나 음식이 어쨌든 도착하기 때문에 대부분 미학적 선택이지만 사용자에게 다시 돌아올 수 있는 기회를 제공합니다. 앱을 "고정"하게 만드는 데 도움이 될 수도 있습니다.
결제는 매우 까다로운 고객 경험이 될 수 있습니다. 고객은 둘 다 투명성을 원하지만 지불 방식에 대해 귀찮게 하거나 부담을 느끼고 싶지 않습니다. 첫 번째 결제 후 백엔드에서 해결하기는 쉽지만 사용자에게 언제, 어떻게 결제할지 묻는 것은 어려운 일입니다. 고객에게 서비스에 정액 요금이 부과된다고 말하면 그다지 흥미롭거나 만족스러운 경험이 아닙니다. 고객은 그 요금에 대해 생각하고 있습니다.
그러나 구매 시점에서 무엇을 얻는지 보여주면 사람들은 지갑을 여는 것에 대해 기분이 좋아질 것입니다. Uber/Lyft와 같은 차량 공유 앱은 단순히 좋은 요금을 미리 보장함으로써 '택시 미터기' 효과를 완화하는 데 큰 역할을 합니다. 그들은 서비스가 끝날 때까지 가격의 세부 사항으로 당신에게 부담을주지 않습니다. 그 시점에서 서비스로 인해 'B 지점'에 도달했기 때문에 기꺼이 지불합니다. 항상 고객은 앱 사용 경험에 만족감을 느낄 필요가 있습니다.”
안전한 곳에서 모바일 UI 디자인 문제 극복: 프로토타입
2007년 세상이 처음으로 iPhone에 눈을 뜬 그 운명적인 날 이후로 모바일 UI 디자인의 세계는 먼 길을 걸어왔지만 모바일 앱을 만들거나 데스크톱 사용자 경험을 스마트폰이나 태블릿 - 여전히 많은 도전 과제가 남아 있습니다. 디자이너는 무엇을 할 것인가?
개발에 너무 많은 시간을 투자하지 않고 이러한 문제를 해결하는 한 가지 방법은 모바일 UI 디자인의 실물과 같은 디지털 프로토타입에 대해 광범위한 UI/UX 테스트를 수행하는 것입니다. Proto.io와 같은 디지털 프로토타이핑 도구를 사용하면 드래그 앤 드롭 편집기를 사용하여 몇 분 만에 최종 디자인의 사실적인 대화형 목업을 만들 수 있으므로 디자인 프로세스에서 많은 시간을 절약할 수 있습니다. 또한 Proto.io를 사용하면 무제한의 사용자로부터 피드백을 수집할 수 있으므로 앱 내에서 메모를 정리한 상태로 유지하면서 광범위하게 반복할 수 있습니다.
[Proto.io는 기업가와 스타트업이 실제 앱처럼 보이고 느껴지는 완전 대화형 사실적인 프로토타입을 만들기 위해 사용하는 모바일 앱 프로토타이핑 도구입니다.]