WP8.1 설정 항목은 Android 4.4/iOS8에 비해 얼마나 길까요?

이 글은 Setentaydos에서 재현되었으며, 원문은 저자 타이랑 브라더가 번역 및 교정했으며, 재출판 시 약간의 변경이 있었습니다.

이 비교에 대하여

우리는 훌륭한 사용자 경험과 관련된 콘텐츠를 분석하고, 작성하며, 읽는 것을 좋아합니다. 일반적인 방법은 앱을 선택해 몇 가지 인터페이스를 제약 없이 재설계한 후 Dribbble에 공유하는 것입니다. 하지만 실제 프로젝트의 비즈니스 요구사항과 여러 플랫폼의 제약 등 복잡한 요소들로 인해 직관적이고 균형 잡힌 설계 솔루션을 찾기 위해 머리를 쥐어짜야 했습니다.

이것이 아마도 비즈니스 인텔리전스, 버튼 옵션이 가득한 시스템 플랫폼 설정 등과 같은 복잡한 프로젝트에 대해 다루는 글이 없는 직접적인 이유일 것입니다. 오늘은 애플, 구글, 마이크로소프트의 모바일 운영체제 설정을 비교 분석해보고자 합니다.

바로 본론으로 들어가세요, 논의할 질문이 많습니다. 어떤 운영체제가 더 사용자 친화적인 설정 인터페이스를 가지고 있나요? 어느 쪽이 사용자 사용을 촉진할 가능성이 더 높을까요? 현재 사용자가 아이템을 설정해서 오디오파일인지 어떻게 알 수 있나요? 초보자 사용자를 위해 애플리케이션 아키텍처를 합리적으로 설계하는 방법은 무엇인가요? 말할 필요도 없이, 이 인터페이스 좀비들을 계획하는 것은 엄청나고 흥미로운 도전입니다.

화면 공간의 활용

모든 네이티브 시스템 UI에는 항상 고정된 메뉴 컨트롤이 있고, 각 디자인 언어가 제공하는 여유 공간도 다릅니다. 이 섹션은 사용자가 자유롭게 조작할 수 있는 나머지 설정들을 비교합니다.

iOS의 고정 메뉴와 홈 버튼의 조합은 세 가지 OS 중 가장 현명한 해결책으로, 화면 공간의 거의 11%를 차지합니다. 애플이 디자인 사양을 정하고, 많은 서드파티 iOS 개발자들이 컨트롤 + 홈 버튼 조합만 올바르게 적용하면 됩니다.

iOS와 비교했을 때, 안드로이드 기기는 물리적 버튼이 없기 때문에 가상 버튼의 하위 7%에 의존해야 합니다. 전체적으로 스크린 대 몸체 비율은 18%에 달했다. 안드로이드 4.4(킷캣)에서는 앱을 위한 전체 화면 모드를 도입하여 상단과 하단 버튼을 숨길 수 있습니다. 화면을 탭(Lean Back 모드)하거나 화면 가장자리를 슬라이드(Immersive 모드)하면 시스템 제어를 호출할 수 있습니다. 안드로이드의 방대한 사용자 기반이 이러한 계획을 초래했습니다. 이것은 일시적인 문제이며, 시스템 수준 메뉴를 숨기는 것이 새로운 표준이 될 것입니다.

마이크로소프트의 모바일 운영체제는 현재 매우 문제가 많습니다. 이론적으로 윈도우 폰은 두 가지 주요 장점을 가지고 있습니다:

시스템 바에는 안드로이드와 유사한 세 가지 버튼 액션 항목이 있습니다; 시스템 바는 물리적 버튼입니다.아이폰홈 버튼; 왜 화면 공간이 여전히 좁은가요? 시스템의 고정 메뉴 영역으로 공간의 23%를 사용하는 것이 합리적인가요? 디자인 언어는 시급히 바뀌어야 하며, 다행히도 마이크로소프트는 이를 인지하고 있습니다.

콘텐츠 길이를 설정하세요

윈도우 폰 - 먼저 WP에 대해 이야기해 보겠습니다. 설정은 특정 순서를 따르지 않으며 매우 길습니다. 키보드 설정을 찾는 것은 복권 티켓을 사는 것과 같은 운이 필요하며, 저는 'about'과 'extras+info'의 차이를 한 번도 이해하지 못했습니다. 이렇게 순서가 정해져 있지 않은 목록과 그 뒤에 담긴 디자인 아이디어에 감탄했습니다. 이것은 사용자에게 너무 가혹한 조치입니다. 사용자를 강제로 배우게 하는 것은 매우 나쁜 일입니다. 이 목록은 iOS와 안드로이드를 합친 것보다 더 깁니다. 동시에, 시스템 메뉴 영역 상위 23%인 이 디자인 언어는 반드시 바뀌어야 합니다.

iOS - 약간의 UI 비교를 하면, iOS 설정 목록이 잘 통합되어 있습니다. 사용자는 뇌 내에서 작동 경로를 형성하면서 그룹 간 차이를 빠르게 이해할 수 있습니다. 또한 아이콘 덕분에 각 배경이 매우 인지성이 높아집니다.

안드로이드 - 안드로이드의 설정 그룹이 iOS와 다소 다릅니다. 톤 대비 대신, 안드로이드는 줄 높이와 라벨 이름(물론 각 항목마다 아이콘이 있음)으로 시각적 그룹화 효과를 제공합니다.

어떤 사람들은 iOS가 톤별로 그룹화하는 것만으로도 충분하다고 말할 수 있지만, 대다수 사용자는 기술에 익숙하지 않습니다. 라벨 이름은 현재 조합의 목적을 빠르고 정확하게 알려줍니다. 그래서 현재로서는 안드로이드 솔루션이 가장 좋다고 생각합니다. 그다음 안드로이드는 검은 배경의 몸체를 바꿔야 합니다안드로이드 5.0– Lollipop은 Material Design 디자인 언어를 통해 철저히 최적화되었으며, iOS용 톤 대비 디자인도 매우 인기가 많습니다.

정렬

애플, 구글, 마이크로소프트는 모바일 기기 설정을 정렬할 때 어떤 절차를 사용하나요? 만약 디자인을 맡는다면 어떻게 생각하시겠어요? 여기서는 최적의 설정 분류가 있는 안드로이드를 측정 수단으로 사용합니다. 저는 안드로이드의 5가지 범주(네트워크, 기기, 개인화, 계정, 시스템)를 선택하고, 카드식 분류 방식을 적용해 iOS와 윈도우 폰의 배열을 잘 정리했습니다. 아래 그림에서 볼 수 있듯이:

태그 이름이 없어도 iOS 정렬은 매우 통일되고 쉽게 익힐 수 있습니다. 위 그림에서 보듯이 설정은 적절하고 고르게 분산되어 있어 사용자의 탐색 경험이 매우 편안합니다.

윈도우 폰은 이해하기 어렵네요. 설정이 매우 혼란스럽고, 잘 분산되어 있지 않고 균형 잡혀 있어서 매우 혼란스럽습니다. 사용자는 각 설정 항목을 하나씩 이해하고 검토해야 합니다. 마이크로소프트 디자이너들, 그들이 쓸모 있었던 적이 있나요?

결론

이 분석은 시스템 설정에 대한 얕은 비교에 불과합니다. 화면 공간, 설정 항목의 길이, 설정 순위를 비교하여 각 OS 설정 항목의 주요 경험을 파악할 수 있습니다.

윈도우 폰의 장점 중 하나는 iOS나 안드로이드 내에 하위 계층이 많지 않다는 점이라고 주장할 수도 있습니다. 그리고 모바일 운영체제가 사용자가 처음부터 사용하고 몰입할 수 있도록 하여 원하는 것을 찾는 데 도움을 주는 것이 중요합니다. 현재 윈도우 폰은 크게 뒤처져 있어 사용자가 이처럼 복잡하고 무질서한 시스템에 적응하는 데 크게 의존하고 있습니다.

iOS와 안드로이드가 모바일 운영체제 시장을 지배하며 서로를 앞서고 있습니다. 현재 사용자 경험에 따르면 iOS가 가장 좋은 선택이고, Android가 가장 큰 사용자 기반을 보유하고 있습니다. 또한, 안드로이드 5.0이 주도하는 머티리얼 디자인 개념이 점차 안드로이드의 서드파티 애플리케이션 설계에 스며들고 있습니다.

사실, 모바일 경험은 애플, 구글, 마이크로소프트가 흔히 직면하는 문제이지만, 이들만의 이해 방식은 다릅니다.