디자인 원칙
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
사용자 제어 및 효율성을 우선시하는 핵심 원칙을 적용하여 Wear OS에서 미디어 환경을 설계합니다.
일관되고 예측 가능
사용자가 한 미디어 UI에서 다른 미디어 UI로 상호작용 기본사항을 다시 학습할 필요가 없는지 확인하여 사용자가 다양한 컨텍스트에서 미디어를 제어할 수 있도록 합니다.
UI 패턴을 정렬하고 일반적인 상호작용을 위한 새 UI를 만들지 마세요.
한눈에 보기 및 중요
중요한 컨트롤을 강조하고 올바른 상태를 표시하여 사용자가 작업을 빠르게 완료하도록 지원합니다.
사용자가 시계에서 미디어 탐색 및 재생을 제어할 수 있도록 중요한 컨트롤과 콘텐츠를 명확한 정보 계층 구조로 표시합니다.
현재 기기 볼륨 또는 연결된 출력 기기와 같은 동적 상태를 반영합니다.
빠르고 일관성 있음
사용자가 손목에서 미디어를 빠르게 제어할 수 있는지 확인합니다.
온보딩과 공간 기억 용량이 필요한 숨겨진 동작이나 상호작용 패턴은 피하세요. 사용자를 추가 기능으로 명확하게 안내하는 시각적 어포던스를 인라인으로 제공합니다.
시스템 및 앱 UI가 원활하게 통합되어 사용자가 컨텍스트 간에 표시된 화면을 탐색할 때 중복된 화면이 표시되지 않는지 확인합니다.
일반적인 디자인 패턴
다음 섹션에서는 Wear OS의 미디어 환경에 관한 일반적인 디자인 패턴을 설명합니다.
더보기 버튼을 사용하여 일관된 탐색과 더 많은 기능을 제공합니다.
금지사항
사용자가 탐색을 기억해야 하는 숨겨진 동작에 의존합니다.
권장사항
사용자가 추가 기능에 액세스할 수 있도록 눈에 띄는 더보기 버튼을 제공합니다.
미디어 옵션에 대한 일관된 액세스
미디어 표시 경로와 컨텍스트 전반에서 기능에 대한 일관된 액세스를 제공합니다.
금지사항
미디어 표시 경로와 컨텍스트 전반에서 미디어 컨트롤의 패턴이 일관되지 않으면 사용자가 혼란을 느끼고 인지 부하가 발생합니다.
권장사항
미디어 표시 경로와 컨텍스트 전반에 걸쳐 일관된 패턴을 제공합니다.
볼륨 제어
어포던스 탭, 볼륨 바, 하드웨어 컨트롤과 같은 키 볼륨 컨트롤 상호작용을 사용하여 중요한 볼륨 작업을 실행할 수 있는지 확인합니다.
금지사항
사용자가 하드웨어로 볼륨을 제어할 수 없으면 혼란스러워집니다.
권장사항
사용자가 하드웨어 크라운으로 볼륨을 제어하도록 허용
출력 기기
사용자가 미디어 재생을 듣는 데 사용하는 기기를 명확하게 보여주는 아이콘을 사용합니다.
금지사항
아이콘에 소리가 나오는 위치와 볼륨을 제어하는 위치가 반영되지 않음
권장사항
볼륨 컨트롤 표시로 출력 기기 상태 반영
여러 기기에서 확장
기기 간 일관성을 고려하고 기존 패턴을 사용하여 더 예측 가능하고 일관된 사용자 환경을 만드세요.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-07-27(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-07-27(UTC)"],[],[],null,["# Design principles\n\nDesign media experiences on Wear OS by applying core principles that prioritize\nuser control and efficiency.\n\nConsistent and predictable\n--------------------------\n\nVerify that users don't need to relearn interaction basics from one media UI to another so that users can control media across different contexts.\n\n\u003cbr /\u003e\n\nAlign UI patterns and avoid creating new UIs for common interactions.\n\n\u003cbr /\u003e\n\nGlanceable and critical\n-----------------------\n\nHelp users complete tasks quickly by elevating critical controls and showing correct status.\n\n\u003cbr /\u003e\n\nDisplay critical controls and content in a clear information hierarchy so that\nusers can control media browsing and playback on their watch.\n\nReflect the dynamic status, such as the current device volume or the connected\noutput device.\n\n\u003cbr /\u003e\n\n### Quick and consistent\n\nVerify that users can quickly control media on the wrist.\n\n\u003cbr /\u003e\n\nAvoid hidden gestures or interaction patterns that require onboarding and\nspatial memory capacity. Provide visual affordances inline that clearly guide\nusers to additional functionality.\n\nVerify user journeys that involve system and app UI integrate seamlessly to\navoid duplicative screens for users to navigate between surfaces across\ncontexts.\n\n\u003cbr /\u003e\n\nCommon design patterns\n----------------------\n\nThe following sections describe common design patterns for media experiences on\nWear OS.\n\n### Overflow button\n\nUse the overflow button to provide consistent navigation and more\nfunctionalities. \n\n\u003cbr /\u003e\n\n**Don't**\n\nRely on hidden gestures that require users to memorize the navigation.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide visible overflow button to guide users to access additional\nfunctionality.\n\n\u003cbr /\u003e\n\n### Consistent access to media options\n\nProvide consistent access to functionality across media surfaces and contexts. \n\n\u003cbr /\u003e\n\n**Don't**\n\nInconsistent patterns for media controls across media surfaces and contexts\ncause user confusion and cognitive load.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide consistent patterns across media surfaces and contexts.\n\n\u003cbr /\u003e\n\n### Volume control\n\nUse the key volume control interaction such as tap affordance, volume bar, and\nhardware controls to make sure critical volume tasks can be done. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIt's confusing when users can't control volume with the hardware.\n\n\u003cbr /\u003e\n\n**Do**\n\nLet users control the volume with the hardware crown.\n\n\u003cbr /\u003e\n\n### Output device\n\nUse an icon that clearly shows users which device they're using to listen to\nmedia playback. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIcon doesn't reflect where will the sound come from and where to control volume\n\n\u003cbr /\u003e\n\n**Do**\n\nReflect the output device status with the indication of volume controls\n\n\u003cbr /\u003e\n\nExtend across devices\n---------------------\n\nConsider cross-device consistency and use existing patterns for more predictable\nand consistent user experience."]]
