2022년 모바일 앱 디자인의 10계명

오늘날 Google Play 스토어에는 340만 개 이상의 모바일 앱이 있습니다. App Store에는 그 수가 더 적습니다(약 200만 개). 이러한 플랫폼에는 매일 새로운 앱이 등장하고 있으며 점점 더 많아지고 있습니다. 모바일 앱 개발자는 이 거대한 미디어 스트림에서 자신의 작업을 돋보이게 하고 아름답고 사용하기 즐거운 제품을 만들기 위해 최선을 다합니다. 음성 판독기 앱과 같은 유용한 애플리케이션에서 디자인에 특별한 주의를 기울여야 합니다. 이러한 응용 프로그램에 대해 자세히 알아보려면 이 문서를 확인하십시오.

오늘날 인기 있는 앱을 만들려면 몇 가지 모바일 디자인 규칙을 준수해야 합니다. 모바일 앱 디자인의 10계명을 살펴보겠습니다.

더 읽어보기: 주의해야 할 10가지 모바일 앱 개발 동향

#1. 간단하게 유지

모바일 앱 디자이너는 너무 자주 정신이 팔려 제품을 지나치게 복잡하게 만듭니다. 앱을 순위의 최상위에 올려야 하는 임무가 있기 때문에 개발자는 모든 종류의 기능을 추가하려고 하며 그렇게 하면 더 좋을 것이라고 믿습니다. 이 접근 방식은 특히 팀워크에서 일반적입니다. 누구도 중재자 역할을 하고 경쟁에서 앞서게 할 성공적인 아이디어를 실행하는 사람으로 비춰지기를 원하지 않습니다.

따라서 팀은 제품을 복잡하게 만들기 시작하여 지속적으로 새로운 기능을 추가합니다. 그 결과, 모바일 애플리케이션은 사용자에게 지나치게 복잡하고 이해할 수 없는 것으로 판명되었습니다. 이러한 제품의 인터페이스는 주요 사항에 중점을 두지 않지만 오늘날 사람들은 단순하고 논리적인 탐색 요소와 상호 작용하기를 원합니다.

목표를 달성하기 위한 추가 단계라도 모든 복잡성은 잘못된 설계 접근 방식입니다. 사용자는 미니멀리즘을 선호합니다. 따라서 디자이너는 열정을 가라앉히고 불필요한 것 없이 잘 설계된 인터페이스를 만들어야 합니다. 앱은 사용자에게 필요한 작업만 수행해야 하며 그 이상은 수행하지 않아야 합니다.

#2. 접근 가능한 디자인 만들기

접근 가능한 디자인은 앱과 상호 작용할 때 부정적인 감정이 없다는 것을 의미합니다. 이것은 1분도 잊어서는 안되는 매우 중요한 포인트입니다. 일부 범주의 사용자가 제품에 액세스할 수 없는 경우 처음부터 시작하는 것이 좋습니다. 예를 들어 청각 및 시각 장애가 있는 사용자뿐 아니라 장애가 있는 사용자도 앱에 액세스할 수 있는지 확인해야 합니다. 오늘날 수천만 명의 청각 장애가 있는 사용자가 있습니다. 그들의 요구를 돌보지 않는 것은 치명적인 실수가 될 것입니다. 시각 장애가 있는 사람들도 마찬가지입니다.

접근 가능한 디자인은 항상 좋은 디자인입니다. Apple과 Google이 제공하는 고급 디자인 기술은 간단하고 간단하며 디자이너가 완벽하게 작동하는 사용자 인터페이스 컨트롤을 만들 수 있도록 합니다. 포커스 기반 탐색은 오디오 기반 피드백 설계를 방지합니다. 오늘날에는 대상 고객에게만 앱을 테스트하는 것만으로는 충분하지 않습니다. 모든 범주의 사용자가 앱에 액세스할 수 있는지 확인해야 합니다.

#삼. 바퀴를 재발명하지 마십시오

모바일 앱의 디자인에는 일반 사용자가 이해할 수 있는 논리가 있어야 합니다. 스마트폰에서 애플리케이션을 실행하는 사람들은 일이 이미 익숙한 방식으로 작동하기를 기대합니다. 메뉴와 같은 특정 요소가 나타나는 방식은 예측 가능해야 합니다. 사용자가 단순히 디스플레이의 다른 부분으로 개체를 드래그하여 개체를 이동할 수 있을 것으로 예상하는 경우 지나치게 복잡하게 만들지 마십시오. 사용자가 수행해야 하는 방식으로 수행하는 것이 좋습니다.

오래된 것이 잘 작동한다면 새로운 것을 소개할 필요가 없습니다. 많은 개발자가 이를 잊고 제품을 구별하기 위해 지나치게 복잡하게 만듭니다. 디자이너는 인터페이스와 상호 작용하기 위해 사용자가 이해할 수 있는 언어로 말하고 혁신적인 아이디어에 극도로 주의해야 합니다.

#4. 누구를 위해 디자인하는지 기억하십시오

디자이너가 사진 편집 앱을 만드는 경우 사진 작가가 이해할 수 있는 기술을 사용해야 합니다. 새로운 단어를 암기하는 것과 같은 어린이용 앱이라면 다른 상호 작용 패턴이 우선되어야 합니다. 타겟 고객을 항상 염두에 두어야 합니다. 다른 그룹의 사람들은 다른 유형의 인터페이스에 다르게 반응합니다. 따라서 그들의 기대에 부응하기 위해 최선을 다해야 합니다.

이상적인 사용자의 초상화를 항상 염두에 두어야 합니다. 누구야? 학생? 의사? 중소기업? 아니면 운동선수나 음악가? 인터페이스를 디자인할 때 애플리케이션의 전체 구조가 핵심 문구와 일치하는지 확인해야 합니다. 예: " 여행 매니아를 위한 앱 " 또는 " 사운드 믹싱용 앱 ". 이 접근 방식을 사용하면 핵심 기능에 더 집중할 수 있습니다.

#5. 올바른 글꼴 사용

모든 디자이너는 타이포그래피로 작업할 때 실수를 합니다. 잘못된 선택이 매우 눈에 띄기 때문에 올바른 글꼴을 선택하는 것이 매우 중요합니다. 물론 지금은 코믹산스나 파피루스를 쓰는 디자이너는 거의 찾아볼 수 없지만, 여전히 역겨운 타이포그래피를 가진 앱은 많다. 모바일 디자인에서는 글꼴에 최대한 주의를 기울여야 합니다. 그리고 가장 중요한 것은 글꼴이 아름다울 뿐만 아니라 읽을 수 있어야 한다는 것입니다. 모바일 앱의 경우 sans serif 글꼴이 더 좋습니다. 그러나 이것은 공리가 아닙니다. 앱의 아이디어와 디자인에 잘 맞도록 글꼴을 선택해야 합니다.

#6. 일관성 유지

앱을 디자인할 때 모든 화면에서 주요 아이디어를 고수해야 합니다. 다른 페이지의 맨 위에 메뉴가 있는 경우 풀아웃 탐색 모음을 사용하고 싶지 않습니다. 화면 보호기는 밝은 색상을 사용하고 다른 페이지의 팔레트는 톤을 낮추는 것이 좋습니다. 버튼이 특정 방식으로 작동하면 모든 화면에서 모든 곳에서 그런 방식으로 작동해야 합니다.

일관성은 단순한 미학과 스타일 일관성 이상입니다. 디자인 요소는 사용자의 행동을 안내해야 하며 오도하지 않아야 합니다. 상호 작용 규칙을 갑자기 변경할 수는 없습니다. 모바일 앱을 디자인할 때 경쟁자가 하는 일을 주시해야 합니다. 앱의 기능 집합이 표준이라면 사용자에게 친숙한 체계를 고수하는 것이 좋습니다. 앱은 사용할 환경과 완벽하게 일치해야 합니다.

#7. 이동성을 잊지 마세요

많은 개발자가 디자인에 너무 몰두하여 사용자의 요구 사항을 잊어버립니다. 예를 들어 사람들이 손가락으로 애플리케이션을 작동하고 대부분의 경우 엄지손가락으로만 작동한다는 사실입니다. 그리고 특히 실망스러운 것은 일부 디자이너가 사람들이 이동 중에 제품을 사용하는 방법에 대해 생각하지 않는다는 것입니다. 디자인에 버튼과 기타 컨트롤이 너무 많으면 특히 움직일 때 불편합니다.

사용자 인터페이스는 깨끗하고 간결해야 합니다. 이를 위해서는 빈 공간에서 제대로 작업해야 합니다. 이 접근 방식을 사용하면 디자인의 주요 요소를 강조 표시하고 모바일 사용자가 편리하게 사용할 수 있습니다.

#8. 논리적임을 기억하라

디자인이 아무리 아름다워도 앱이 자연스럽게 작동하지 않으면 사용자의 마음을 얻을 수 없습니다. 잠수하기 전에 몇 가지 질문에 답해야 합니다. 달성하려는 앱의 목표는 무엇입니까? 사용자는 원하는 기능을 어떻게 검색합니까? 앱에 몇 페이지가 있습니까? 목표에 도달하려면 몇 번의 클릭이 필요합니까?

사람들은 종종 예측 가능한 방식으로 행동하며 이를 사용해야 합니다.

#9. 사실적인 프로토타입 만들기

프로토타입을 디자인하는 것은 길고 힘든 과정일 수 있습니다. 거의 모든 디자이너는 클라이언트가 흥미로운 디자인을 거부하는 경우가 있습니다. 거절을 피하려면 고객에게 원시 스케치를 보여주지 않는 것이 가장 좋습니다. 스케치와 실제 프로토타입 사이에는 큰 차이가 있습니다. 고객은 전문가이며 실제로 작동하는 방식을 보지 않는 한 아이디어의 아름다움을 감상할 수 없습니다. 인터랙티브하고 사실적인 프로토타입은 클라이언트가 이의 없이 작업을 수락할 수 있도록 합니다.

#10. 테스트를 잊지 마세요

모든 디자이너나 개발자는 테스트만이 긍정적인 사용자 경험을 보장한다는 것을 알고 있습니다. 아무리 작은 실수라도 사용자는 스마트폰에 앱을 설치하자마자 앱을 제거하게 될 수 있습니다. 디자인이 불명확하거나 폰트가 가독성이 좋지 않으면 앱이 인기를 끌 가능성이 낮습니다. 디자이너는 항상 버그와 결함을 경계해야 합니다. 항상 수정하거나 개선할 수 있는 것이 있습니다. 그리고 완벽하게 작동하는 디자인을 달성하는 것은 끊임없는 테스트를 통해서만 가능합니다.

모바일 앱 디자인 단계

프로그램이 기대에 완전히 부응하려면 편리하고 시각적으로 즐겁고 사용하기 쉬워야 합니다. 모바일 앱 디자인은 여러 단계로 구성됩니다.

분석 및 UX 디자인

프로토타입으로 이동하기 전에 디자이너는 대상 고객, 경쟁자 및 프로그램이 해결해야 하는 작업에 대한 분석을 수행합니다. 예를 들어, 타겟 고객이 여성이라면 버튼을 더 작게 만들 수 있고 남성이라면 버튼을 더 크게 만들 수 있습니다. 사용자는 주로 엄지손가락으로 클릭하기 때문에 남성은 서비스를 편안하게 사용할 수 있어야 합니다.

개발 단계에서 UX 디자이너는 첫 화면에서 타겟 액션까지 사용자의 전체 경로를 생각합니다. 따라서 인터페이스를 디자인할 때 몇 가지 세부 사항을 고려하는 것이 중요합니다.

• 1. 하단에 컨트롤 배치. 이 경우 왼쪽 상단 모서리는 실제로 사용되지 않습니다.
• 2. 수직 및 수평 스크롤. 응용 프로그램은 아래에서 위로, 왼쪽에서 오른쪽으로 스크롤해야 합니다.
• 3. 모든 화면에 로고를 복제할 필요가 없습니다. 메인 아이콘과 로딩 화면에 있으면 충분합니다.
• 4. 큰 글꼴. 글꼴을 너무 작게 만드는 것은 바람직하지 않습니다. 따라서 제목의 대략적인 크기는 18-24픽셀, 힌트는 12-14픽셀, 본문은 14-16픽셀입니다.
• 5. 기본 색상. 클릭이 허용된 요소와 허용되지 않는 요소를 사용자에게 알려야 합니다. 색상은 또한 다른 의미를 가진 요소를 구별할 수 있습니다.
• 6. 힌트. 사용자가 클릭할 수 없는 요소를 클릭하려고 여러 번 시도하는 경우와 비표준 컨트롤이 계획된 경우 항상 좋은 생각입니다.

모바일 앱 및 적응형 버전의 UI 디자인

인터페이스를 디자인한 후 시각적 부분으로 진행할 수 있습니다. 이 단계에서 일종의 "정화"가 있으며 모든 요소를 ​​단일 스타일로 가져옵니다. 따라서 모바일 응용 프로그램 디자인을 만들 때 다음과 같은 간단한 규칙을 따르는 것이 좋습니다.

• 동일한 글꼴(색상, 크기, 굵기 다름)은 6종 이내, 색상은 5종 이내로 사용합니다. 악센트를 넣고 인터페이스를 망치지 않으려면 충분합니다.
• 변위, 소멸, 프리로더(로딩 표시기) 등 한 화면에서 다른 화면으로의 전환을 고려하십시오.
• 색 구성표를 고려하십시오. 예를 들어 iOS용 모바일 애플리케이션의 디자인 요소는 Android용보다 더 풍부한 팔레트를 가지고 있습니다. 따라서 두 번째 경우에는 "더러운"조합을 거부하는 것이 좋습니다.

마지막 단계는 적응형 버전의 개발입니다. 서비스가 iOS용으로만 생성된 경우 이 경우 몇 가지 버전(2-3)을 그려야 하기 때문에 운이 좋습니다. 프로그램이 Android용으로 개발 중인 경우 CA의 특정 부분에서 가장 인기 있는 해상도의 4-5개 버전을 선택해야 합니다.

테스트

또 다른 중요한 단계는 완성된 인터페이스의 사용성 테스트입니다. 모바일 응용 프로그램의 디자인에 특정 요구 사항을 부과합니다. 따라서 이 경우 프로토타입은 다음과 같이 평가됩니다.

• 1. 효과. 사용자가 목표를 달성했는지 여부.
• 2. 성능. 사용자가 목표를 달성하기 위해 소비하는 시간입니다.
• 3. 만족. 사용자가 서비스 품질에 만족하는지 여부.

테스트를 수행하는 가장 쉬운 방법은 Figma에서 클릭 가능한 프로토타입을 만드는 것입니다. 프로그램을 사용하는 과정과 피드백을 기록할 수도 있습니다. 또한 사용자와 응용 프로그램의 상호 작용을 실시간으로 방송하는 고급 서비스가 있습니다.

모바일 앱 디자인에 대한 요구 사항은 웹 사이트의 시각적 부분의 기능과 상당히 다릅니다. 이 경우 작은 화면과 특정 행동을 수행하기 위해 프로그램에 진입하는 사용자의 보다 구체적인 목표를 고려할 필요가 있습니다. 앱 디자인에서 가장 중요한 것은 미니멀리즘, 편의성, 잘 짜여진 사용자 경로입니다.