모바일 앱을 파괴할 수 있는 13가지 디자인 오류
게시 됨: 2020-04-21고객 참여를 보장하고 필요한 마케팅 조치를 제공할 수 있는 고유한 모바일 앱 디자인을 구축하려는 디자이너 지망생입니까? 그렇다면 과거는 항상 당신을 괴롭히고 당신을 가장자리로 데려 갈 것입니다.
당신이 과거에 만든 디자인 실수는 현재 당신을 완벽하게 만들 것입니다. 몇 가지 간단한 설계 오류로 인해 한 발짝 뒤로 물러날 수 있으며 결국에는 가상 먼지가 쌓이게 될 것입니다.
동료들은 일반적으로 UX를 인터페이스 및 시각적 디자인으로 간주하지만 UX가 연구 및 테스트에 깊이 뿌리를 두고 있다는 사실을 모릅니다. 또한 UX에 대한 오해와 모바일 애플리케이션의 개발 프로세스에 대한 오해가 있습니다. 많은 사람들이 더 많은 비즈니스를 가져오기 위해 모바일 응용 프로그램을 개발하지만 많은 투자가 적절한 ROI를 제공하지 못한다면 어떻게 될까요? 이를 위해 모바일 앱을 개발하기 전에 피해야 할 몇 가지 일반적인 디자인 실수를 알고 있어야 합니다.
모바일 애플리케이션을 파괴할 수 있는 설계 오류를 분석해 보겠습니다.
1. 요구사항 조사를 하지 않음
종이에 펜을 넣기 전에 최상의 디자인을 추가하여 제품을 개선하기 위해 할 수 있는 몇 가지 기본적인 수준의 조사가 있습니다. UI 디자인 작업을 시작하기 전에 다음 요구 사항을 알고 있어야 합니다.
- 이 모바일 앱을 만드는 이유는 무엇입니까?
- 사용자가 기대치를 충족하는 데 도움이 될까요?
- 앱 디자인이 많은 청중을 끌어들일 것입니까?
- 사용자가 잘 이해할 수 있도록 각 제품을 구체적으로 설계했습니까?
2. 나쁜 온보딩 인상
사용자에게 첫인상이 좋지 않은 것처럼 보이면 사용자는 더 멀리 보는 데 빠르게 관심을 잃습니다. 이 경우 모든 모바일 디자인 모범 사례에 대한 우산 지점으로 표시될 적절한 기능을 추가해야 합니다.
사용자를 지루하게 만들 긴 온보딩 프로세스를 추가하지 마십시오. 그러나 적절한 온보딩 포인트가 없으면 앱은 직관적인 단계에서 사용자를 혼란스럽게 합니다. 사용자가 모바일 앱에 로그인할 때 '앱 작동 방식', '제공하는 항목'과 같은 웨이포인트를 찾지 못하면 짜증이 날 수 있습니다. 또한 디자이너가 앱을 처음부터 인식하는 방법을 배울 수 있는 베타 테스트 프로세스에 참여할 수 있습니다. 아래 예를 살펴보십시오.
여기서 분명한 것은 사용자를 가장 잘 참여시키고 섬세한 균형을 제공하는 최고의 온보딩 프로세스를 제공하는 것입니다.
3. 정보 아키텍처를 완료하지 않음
디자이너가 건너뛰거나 조심해서는 안 되는 단계입니다. 디자인 작업에 뛰어들기 전에 수행해야 하는 앱의 UX 아키텍처에 대한 사려 깊은 계획입니다. 디자이너는 와이어프레임 단계에 들어가기 전에 앱의 사용자 흐름과 구조를 매핑해야 합니다. 이것은 디자이너가 앱의 세부 사항에 들어가 디자인 부분에서 작업하는 데 매우 흥분할 때 여러 번 발생합니다.
디자이너가 사용자 흐름을 최적화하는 데 실패하고 있으므로 속도를 늦춰야 합니다. 첫째, 세부 사항에 대해 걱정하지 마십시오. 간단하게, 기본적인 흐름과 거기에서 프로세스가 어떻게 시작되는지를 스케치하십시오. 그림을 염두에 두고 디자인의 내부 디테일을 계속 진행하고 최고의 디자인 개념을 얼마나 잘 불러일으키고 강화할 수 있는지 생각하십시오.
4. 경쟁사 검토를 하지 않음
경쟁이 치열한 모바일 앱 시장을 인식하는 것은 시장에 있는 모든 디자인 팀을 위한 것입니다. 우주 공간에서 사용할 수 있는 다른 수천 개의 앱과 제품을 차별화하기 위해 가능한 모든 것을 수행하는 데 도움이 됩니다. 모바일 앱이 달성하고자 하는 바, 따르고 있는 디자인 프로세스 및 관행이 사용자 피드백을 통합하는 방법에 대해 검토하십시오. 이를 위한 가장 좋은 방법은 규칙을 이해하고 UX 경쟁자 분석을 통해 비교 마인드를 유지하는 것입니다.
- 필요성 식별
- 진정한 경쟁자를 식별하라
- 선호도가 아닌 기준으로 비교
- 분석 및 요약
- UX 경쟁자 분석 발표
- 일반적인 UX 연구 함정 연구
다양한 방식으로 귀중한 통찰력과 도움을 받는 데 도움이 되는 집중적인 UX 경쟁자 분석을 수행하기만 하면 됩니다. 직간접적인 경쟁자를 주시하는 것 외에도 디자인에서 우위를 점해야 합니다.
5. 와이어프레임과 반복이 아님
이것은 대부분의 디자이너가 모바일 앱을 구축할 때 저지르는 일반적인 실수입니다. 와이어프레이밍 없이 애플리케이션을 빌드하면 처음부터 수행해야 하는 중요한 작업이므로 모바일 앱이 파괴됩니다. 작동 방식을 살펴보겠습니다.
디자인 프로세스는 모든 디자이너에게 필수적인 구성 요소입니다. 와이어프레이밍을 통해 디자이너는 사용자가 따라갈 경로에 대해 생각할 수 있습니다. 사용자가 쉽게 모바일 앱에 접속하여 원하는 정보를 얻을 수 있습니다. 간단히 말해서 Wireframe은 일반적으로 사용자 인터페이스, 콘텐츠 및 기능을 디자인하는 데 사용되는 앱의 골격 모형입니다.
와이어프레이밍을 통해 디자이너는 사용자가 시각적 디자인을 원하기 전에 기능이 없는 상태에서 시작할 수 있습니다. UX는 물론 정보와 데이터의 분산을 점진적으로 개선할 것입니다. 전용 와이어프레임 도구를 사용하면 설계자가 미리 만들어진 와이어프레임 구성요소를 활용하는 데 도움이 됩니다. UI 구성 요소를 처음부터 디자인하는 노력을 줄이고 최적의 사용자 경험에 대해 생각할 수 있습니다.
설계자에게 구조 탐색의 복잡성을 계획하기 위해 개념에 대한 명확한 시각화를 제공하는 것은 초기 스케치 또는 스토리보드입니다. 사용자 흐름에서 각 화면의 구조, 레이아웃 및 기능 요구 사항에 대한 계획입니다. 디자인의 보다 세부적인 측면을 다루기 위한 명확한 방향을 제시함으로써 청사진 역할을 할 수 있다고 말할 수 있습니다. 시장에서 사용할 수 있는 다양한 와이어프레임 도구가 있으며 세 가지 주요 범주로 나뉩니다.
- 저충실도: 빠른 시각화에 유용하며 아이디어가 끝이 없고 일회용이라는 사고방식을 확립합니다. 예: UI 스텐실, InVision
- High-Fidelity: 저렴한 비용으로 화면 디자인을 흉내내는 디자인의 최종 버전에 사용됩니다. 예: InVision Studio, 스케치
- 전용: 이 전용 도구는 저충실도 와이어프레임과 고충실도 와이어프레임의 조합이므로 더 빠른 와이어프레임을 구축합니다.
6. 프로토타이핑하지 않음
Not Prototyping은 눈에 띄지 않는 오류를 게시하는 동안 복잡성을 발견하므로 잘못된 경로로 안내합니다. 프로토타이핑이 왜 중요한지 알아보세요.
프로토타이핑은 사용자 인터페이스(UI) 디자인에서 사용자 경험(UX)으로 전환하는 것과 같습니다. 사용자가 응용 프로그램을 작동하고 작업을 수행하기 위해 생성합니다. 또한 사용자가 응용 프로그램의 기능이 어떻게 작동하는지 이해하는 데 도움이 됩니다. 설계의 이 단계에서 사용자는 시스템이 어떻게 수행되고 사용자가 버튼을 클릭하고 데이터를 입력하고 작동 흐름을 확인하는 방법을 경험하게 됩니다.
이를 통해 사용자는 설계 흐름의 허점을 파악하여 애플리케이션을 테스트할 수 있습니다. Mockplus 및 FluidUI와 같은 도구는 UI/UX 디자이너, 소프트웨어 엔지니어, 개발자 등이 모바일 응용 프로그램 구축 이면의 아이디어를 시각화하는 데 유용합니다. 따라서 모든 디자이너는 모바일 앱의 프로토타입을 만들어야 합니다.
7. 기능 목록을 완료하지 않음
와이어프레임과 프로토타이핑을 확인했다면 이 단계는 필요한 기능과 과도한 기능을 구분하는 데 도움이 되므로 친숙해 보일 수 있습니다. 수행할 수 있는 가장 좋은 방법은 응용 프로그램에서 찾고 있는 정확한 기능과 이것이 시각적 개체에 어떻게 도움이 될 것인지 디자이너에게 설명하는 것입니다.
너무 많은 기능을 추가하면 디자인 및 개발에 더 많은 비용과 시간이 추가될 수 있으므로 기억하십시오. 여러 기능을 사용하면 단순한 앱보다 비용이 더 많이 들기 때문에 예산을 관리하세요. 또한 앱의 전반적인 성능에 영향을 주어 앱이 느려지고 혼잡해집니다. 사용자가 복잡성 및 느린 로딩 UI와 같은 문제에 직면할 가능성이 있습니다. 따라서 더 적은 수의 기능을 사용하면 추가 비용을 절약할 수 있습니다. 기본 모토가 사용자의 신뢰를 얻는 것임을 확인하고 나중에 향후 업데이트와 함께 새로운 기능을 포함할 수 있습니다.
8. 개발 기술을 결정하지 않음
그러나 이것은 일부 사람들이 모바일 앱을 개발할 때 건너뛰는 가장 큰 모바일 앱 디자인 실수 중 하나입니다. 이 디자이너와 개발자는 사용자가 고려하려는 플랫폼을 식별해야 합니다. iOS, Android 또는 Windows 여부에 관계없이 응용 프로그램에 가장 적합한 요소를 알고 장단점을 살펴봐야 합니다.
데이터를 오버로딩하는 것은 비용이 더 많이 들기 때문에 기능에 대해 메모해 두십시오. 앱을 대폭 업그레이드하여 불필요한 작업과 기능을 줄입니다. 대신 사용자에게 매우 유용한 최고 수준의 기능을 추가하십시오.
Android 또는 iOS를 선택하는 경우 어떤 플랫폼에서 동기화할 디자인을 기억해야 합니다. 전체 인터페이스를 고려하고 디자인 요구 사항에 쉽게 맞는 최고의 아이콘과 디자인을 생각하십시오.
9. 원래 UI 및 탐색 옵션을 시도하지 않음
사용자에게 애플리케이션을 계속 사용하기 위한 적절하고 명확한 목적을 제공합니다. 수익을 창출할 수 있도록 사용자에게 비즈니스 모델 계획을 제공하세요. 이 모든 것 외에도 디자이너는 적절한 UI 탐색을 제공해야 합니다. 이러한 잘못된 탐색 디자인으로 인해 사용자는 전환 유입경로를 통해 이탈하게 됩니다.
UI 및 UX 친화적 탐색을 시작하려면 A 지점에서 B 지점으로 매핑합니다. 디자인 탐색 메뉴는 처음부터 실시간으로 디자인과 적절한 시각화 및 상호 작용을 제공하여 사용자에게 방법을 제공합니다.
10. Android 및 iOS용 강제 맞춤 설계 지침
Android와 iOS는 모두 다른 플랫폼이며 다른 디자인이 필요합니다. 플랫폼과 앱 인터페이스 모두에 동일한 디자인을 적용하기 때문에 디자이너가 흔히 저지르는 실수입니다. 오늘날에는 개발자가 단일 코드베이스를 사용하여 애플리케이션을 개발해야 하는 고급 모바일 앱 개발 도구를 사용하여 플랫폼 간 전략을 사용할 수 있습니다.
예산이 제한되어 있다면 이러한 유형의 실수를 피하십시오. 시장을 테스트하고 하이브리드 앱을 유지할지 아니면 기본 앱으로 이동할지 결정할 수 있습니다.
11. 마이크로 인터랙션 제외
마이크로 인터랙션은 시스템 상태를 전달하고 오류 방지를 지원하며 브랜드를 전달합니다. 마이크로 인터랙션은 디자인에 적절한 모양을 주는 데 더 많은 참여를 유지하는 데 도움이 되기 때문에 훌륭한 디자인의 비결이라고 말할 수 있습니다.
요소를 시각적으로 디자인하는 동안 몇 가지 사항을 처리해야 합니다.
- 언어를 단순하게 유지
- 각각의 마이크로 인터랙션에 대한 인간의 목소리 제공
- 다른 요소와 시각적 조화 만들기
- 간단한 문자 메시지 알림에 대해 너무 생각하지 마십시오
- 각 상호 작용 및 세부 사항에주의를 기울이십시오.
- 적응 및 후속 마이크로 상호 작용이 어떻게 작동하는지에 대해 메모하십시오.
마이크로 인터랙션이 어떻게 작동하는지 예를 들어 보겠습니다.
Apple smartwatch는 이 장치가 많은 알림을 위해 설계되었기 때문에 꽤 많은 상호 작용을 제공하는 장치입니다. 이 외에도 각 앱에는 화면에 정보를 제공하도록 설계된 기능이 있습니다.
12. QA 및 사용성 분석을 하지 않음
디자이너는 앱에서 작동하지 않는 것과 작동하지 않는 것을 알기 위해 일종의 피드백을 받아 작업하고 앱 사용을 분석해야 합니다. 인상적이고 신선한 눈과 베타 테스트를 통해 응용 프로그램의 초안을 더 자세히 살펴보십시오. 공개되기 전에 베타 테스터에게 광고를 보내고 청중 내에서 작업하십시오. 의심의 여지 없이 베타 테스트는 모든 편집 기능에 적용되고 애플리케이션에서 누락된 사항을 찾기 때문에 시간이 많이 걸릴 수 있습니다.
13. 기본값을 설정하지 않음
대화형 요소의 경우 사용자에게 큰 도움이 될 수 있는 기본값을 고려할 수 있습니다. 사용자가 작업을 더 쉽게 수행할 수 있도록 소규모 시각적 연습을 고려해야 합니다. 사용자에게 앱 사용 방법을 보여주고, 사용자와 불확실한 사용자를 위한 다양한 옵션을 제공하여 온전한 상호 작용을 가속화합니다. 기본값은 오류 수를 줄이는 데 도움이 되는 피드백과 사용자가 결정을 내렸는지 여부를 즉시 알 수 있는 null 옵션에 좋습니다.
일부 전문가의 조언
사용자 요구 사항에 따라 모바일 앱 UI를 계속 학습하고 개선하십시오. Behance, Dribble, Awwwards, UI Movement, Flickr, Site Inspire 및 pinterest와 같은 최고의 UI 디자인 영감 사이트를 소개하여 이 기사를 마무리하며 디자인이 얼마나 만족스러워야 하는지를 보여주었습니다.
전문가들은 다음과 같이 제안합니다.
- 사용자가 상호 작용할 수 있는 적절한 디자인, 버튼 및 영역을 추가하여 콘텐츠에 숨을 쉴 수 있는 공간을 제공하십시오.
- 여백, 패턴 및 적절한 글꼴을 추가하여 모든 단일 화면에서 보다 일관성을 유지하십시오.
- 적절한 치수와 배율로 필요한 경우 UI 요소를 사용합니다.
테이크 아웃 생각
이제 멋진 아이디어를 실행에 옮길 때입니다. 위의 사항을 체크리스트로 삼아 앱이 시각적으로나 사용성 면에서 좋은지 확인함으로써 모든 품질 프로세스를 통과하고 모든 모바일 앱 디자인 실수를 극복하는 데 도움이 될 수 있습니다. 우리나 사용자가 알아차릴 수 없는 훨씬 더 미친 디자인 실수가 있을 수 있습니다. 전반적으로 이러한 오류를 식별하고 칭찬할 수 있는 가장 스마트한 솔루션을 제공하여 흔히 볼 수 없는 실수를 방지해야 합니다.