생산성 앱

Applies to Windows and Windows Phone

Windows 8.1은 생산성 앱에 매우 적합한 플랫폼입니다. 기존 생산성 앱의 원활한 작동을 지원하는 기존의 데스크톱 환경 외에도, 새로운 Windows 스토어 앱용 환경에서는 새롭고 현대적인 유형의 생산성 앱을 빌드할 수 있습니다. 여기서는 Microsoft 디자인 스타일 및 Windows 8.1의 기능을 활용하여 더 나은 생산성 앱을 만드는 다양한 방법을 소개합니다.

개요

Windows 8.1은 터치 및 펜 중심의 태블릿에서 고해상도 랩톱 및 데스크톱 PC에 이르기까지 광범위한 장치에서 최고의 사용 범위를 제공합니다. 생산성 앱의 경우 이것은 다양한 시나리오와 사용 사례에서 서로 다른 입력 장치를 통해 사용자의 생산성을 유지할 수 있는 고유한 기회를 의미합니다.

Windows 스토어 또한 앱을 배포, 홍보 및 판매할 수 있는 기회를 제공합니다. 앱에서 바로 구매 및 평가판 등의 시나리오는 최소한의 코딩으로 지원되므로 수익 창출을 빠르게 시작할 수 있습니다.  

이 항목에서는 생산성 앱에 특히 중요한, 다음과 같은 Windows 8.1의 기능을 중점적으로 소개합니다.

  • Windows 스토어 앱: 전체 화면 콘텐츠 만들기 및 몰입형 생산성 시나리오를 강조하는 새로운 앱 디자인 언어입니다. 콘텐츠가 중심이 될 수 있도록 Windows가 길을 비켜줍니다.
  • 라이브 타일: 사용자가 작업해온 최신 콘텐츠를 보여주는 라이브 타일을 만들어서 참여를 최대화하고 사용자가 계속해서 앱으로 돌아오도록 하세요. 두 번째 타일 역시 손쉽게 콘텐츠에 깊이 연결하고 앱 내에서 자주 사용하는 콘텐츠를 고정하는 데 사용할 수 있습니다.
  • 공유 계약: Windows 8.1은 앱 간 공유 및 공동 작업을 지원하므로, 자신의 앱과 다른 앱이 함께 작동하여 사용자가 생산성 향상을 위해 필요한 모든 것을 하도록 도울 수 있습니다.
  • 검색 계약: 이 최고 수준의 새로운 OS 기능을 통해 사용자는 콘텐츠를 전보다 훨씬 쉽게 찾아서 구성할 수 있습니다. 콘텐츠를 검색할 때 사용자 인지도를 높일 수 있도록 앱이 검색 결과에 포함됩니다.
  • 검색 상자: 사용자가 앱 내에서 앱의 콘텐츠를 검색할 수 있게 하며 사용자 지정 결과 보기를 제공합니다.
  • 파일 선택기: 생산성 앱 사용자는 파일 선택기를 통해 파일 시스템은 물론 파일 선택기 계약에 참여한 다른 앱과 서비스에서도 파일, 문서 및 사진을 손쉽게 선택할 수 있습니다.
  • 시맨틱 줌: Windows 8.1의 기본 기능인 이 기능을 사용하면 사용자는 손가락을 모아 앱의 세부 정보를 축소하여 작업 중인 콘텐츠와 요소의 조감도를 볼 수 있습니다. 시작 화면에서 사용해보고 작동 방법을 확인하세요.
  • 크기 조정이 가능한 창: 여러 앱이 동시에 나란히 실행될 수 있도록 사용자가 앱의 크기를 조정할 수 있습니다. 진정한 사용자 멀티태스킹이 허용되며, 항상 앱의 생산성을 유지할 수 있습니다.

전체 화면

생산성을 위한 Windows 스토어 앱의 가장 분명한 이점 중 하나는 다른 응용 프로그램 또는 Windows UI와 공간을 다투지 않는다는 것입니다. 앱은 콘텐츠를 표시하기 위해 화면의 보이는 픽셀을 모두 사용합니다. 반드시 필요하지 않은 UI 또는 산만한 UI는 모두 간단한 제스처로 숨기거나 표시할 수 있으므로, 앱은 항상 주어진 작업에 가장 중요한 정보를 표시하기 위한 충분한 공간을 갖게 됩니다. 잡지 또는 동영상 앱에서 상쾌함과 즐거움을 주는 "방해 요소 앞에 콘텐츠 배치" 디자인 철학은 생산성 앱에도 적용됩니다. 산만한 요소가 제거되면 앱에서 제공하는 콘텐츠로 작업하는 데 쉽게 집중할 수 있습니다.

생산성 앱을 디자인할 때는 먼저 사용자의 주요 작업을 파악하세요. 그런 다음 앱에서 해당 작업을 정확하고 훌륭하게 해낼 수 있도록 화면의 모든 픽셀을 사용하세요. 공간이 더 넓어지면 어떻게 작업을 더 쉽고 빠르고 즐겁게 할 수 있을지 생각해보세요. 데이터의 정적 표현보다는 흥미롭고 동적인 정보의 풍부한 시각화에 대해 생각해보세요. 앱에서 의미를 전달하기 위해 공간과 위치를 사용하는 방법에 대해 생각해보세요. 오늘날 사용되는 많은 방법과 컨트롤은 데스크톱 컴퓨터 디스플레이가 현재의 스마트폰보다 해상도가 낮을 때 개발되었습니다. Windows 스토어 앱은 작업을 수행하기 위해 사용자가 정보를 조작하고 분석하는 방법을 다시 정의할 수 있는 기회를 제공합니다.

생산성 앱에서는 일반적으로 콘텐츠 만들기와 콘텐츠 사용 시나리오가 흥미롭게 결합됩니다. 예를 들어, 문서를 만들고 읽는 두 작업 또는 할 일 모음을 만들고 관리하는 두 작업에 모두 생산성 앱을 사용할 수 있습니다. 생산성 앱은 또한 단순하고 가벼운 할 일 앱에서 수많은 옵션이 포함된 계층형 메뉴가 있는 매우 복잡한 콘텐츠 만들기 앱에 이르기까지 명령과 환경의 탐색과 노출을 처리하는 방식에서 복잡성이 매우 다양합니다. 뛰어난 Windows 8.1 생산성 앱은 유연하고 빠르고 즐겁게 이러한 환경 간에 탐색할 수 있도록 지원합니다.

생산성 앱의 레이아웃 및 탐색

앱이 지원하는 시나리오 유형에 따라 탐색 패턴을 선택할 수 있습니다. 앱에 여러 가지 풍부한 환경(예: 여러 문서 표시)과 함께 그들 간의 조직과 구조가 있는 경우, 계층 패턴을 사용하면 모든 콘텐츠를 메뉴나 탭 뒤에 숨기는 것이 아니라 최상위에서 제공할 수 있습니다. 그러나 앱에 계층과 구조를 요구하는 정보 밀도 또는 시나리오가 많지 않은 경우, 사용자가 앱의 환경 간에 신속하게 이동할 수 있는 플랫 패턴을 고려해 보세요. "마스터/세부 정보" 보기가 있는 앱(예: 메일 및 메시징 앱)에서는 콘텐츠를 가장 잘 보여줄 수 있도록 목록 보기를 사용할 수 있습니다. 일부 생산성 앱의 특정 시나리오에서는 서로 다른 유형의 데이터 입력(예: 양식)이 필요할 수 있는데, 이 경우 이 문서의 뒷부분에서 제안하는 양식 레이아웃을 사용할 수 있습니다. 사용자가 원하는 콘텐츠를 빠르고 정확하게 찾도록 도울 수 있는 패턴을 선택하세요.

앱의 탐색 패턴에 대한 자세한 내용은 탐색 패턴을 참조하세요.

앱 기능 전체 프로세스 시리즈의 일부로 플랫 탐색 패턴의 작동 방법을 살펴보세요.

계층적 패턴

계층적 구조와 대규모 데이터 집합이 있는 생산성 앱(예: 다수의 필기장과 메모가 있는 메모 앱)에서는 사용자의 콘텐츠를 모두 최상위에 표시하는 계층적 패턴을 사용할 수 있습니다. 이 모델에서는 사용자가 만족할 수 있도록 모든 콘텐츠를 사용자 바로 앞에 차려놓습니다.

앱의 허브 페이지

허브 페이지는 여러 섹션으로 구성되며, 각 섹션은 앱의 다른 섹션으로 매핑됩니다. 각 섹션에서 콘텐츠 또는 기능을 제공할 수 있습니다. 허브는 풍부한 시각적 다양성을 제공하여 앱의 각 부분으로 사용자를 유도해야 합니다. 예를 들어 다음 메모 앱에서는 각 필기장의 최신 메모 몇 개를 최상위에 표시합니다. 다음 이미지는 허브 페이지의 예를 보여 줍니다.

허브 페이지의 예제

각 메모를 탭하면 해당 메모로 직접 이동합니다. 헤더를 탭하면(예: "Travel - NYC"), 홈페이지에 표시된 것보다 필기장과 관련된 콘텐츠가 더 많은 경우 해당 필기장의 섹션 페이지가 표시됩니다.

콘텐츠의 정렬 방법을 사용자가 선택하도록 해보세요. 예를 들면 사용자는 알파벳, 날짜, 콘텐츠 형식 또는 공유 여부를 기준으로 콘텐츠를 정렬할 수 있습니다. 올바른 정렬 방법은 앱에서 제공하는 콘텐츠 및 사용자의 일반적인 사용 패턴에 따라 다릅니다. 다음 이미지는 메모 정렬의 예를 보여 줍니다.

앱의 메모 정렬 예제

위쪽 앱 바

위쪽 앱 바를 사용하여 사용자가 앱의 섹션 간에 수평으로 빠르게 이동하도록 할 수 있습니다. 예를 들어 한 필기장에서 메모를 읽고 있는 사용자는 위쪽 앱 바를 사용하여 다른 필기장의 메모로 빠르고 쉽게 이동할 수 있습니다. 다음 그림은 사용자가 위쪽 또는 아래쪽 가장자리에서 살짝 밀 때 메모 앱에 표시되는 위쪽 앱 바를 보여 줍니다.

헤더 드롭다운이 있는 필기장 앱¾

시맨틱 줌

시맨틱 줌은 콘텐츠의 "확대" 또는 "축소" 보기를 시각적으로 표시하여 사용자가 단일 보기 내에서 빠르게 탐색할 수 있도록 합니다. 예를 들어 사용자는 메모 앱에서 빠르게 손가락을 모으고 이동하여 한 필기장에서 다른 필기장으로 이동할 수 있습니다. 또는, 사용자가 메모를 날짜별로 표시하기로 한 경우 가장 최근 메모에서 가장 오래된 메모로 빠르게 이동할 수 있습니다.

다음 이미지는 축소할 때 콘텐츠 그룹화를 보여 줍니다.

시맨틱 줌에서 제목별로 그룹화한 콘텐츠

특정 섹션 페이지에서 시맨틱 줌을 사용하여 해당 섹션 또는 범주의 콘텐츠를 탐색할 수도 있습니다. 예를 들어 메모 앱에서 사용자는 시맨틱 줌을 사용하여 동일한 필기장에서 서로 다른 메모 간에 빠르게 이동할 수 있습니다.

시맨틱 줌에 대한 자세한 내용은 시맨틱 줌에 대한 지침을 참조하세요.

플랫 레이아웃 패턴

앱의 콘텐츠가 대부분 같은 수준에 있으며 복잡한 계층 구조가 없는 경우 플랫 탐색을 사용하는 것이 좋습니다. 이 패턴을 사용하면 사용자는 동일한 계층 수준에 있는 문서, 페이지, 탭 또는 모드 간에 빠르고 유연하게 이동할 수 있습니다. 플랫 패턴에 대한 자세한 내용은 Windows 스토어 앱용 탐색 디자인을 참조하세요.

앱에 다중 문서 인터페이스에서 혜택을 얻는 시나리오가 있는 경우에도 플랫 패턴을 사용하는 것이 좋습니다. 위쪽 앱 바는 여러 컨텍스트를 전환하는 데 유용합니다. 예를 들어 스프레드시트 만들기 앱에서 플랫 패턴을 사용하면 사용자가 작업 중인 여러 스프레드시트 간에 빠르게 전환할 수 있습니다.

일부 앱에서는 위쪽 앱 바에 다른 기능을 포함할 수 있습니다. 예를 들어 새 스프레드시트를 만들 수 있도록 위쪽 앱 바의 오른쪽에 더하기("+") 단추를 추가합니다. 다음의 브라우저에서 이러한 예제(Windows 스토어 앱)를 보여 줍니다.

별도의 탐색 기능이 있는 브라우저

목록 레이아웃 패턴

선택 항목에 따라 세부 정보 창에 표시되는 내용이 결정되는 "마스터/세부 정보" 보기의 개념을 포함하는 시나리오가 있는 생산성 앱에서는 마스터 창에 목록 레이아웃을 사용하는 것이 좋습니다. 예를 들어, 프로젝트 관리 앱은 마스터 창에 중요 시점과 마감일을 표시하고, 여기서 항목이 선택되면 세부 정보 섹션에 관련 세부 정보를 표시할 수 있습니다. 메일 앱은 다음과 같이 왼쪽에 받은 편지함, 화면 오른쪽에 읽기 창을 배치할 수 있습니다.

목록 레이아웃이 있는 메일 앱

양식 레이아웃 패턴

생산성 앱의 시나리오에서는 사용자가 뭔가에 대해 정보를 입력해야 하는 양식 레이아웃이 필요한 경우가 많습니다. 예를 들어, 일정 앱에서 모임 초대를 만드는 경우 사용자는 장소, 시작 시간, 종료 시간, 날짜, 참석자 등의 정보를 입력해야 합니다. 이 유형의 레이아웃에서는 일반적으로 서로 다른 컨트롤 유형이 함께 사용되며 열 기반 디자인이 가장 효과적입니다.

어떤 양식 레이아웃을 사용할지 결정할 때는 사용자가 완료해야 할 작업의 흐름 및 이 흐름에서 스크롤이 필요할지를 고려하세요. 가로 방향에서는 키보드가 사용 가능한 화면 공간의 거의 50%를 차지하므로, 터치 키보드가 표시되면 스크롤이 크게 증가합니다. 그런 다음 인라인 오류 알림이 나타나면 역시 콘텐츠의 길이와 스크롤에 대한 필요성이 모두 증가합니다.

모든 컨트롤을 매우 긴 하나의 양식에 포함하는 것보다는 일련의 여러 양식으로 작업을 나누는 방법을 고려해 보세요.

단일 열 레이아웃은 길이와 상관없이 세로로 스크롤되는 양식에 적합할 수 있습니다. 다음의 단일 열 레이아웃 예제에서는 읽기와 탭 순서가 위에서 아래 및 왼쪽에서 오른쪽입니다.

양식 레이아웃의 예제

2개 열 양식 레이아웃은 가로 방향에서 보이는 수평 공간을 가장 잘 활용합니다. 사용자의 스크롤을 최소화하려면 읽기와 탭 순서를 왼쪽에서 오른쪽, 위에서 아래로 하세요.

다음 이미지는 2개 열 레이아웃을 보여 줍니다.

2개 열 레이아웃의 올바른 콘텐츠 레이아웃 방법

스크롤이 필요한 긴 2개 열 레이아웃에서는 위에서 아래, 왼쪽에서 오른쪽 읽기 및 탭 순서를 사용하지 마세요. 전체 양식을 작성하기 위해 사용자는 첫 번째 열의 아래에서 두 번째 열의 위로 다시 스크롤하고, 다시 아래로 스크롤해야 하기 때문에 매우 번거롭습니다. 2개 열 레이아웃은 세로 방향에도 어울리지 않습니다. 열의 폭이 너무 좁아지기 때문입니다.

다음은 스크롤이 필요한 긴 2개 열 레이아웃에서 피해야 할 사항을 보여 주는 예제입니다.

2개 열 레이아웃의 잘못된 콘텐츠 레이아웃 방법

생산성 앱 콘텐츠 탐색

생산성 앱은 사용자가 앱 내에서 서로 다른 콘텐츠 유형 간에 전환하는 멀티태스킹과 관련된 경우가 많습니다. 예를 들어, 사용자는 과제를 하는 동안 연구 논문 등의 여러 문서와 이전 과제물 사이에서 전환해야 할 수 있습니다. 사용자가 빠르고 유연한 방식으로 이 모든 콘텐츠에 신속하게 액세스할 수 있으면 앱 내 생산성이 최대화됩니다. 가장 최근에 사용한 문서, 현재 열린 문서 및 사용자의 현재 작업 집합과 관련된 앱의 모든 콘텐츠 유형에 대해 Windows 스토어 앱용 탐색 디자인에서 설명한 위쪽 앱 바를 사용하는 것이 좋습니다. 또한 사용자가 앱의 여러 부분에서 멀티태스킹할 수 있도록 여러 창을 지원하는 것이 좋습니다. 자세한 내용은 여러 창에 대한 지침을 참조하세요.

명령

생산성 앱은 다른 유형의 앱보다 명령이 더 많은 경향이 있습니다. 이 사실에서 흥미로운 질문이 생깁니다. 사용자의 콘텐츠를 우선적으로 표시하되 명령도 쉽게 찾을 수 있도록 하려면 어떻게 명령을 배치하는 것이 가장 좋을까요? 사용자는 앱의 캔버스만을 사용해서 주요 —시나리오(앱의 "특성"을 사용하도록 하는 시나리오)를 완료할 수 —있어야 합니다. 가능하면 사용자가 콘텐츠에 대해 실행할 명령을 추가하는 대신 캔버스에서 콘텐츠를 직접 조작할 수 있도록 하세요. 예를 들어 사용자가 문서를 읽을 때, 별도의 컨트롤을 추가하는 대신 캔버스에서 직접 손가락을 모으고 확대하여 보기 글꼴 크기를 늘리거나 줄일 수 있도록 합니다. 명령에 대한 자세한 내용은 명령 패턴을 참조하세요.

몇몇 명령과 단추는 앱에 반드시 필요하므로 화면에 항상 나타나지 않으면 이상하게 생각될 수 있습니다. 예를 들어 일시 중지된 동영상 앱의 재생 단추는 결코 숨기면 안 될 것입니다. 그러나 대부분의 명령은 항상 화면에 표시될 필요가 없습니다. 사용자가 콘텐츠의 생산성 향상에 집중할 수 있도록 하려면, 많은 산만한 명령을 화면에서 숨기고 필요할 때만 일반적이고 간단한 제스처로 불러내도록 할 수 있습니다.

아래쪽 앱 바는 응용 프로그램의 아래쪽 가장자리에 나타날 수 있는 일반적인 도구 모음입니다. 앱 바는 일반적으로 화면에 나타나지 않지만 손가락으로 위쪽이나 아래쪽 가장자리부터 살짝 밀거나, 마우스 오른쪽 단추를 클릭하거나, 키보드의 Windows 로고 키+Z 키를 누르면 표시될 수 있습니다. 또한 앱 콘텐츠 내에서 항목을 선택할 때마다 아래쪽 앱 바가 자동으로 나타납니다. 아래쪽 앱 바에서 제공하는 도구는 상황에 따라 다르므로 언제든 관련된 명령만 표시됩니다. 예를 들어 단어를 선택하면 아래쪽 앱 바가 자동으로 나타나서 텍스트 서식 지정 명령을 보여 줍니다. 사진을 선택하면 아래쪽 앱 바에 사진 편집 명령이 표시됩니다. 상황에 맞는 명령을 표시하는 앱 바의 속성은 관련 없는 명령으로 사용자의 관심을 끌지 않음을 의미합니다. 그 결과 사용자가 원하는 도구는 언제나 가까이 있지만 필요할 때까지는 눈에 띄지 않습니다.

앱 바를 수동으로 호출하면 위쪽 앱 바도 나타날 수 있습니다. 위쪽 앱 바를 통해 사용자는 응용 프로그램 내의 다양한 위치로 이동할 수 있습니다. 예를 들면 브라우저에서는 탐색 모음을 사용해 현재 열린 탭의 미리 보기를 표시할 수 있습니다. 워드 프로세싱 앱에서는 탐색 모음을 사용해 열려 있는 여러 문서 간에 이동할 수 있습니다. 쇼핑 앱에서는 탐색 모음을 사용해 스토어의 여러 부분 간에 이동할 수 있습니다.

위쪽 앱 바와 아래쪽 앱 바는 둘 다 단추와 메뉴를 호스트할 수 있습니다. 관련된 많은 명령이 있는데 모두 동시에 상황에 맞는 명령인 경우 탐색 모음에서 열리는 메뉴에 명령을 두는 것이 좋습니다.

아래쪽 앱 바

사용자가 명령의 숫자에 압도되지 않도록, 명령을 체계적으로 일관성 있게 구성하여 표시하는 것이 중요합니다. 예를 들어 메모 앱에서 사용자는 새 메모나 필기장을 만들고, 알파벳순이나 날짜순으로 필기장을 정렬하고, 메모 텍스트에 대한 서식 지정 옵션을 변경하고, 오디오 메모를 삽입하고, 위치를 지정하고, 태그와 이미지를 추가하고자 할 수 있습니다. 앱 바는 모든 앱 명령을 사용자가 예상할 수 있는 일관된 화면에 배치하여 한 지붕 아래에서 모든 명령을 찾을 수 있도록 하는 데 도움이 됩니다.

앱에서 모든 앱 명령을 완료하고 이러한 명령의 사용 시나리오를 생각해 보세요. 앱 바에 표시되는 명령의 수를 줄이는 한 가지 방법은 명령을 두 범주, 즉 앱 전체에서 사용되는 명령과 항목을 선택한 경우에만 사용되는 명령으로 구성하는 것입니다. 후자의 경우 상황에 맞는 메뉴를 앱 바에 항상 표시하는 대신, 사용자가 관련 항목을 선택한 경우에만 또는 관련된 앱의 상황에서만 표시할 수 있습니다.

앱의 모든 곳에서 표시되는 글로벌 명령(예: 동기화 및 "새로 만들기" 작업)은 앱 바의 오른쪽에 배치하세요. 특히 새로 만들기 명령(새 메모나 필기장 등의 새 콘텐츠를 만드는 명령)은 앱 바의 오른쪽 끝에 배치하세요. 이렇게 하면 특정 앱이나 컨텍스트에 관계없이 모든 새로 만들기 명령이 일관되게 배치되고 엄지손가락을 사용한 터치 입력으로 쉽게 명령에 액세스할 수 있습니다.

메일 앱 같은 특정 응용 프로그램 외부에서 유지될 수 있는 개별 엔터티를 앱에서 관리하려는 경우 삭제새로 만들기 명령을 사용하세요. 삭제새로 만들기는 항상 다음과 같은 순서로 표시해야 합니다.

삭제 및 새로 만들기 단추(삭제는 왼쪽, 새로 만들기는 오른쪽)

앱에서 할 일 모음 같은 목록을 관리하려는 경우 제거추가 명령을 사용하세요. 제거추가는 항상 다음과 같은 순서로 표시해야 합니다.

제거 및 추가 단추(제거는 왼쪽, 추가는 오른쪽)

선택에 영향을 주는 다른 명령도 있습니다. 항목 선택 시 나타나는 상황에 맞는 명령이든, 기존 선택에 영향을 주는 명령이든(예: 서식 지정 옵션, "모두 선택" 및 "선택 지우기"), 이러한 명령은 항상 맨 왼쪽에 표시해야 합니다.

어떤 명령이 기능적으로 관련이 있으며 가까이 배치해야 하는지 생각하세요. 가능하면 명령을 일관되게 배치해야 합니다. 또한 앱 바에 나타날 명령의 수를 관리하기 위해 명령 집합을 만들고, 가능하면 명령 집합에 대한 명령 메뉴를 만드는 것이 좋습니다. 예를 들면, 메모 앱에서 메모를 알파벳순 또는 날짜순으로 정렬하는 작업은 명령 메뉴를 사용하여 단일 명령으로 수행할 수 있습니다. 명령 메뉴는 다음과 같이 앱 바에서 명령을 구성하고 명령 수를 크게 줄이는 데 도움이 됩니다. 첫 번째 그림에서 각 새로 만들기 명령은 앱 바의 개별 명령입니다. 두 번째 그림에서는 새로 만들기 명령이 단일 새로 만들기 명령의 메뉴에 그룹화되어 있습니다.

명령 모음에 명령이 표시된 예제

앱 바의 플라이아웃을 사용하는 명령

설정은 앱 바가 아니라 설정 계약에 표시해야 합니다. 그러면 사용자는 이미 친숙한 일반 메커니즘을 통해 앱을 구성할 수 있습니다.

앱 바 확장

두 앱 바는 모두 단추와 메뉴를 호스트할 수 있습니다. 관련된 많은 명령이 있는데 모두 동시에 상황에 맞는 명령인 경우 탐색 모음에서 열리는 메뉴에 명령을 두는 것이 좋습니다. 앱 바는 단추 및 메뉴로 제한되지 않으며, 둘 다에서 고유한 컨트롤을 만들 수 있습니다. 이 경우 터치, 마우스 및 키보드 사용자가 새 컨트롤을 가장 잘 조작할 수 있는 방법에 대해 생각해야 합니다.

명령 수가 매우 많은 앱에서는 다양한 방법으로 앱 바를 확장할 수 있습니다. 시스템의 나머지와 최대한 일관성을 유지하려면 다음 지침을 따르세요.

  • 사용자가 콘텐츠에 집중하도록 유지—대부분의 조작은 캔버스의 직접 조작으로 시작된다고 가정하세요. 대부분의(모두는 아닐지라도) 명령은 일반적으로 화면에 보이지 않는 곳에 두어야 하며, 화면으로 불러오기 위한 요소를 제공하지 않아야 합니다. UI를 표시하고 숨기기 위해 앱 바를 표시하고 숨기려면 시스템의 일반적인 제스처를 사용해야 합니다. 다른 호출 방법과 함께 숨겨진 고유한 대체 UI를 추가하면 사용자에게 알리기 위해 화면에 더 많은 단추, 위젯 및 화살표를 배치해야 합니다. 시스템 제스처를 사용하면 콘텐츠에 대한 집중을 방해하는 산만한 화면 요소의 추가를 피할 수 있습니다.
  • 아래쪽 앱 바에 명령 유지 - Windows 스토어 앱에서는 명령을 앱의 아래쪽 가장자리(또는 터치 키보드 바로 위)에 두는 것이 자연스럽고 좋습니다. 이 위치에 명령을 두면 터치 사용자가 콘텐츠 보기를 차단하지 않고도 명령을 조작할 수 있습니다. 이 위치는 수동으로 명령을 표시하기 위해 사용되는 터치 제스처와도 관련이 있습니다. 명령이 다른 위치에 표시되도록 하면 예측하기가 어려우며, 사용자가 보거나 조작하려는 콘텐츠에 방해가 될 수도 있습니다.
  • 위쪽 앱 바에 탐색 컨트롤 유지 - Windows 스토어 앱에서는 탐색 컨트롤을 화면의 위쪽 가장자리에 두는 것이 자연스럽고 좋습니다. 이 앱 바는 사용자가 현재 사용 중인 콘텐츠에서 다른 곳으로 이동하기 위한 것이므로, 앱 바를 사용하는 동안 사용자의 손이 화면의 시야를 가려도 괜찮습니다. 일반적으로 위쪽 앱 바는 단추 대신 미리 보기를 표시하므로 아래쪽 앱 바와 구분하는 데 도움이 됩니다.
  • 숨겨진 명령을 모두 앱 바에 유지—화면에서 숨겨진 모든 명령은 같은 장소에 두어야 합니다. 시스템 제스처는 숨겨진 명령을 화면으로 불러오는 간단하고 표준화된 한 가지 방법을 제공합니다. 명령을 여러 장소에 숨겨두면 숨겨진 화면을 호출하기 위한 여러 방법이 필요합니다. 그러면 사용자가 명령을 찾기 위해 확인할 장소가 너무 많아집니다. 더 좋지 않은 것은, 각 화면이 서로 다른 비밀 제스처 또는 기타 UI 트릭 뒤에 숨겨질 수 있으므로 사용자는 자신이 명령을 찾은 것인지 확인하기도 어려울 수 있습니다.

상황에 맞는 메뉴

잘라내기, 복사, 붙여넣기 등 선택한 텍스트에 대한 클립보드 명령과 URL에 대한 링크를 복사하고 여는 명령은 시스템에서 기본적으로 제공하는 상황에 맞는 메뉴를 사용할 수 있습니다. 다음은 상황에 맞는 메뉴의 클립보드 명령을 보여 주는 예제입니다.

상황에 맞는 메뉴의 클립보드 명령

생산성 앱의 데이터 입력

생산성 앱에는 많은 데이터 입력 시나리오가 있을 수 있습니다. 예를 들어 할 일 모음이나 다른 새 문서를 만들거나 기존 스프레드시트를 편집하거나 일정을 만드는 경우 모두 입력이 필요합니다. 가능한 한 빠르고 유연하게 데이터를 입력할 수 있으면 사용자는 작업을 효율적으로 빨리 완료할 수 있습니다.

시나리오를 충분히 검토하고 가능하면 사용자가 시스템에 입력해야 하는 텍스트의 양을 줄이세요. 이를 위한 전략:

  • 일반적인 컨트롤—엄격한 형식의 입력 또는 유효성 검사(예: 날짜, 시간 또는 위치)가 필요한 입력의 경우 선택 컨트롤, 드롭다운 목록 상자, 라디오 단추, 확인란, 날짜 및 시간 선택 등의 공용 컨트롤을 사용하세요.
  • 자동 완성—사용자에게 즉각적인 만족을 제공하려면 가능한 모든 곳에서 자동 완성을 사용하세요. 이 기능을 통해 사용자는 좀 더 효율적으로 입력할 수 있습니다.

다음 이미지는 연락처 선택 기능 관련 제안 사항을 보여 줍니다.

메일 주소 선택기에서의 제안

터치 키보드

키보드 입력에 응답의 지침에 따라 키보드와 잘 작동하도록 앱을 디자인하세요. 다음의 지침에 따라 터치 키보드와 잘 작동하도록 응용 프로그램을 디자인하세요.

  • 터치 키보드가 나타날 때 사용자에게 보이는 영역 또는 컨텍스트가 변경되지 않도록 가능한 한 입력 컨트롤을 앱 캔버스의 위쪽에 배치하세요.
  • 텍스트 입력 컨트롤을 캔버스 위쪽에 모두 배치할 수 없는 경우, 사용자가 텍스트 입력 컨트롤을 탭하거나 다음 컨트롤로 이동하면 입력하면서 텍스트를 볼 수 있도록 컨트롤이 있는 곳으로 앱이 자동으로 스크롤합니다. 창을 스크롤할 때 초점이 있는 컨트롤과 화면 가장자리 및 터치 키보드 위쪽 사이에 최소 30픽셀의 간격을 유지하여 다양한 가장자리 제스처, UI 요소 및 텍스트 선택 위치 조정 막대를 위한 공간을 마련해야 합니다. 텍스트 선택에 대한 자세한 내용은 텍스트 및 이미지 선택을 위한 지침을 참조하세요.
  • 단순히 키보드를 화면에 유지하려는 목적으로 키보드를 계속 표시하지 마세요. 텍스트 입력이 발생하지 않을 경우, 입력 필드를 읽기 전용으로 설정하거나 초점을 이동하여 키보드를 해제하세요.

다음은 터치 키보드의 모습입니다.

앱의 터치 키보드

앱에 편집 컨트롤(예: 텍스트 상자)이 기타 컨트롤(예: 라디오 단추 및 확인란)과 혼합된 양식 같은 화면이 있는 경우, 터치 키보드가 나타났다 사라지기를 계속 반복하면 사용자가 불편할 것입니다. Windows 8에서는 사용자가 양식에 있고 라디오 단추, 텍스트 상자, 선택 컨트롤, 앱 바 등의 일반적인 컨트롤 사이에서 이동 중일 때 터치 키보드가 해제되지 않도록 하여 이 문제를 해결합니다. 표준 컨트롤을 사용하면 앱에 저절로 매끄러운 환경이 제공됩니다. 다음은 사용자가 컨트롤 간에 이동할 때 터치 키보드가 어떻게 계속 유지되는지를 보여 주는 그림입니다.

표준 컨트롤이 있는 양식

맞춤법 검사

앱에 대해 맞춤법 검사를 사용하도록 설정하세요. 그러면 사용자가 안심하고 빠르게 텍스트를 입력할 수 있습니다. 맞춤법 검사는 RichEdit 컨트롤을 통해 사용하도록 설정할 수 있습니다. 사용자가 사전에 없는 단어를 입력하고 스페이스바를 누르면, 철자가 틀린 단어 밑에 물결무늬의 빨간색 밑줄이 나타납니다. 철자가 틀린 단어를 탭하면 맞춤법 검사 메뉴가 나타나는데, 사용자는 여기에서 다음과 같이 철자를 수정하거나 무시할 수 있습니다.

맞춤법 검사 환경의 예

잉크 및 필기 인식

사용자는 생산성 앱에서 여러 텍스트 입력 모드를 사용하는 경우가 많으므로 펜 입력 등 대체 텍스트 입력 방법의 지원을 고려해 보세요. 앱의 메모나 문서에서 텍스트를 "잉크로 입력"하고 낙서하는 기능이 지원되면 사용자는 이 기능에 만족하며 펜으로 빠르고 자연스럽게 텍스트를 입력할 수 있게 됩니다. 다양한 입력 방법에 대한 자세한 내용은 일반적인 사용자 조작에 대한 지침을 참조하세요.

텍스트 선택

문서 만들기와 사용을 비롯한 많은 생산성 시나리오에서 사용자는 텍스트를 선택해야 합니다. 사용자가 입력한 텍스트를 선택하여 편집할 수 있게 하세요. 다른 사용자에게서 온 텍스트로는 메일 본문 텍스트 및 복사할 수 있는 기타 텍스트가 있습니다. 다음은 텍스트 선택 환경의 모습입니다.

두 개의 선택기 영역 사이에서 선택된 단어를 보여 주는 텍스트 선택 예제

텍스트 선택이 가능한 경우 텍스트 쪽에서는 위치 조정 막대 너비(4밀리미터)의 절반, 텍스트가 스크롤되지 않는 경우 영역 아래쪽에서는 위치 조정 막대 높이(8밀리미터)만큼의 여백을 허용하세요. 이렇게 하면 모든 경우에 위치 조정 막대를 터치할 수 있으며, 화면 가장자리에서 사용자 환경을 방해하지 않을 것입니다. 다음 이미지는 텍스트 선택이 가능할 때 유지해야 할 올바른 여백을 보여 줍니다.

터치 텍스트 선택을 위한 여백 크기의 예제

생산성 앱의 입력 체계

생산성 앱에서 입력 체계 그리드와 크기 램프를 사용하면 사용자가 다량의 정보를 빠르고 쉽게 검색하고 사용할 수 있도록 시각적 계층 구조를 만들 수 있습니다. 글자 램프에 지정된 Segoe UI 글꼴 사용이 생산성 앱에 적절하지만, "현대 문서" 권장 글꼴인 Calibri 또는 "전통 문서" 권장 글꼴인 Cambria의 사용을 고려할 수도 있습니다. Calibri는 Microsoft Office의 기본 Sans-Serif 글꼴이고 Cambria는 기본 Serif 글꼴이므로, 두 글꼴 모두 생산성 앱과 깊은 연관성이 있습니다. 서체에 대한 자세한 내용은 글꼴에 대한 지침을 참조하세요.

대체 시스템 글꼴을 지정하려는 경우 해당 글꼴이 Windows 8과 함께 설치되는지, Microsoft Office 등 별도의 응용 프로그램 설치를 요구하지 않는지 확인하세요. 자신의 고유한 사용자 지정 또는 라이선스 글꼴을 사용하는 경우 앱에 글꼴을 포함할 수 있는 충분한 법적 권한이 있는지 확인하세요. 어떤 글꼴을 선택하든 Windows 8 글자 램프는 사용해야 할 최대 크기 및 스타일 수를 올바르게 안내합니다.

Windows 8 UI에서는 머리글에 문장 스타일 대문자를 사용해야 하며, 생산성 앱에서도 이렇게 하는 것이 좋습니다. 그러나 경우에 따라 제목 대문자가 적절할 수도 있습니다. 모두 소문자 텍스트를 사용하면 생산성 앱에서 너무 비공식적으로 보일 수 있으며, 모두 대문자의 텍스트는 사람들에게 본의 아니게 화가 난 메일 메시지를 떠올리게 할 수 있습니다. 다수의 지역화된 언어에는 이러한 후자의 입력 체계 처리 방식이 적용되지 않습니다. 또한 앱의 입력 체계에 시각적인 흥미를 추가하는 것만이 아니라 대문자 스타일을 일관되게 사용해야 하며 이를 통해 내용의 서로 다른 부분을 차별화해야 합니다.

글자 램프 지침의 권장 사항에 따라 앱 전체에서 적은 수의 글꼴 크기를 사용하면 콘텐츠에서 구조와 리듬의 감각이 만들어집니다. 앱의 여러 요소가 글자 램프에서 같은 글꼴 크기를 사용하지만 다른 정보 유형을 제공하는 경우 정보 계층 구조가 형성되도록 색과 글꼴 두께의 사용을 고려해 보세요.

계약

계약은 Windows 스토어 앱을 시스템 UI에 함께 바인딩합니다.. 동일한 계약을 구현하는 두 앱을 함께 사용하여 포괄적이고 복잡한 시나리오를 완료할 수 있습니다. 앱 계약의 전체 목록은 앱 계약 및 확장을 참조하세요.

공유

콘텐츠 공유는 오늘날 생산성 앱의 주요 구성 요소이며, 생산성 앱과 상호 공유를 위한 많은 흥미진진한 시나리오가 있습니다. 사용자가 앱의 콘텐츠를 공유할 수 있게 하려는 경우 앱이 공유 소스여야 합니다. 앱에서 다른 앱의 데이터를 사용할 수 있게 하려는 경우 앱이 공유 대상이어야 합니다.

앱에서 공유

생산성은 콘텐츠 생성과 관련된 경우가 많으므로 사용자는 일반적으로 다른 사용자와 콘텐츠를 공유하며 Windows 8.1은 앱 간 공유를 위해 매끄러운 환경을 제공합니다. 사용자가 더 많은 앱을 얻게 되면 이 상호 운용성을 통해 앱 콘텐츠가 더 많은 다양한 가능성에 도달할 수 있습니다.

몇 가지 시나리오의 예를 들면 사용자는 계약 앱을 사용하여 할 일 모음과 식료품 목록을 가족과 공유하고, 공동 작업 앱을 사용하여 문서를 직장 동료와 공유하고, 블로깅 앱을 사용하여 자신이 만든 것을 블로그에서 공유하고자 할 수 있습니다. 다음 스크린샷은 생산성 앱에서 공유할 수 있는 방법을 보여 줍니다.

생산성 앱에서 공유

생산성 앱에서 메일을 통해 공유

공유 소스가 되면 앱에서 콘텐츠를 만들고 URI, 비트맵, HTML, 텍스트, 저장소 항목 또는 사용자 지정 데이터 형식의 형태로 저장하여 이러한 형식을 지원하는 다른 앱이 사용할 수 있게 해야 합니다. 소스 앱의 경우 사용자가 공유하게 하려는 콘텐츠에 의미 있는 개수만큼 데이터 형식을 지원하는 것이 중요합니다. 이렇게 하면 사용자가 다양한 공유 대상 앱과 앱 콘텐츠를 공유할 수 있습니다.

또한 소스 공유 계약을 지원하여 앱이 탭하여 보내기를 통해 근접한 장치에 직접 공유할 수 있도록 합니다.

앱에 공유

콘텐츠 생성은 콘텐츠 사용에서 시작되는 경우가 많으므로 생산성 앱은 일반적으로 다른 앱의 콘텐츠의 공유하기 위한 멋진 대상이 되기도 합니다. 앱이 공유 대상인 경우, 사용자는 관련 활동에서 컨텍스트를 전환하지 않고도 콘텐츠를 앱으로 원활하게 가져올 수 있습니다. 생산성 앱을 공유 대상으로 사용하기 위한 많은 강력한 시나리오가 있습니다. 예를 들어 URL, 텍스트 코드 조각, 브라우저의 사진 및 책의 내용을 공유하면 과제에 대한 참조 소스로서 문서 만들기 앱을 대상으로 삼을 수 있습니다. 또 다른 예로, 사용자는 쿠폰 앱에서 할 일 앱의 식료품 목록으로 쿠폰을 공유할 수 있습니다. 다음 스크린샷은 공유 대상으로서 앱의 예를 보여 줍니다. 공유 계약을 사용하여 서로 데이터를 공유하는 생산성 응용 프로그램 제품군에서는 상호 운용성이 향상될 수도 있습니다.

메모 앱에서 웹 페이지를 메모로서 공유

메모 앱에서 웹 페이지를 메모로 공유

검색

검색은 생산성 앱에서 중요한 시나리오이며, 앱에서 검색 결과로 많은 데이터를 표시해야 할 수 있습니다. Windows 8.1 검색 상자 컨트롤을 사용하여 캔버스에 검색 UI를 제공할 수 있습니다. 검색 상자가 검색 계약에 통합되어 환경을 강화하고 세부적인 사용자 지정을 가능하게 하므로 앱은 사용자의 필요에 맞게 만들어진 환경을 제공할 수 있습니다.

앱의 검색 환경을 디자인할 때 다음을 염두에 두세요.

  • 사용자의 검색 쿼리를 자동 완성하고, 전체 문자열을 입력하지 않고도 더 빨리 검색하도록 지원하려면 쿼리 제안을 제공하세요.
  • 결과 보기를 위한 검색 필터를 제공합니다.
  • 결과 보기에 검색 쿼리를 표시합니다.
  • 찾은 총 결과 수를 표시합니다.
  • 사용자가 검색 전에 수행하던 일로 돌아갈 수 있도록 앱의 상태를 유지 관리합니다.
  • 결과가 검색과 일치하는 이유를 표시합니다.
  • 사용자가 가장 관련성이 높은 결과를 빠르게 얻을 수 있도록 결과 제안을 보여 주는 것이 좋습니다. 사용자는 결과 제안을 선택하면 결과 세부 정보로 이동하게 됩니다. 제안 수를 5로 제한하세요. 목록이 짧으면 사용자가 더 쉽게 이해할 수 있습니다.

검색 상자 컨트롤에 대한 자세한 내용은 검색 업데이트를 참조하세요.

다음 스크린샷은 메모 앱에서 검색을 사용하는 예를 보여 줍니다.

메모 앱에서의 검색

페이지에서 찾기

검색과 함께 "페이지에서 찾기"도 생산성 앱의 일반적인 시나리오입니다. 예를 들면 특정 문서에서 특정 단어를 모두 찾을 수 있습니다. 페이지에서 찾기를 앱에서 구현하려면 검색 참 메뉴를 사용하지 말고, 대신 검색 창이 아니라 앱 명령 바 내에서 구현하세요. 페이지에서 찾기 기능을 사용하면 사용자는 현재 보기에서 모두 찾을 수 있습니다. 문서에서 찾기 결과를 강조 표시하고, 사용자가 찾은 단어 또는 구문의 인스턴스 간에 빠르게 이동할 수 있도록 앱 바에 "다음" 및 "이전" 단추를 표시하세요. 생산성 앱에서 찾기는 기본적으로 바꾸기 환경을 보완하기 위해 사용되는 경우가 많습니다. 다음 그림과 같이 찾기의 범위가 항상 현재 보기입니다.

페이지 환경에서 찾기

설정

생산성 앱에 해당되는 모든 설정(예: 개인 정보 보호 설정, 알림 설정 및 보기 기본 설정)은 설정 참 메뉴에 포함해야 합니다. 설정 참 메뉴는 사용자에게 설정을 조정할 수 있는 단일 장소를 제공하며, 앱의 UI가 서로 다른 설정으로 인해 혼란스러워지는 것을 막아줍니다. 설정에 대한 자세한 내용은 앱 설정에 대한 지침을 참조하세요.

장치

문서와 메모의 인쇄는 생산성 앱의 일반적인 시나리오입니다. 원활한 인쇄 환경을 위하여 장치 참 메뉴를 통해 사용자에게 인쇄 기능을 제공하세요. 다음은 인쇄를 위한 장치 환경의 모습입니다.

인쇄를 위한 장치 환경

장치는 생산성 앱을 연결할 수 있는 흥미로운 계약이 될 수 있습니다. 앱에 많은 미디어 및 잠재적인 프레젠테이션 시나리오가 있는 경우 사용자는 공유 미디어 환경의 텔레비전에서 이러한 콘텐츠를 보고 싶을 수 있습니다. 장치 계약과 통합하면 사용자는 이를 구현할 수 있습니다.

파일 선택기

생산성 앱은 다른 앱의 콘텐츠 사용에 대한 많은 흥미로운 시나리오를 포함할 수 있습니다. 파일 선택기를 사용하면 앱에서 로컬 PC, 연결된 저장소 장치, 홈 그룹, 그리고 파일 선택기 계약을 구현하는 기타 응용 프로그램에 있는 사용자의 파일과 폴더에 액세스할 수 있습니다. 따라서 사용자는 다른 앱에서 자신의 앱으로 콘텐츠를 삽입하여 환경을 더욱 풍성하게 만들 수 있습니다. 예를 들면 메모 앱을 사용하는 동안 사용자는 사진 앱에서 사진을, 사운드 레코더 앱에서 오디오 메모를 삽입하고자 할 수 있습니다.

또한 앱에서 파일 선택기의 여러 가지 면을 사용자 지정할 수 있습니다. 예를 들면 다음과 같습니다.

  • 파일 선택기 모드: 작업에 맞게 파일 선택기 모드를 설정할 수 있습니다. 파일 선택, 파일 저장 및 폴더 선택이 모두 파일 선택기에서 지원됩니다. 예를 들어 폴더를 선택하는 기능을 사용하면 사용자는 전체 폴더를 선택하여 클라우드 저장소 위치에 업로드할 수 있습니다.
  • 보기 모드: 사용자가 사진이나 동영상을 선택하도록 할 때 미리 보기 모드에서 파일을 표시하도록 파일 선택기를 사용자 지정할 수 있습니다. 다른 모든 파일 형식에 대해서는 타일 보기 모드를 사용하세요.

또한 생산성 앱의 콘텐츠는 다른 상황의 사용자에게 의미가 있을 수 있으므로, 다른 앱에서 이 콘텐츠에 액세스하도록 하면 사용자에게 매우 유용한 시나리오가 될 수 있습니다. 파일 선택기 계약을 사용하면 응용 프로그램 내 콘텐츠를 다른 Windows 8 앱에서 사용할 수 있는 기회가 제공됩니다. 그러면 사용자는 파일을 로컬 컴퓨터에 우선 저장하는 등의 중간 단계를 거칠 필요 없이 앱의 콘텐츠에 직접 도달할 수 있습니다. 앱에서 이 환경을 지원하면 사용자는 파일 선택기의 위치 목록에서 앱을 선택할 수 있습니다. 앱을 선택하면 사용자는 제어 가능한 앱 전용 파일 선택기의 보기를 통해 앱의 콘텐츠에 액세스할 수 있습니다.

파일 선택기 기능은 몇 가지 흥미진진한 시나리오를 가능하게 합니다. 사용자가 메모 앱에서 만든 메모를 친구에게 메일로 보내려는 경우, 로컬에 먼저 저장할 필요 없이 메모 앱에서 직접 콘텐츠를 첨부할 수 있습니다.

파일 선택기를 사용하면 앱에 직접 저장할 수도 있습니다. 이 경우에도 매우 흥미로운 시나리오가 가능해집니다. 예를 들면 사용자는 메일 메시지 또는 다른 앱에서 만든 낙서를 메모로서 앱에 직접 저장할 수 있습니다. 다음은 파일 선택기를 사용자 지정하는 방법을 보여 줍니다.

사용자 지정 가능한 구성 요소

연결 및 유지

Windows 8.1에서 실행되는 앱은 독특한 특성 및 환경을 통합해야 합니다. 타일, 알림, 로밍 및 계약을 사용하면 앱이 Windows 8.1 에코시스템과 원활하게 조화를 이루게 됩니다.

타일 및 알림

앱 타일에 맞춤화된 새로운 콘텐츠를 표시하면, 사용자가 앱 타일에서 흥미로운 콘텐츠를 발견할 때 앱에 참여하고 계속해서 앱에 대해 관심을 갖도록 할 수 있습니다. 흥미로운 시나리오의 예를 들면 다른 사용자가 공유 문서를 업데이트했을 때, 새 알림을 사용자와 공유했을 때, 또는 식료품 목록을 편집하여 표시를 지우거나 새 항목을 추가했을 때 타일 알림을 표시하는 것입니다. 다음 예제와 같이 알림은 주요 위치를 보여 줄 수도 있습니다.

알림을 보여 주는 타일

즐겨 찾는 메모와 콘텐츠에 빨리 액세스할 수 있도록 보조 타일을 고정하는 기능을 제공하면 사용자는 해당 콘텐츠에 대해 맞춤화된 알림을 볼 수 있으며, 이를 통해 다시 한 번 앱에 대한 사용자의 관심을 끌 수 있습니다.

시간이 중요한 미리 알림 시나리오(예: 월말에 청구서를 지불하는 할 일 모음 항목)가 있는 생산성 앱에서 사용자는 미리 알림과 완료 날짜를 작업과 연결하고자 할 수 있습니다. 알림 메시지를 예약하여 사용자가 미리 알림을 받고자 하는 시간에 보여 주는 방법을 고려해 보세요. 알림 메시지를 놓친 경우에는 다음과 같이 해당 미리 알림을 타일에 표시하는 것이 좋습니다.

놓친 알림을 보여 주는 타일

알림 메시지의 모범 사례에 대한 자세한 내용은 알림 메시지에 대한 지침 및 검사 목록을 참조하세요. 타일의 모범 사례에 대한 자세한 내용은 타일에 대한 지침 및 검사 목록을 참조하세요.

로밍

대부분의 사용자는 Microsoft Windows PC를 두 대 이상 가지고 있습니다. 앱이 사용자의 모든 Windows PC에서 일관된 사용자 환경을 제공한다면 이것이 바로 사용자가 기대하는 환경입니다. 앱 설정, 앱에서 사용자가 마지막으로 수행한 작업에 대한 정보, 모든 PC에 유용한 앱의 기타 기본 설정 등을 로밍할 수 있습니다. 로밍의 모범 사례에 대한 자세한 내용은 응용 프로그램 데이터 로밍에 대한 지침을 참조하세요.

방향 및 창 크기

Windows 8.1은 다양한 유형의 장치에서 실행되며 새로운 멀티태스킹 모델을 사용하므로 앱이 세로 및 가로 방향을 지원하고 최소 너비까지 모든 크기에서 제대로 작동하는지 확인합니다.

Windows 8.1용 생산성 앱을 디자인할 때에는 서로 다른 화면 해상도와 장치 크기 등 앱의 모든 보기를 고려하세요. Windows 8.1에서는 더 큰 장치에 대해 앱에 더 많은 콘텐츠를 포함하여 디자인의 크기를 손쉽게 조정할 수 있습니다. 다음은 높고 좁은 레이아웃에 맞게 크기가 조정된 메모 앱입니다.

메모 앱의 세로 보기

높고 좁은 레이아웃 및 세로 방향은 다량의 콘텐츠를 읽고 사용하는 데 매우 편리합니다. 앱이 창 크기에 맞게 콘텐츠를 재배치하는지 확인합니다.

사용자가 크기를 조정할 때 앱에서 사용자의 컨텍스트 및 상태가 손실되지 않습니다. 이 기능은 사용자가 콘텐츠를 제작하는 데 많은 노력을 기울였을 수 있는 생산성 앱에서 특히 중요합니다. 텍스트 입력, 스크롤 위치 및 사용자가 앱 크기를 조정할 때 수행한 모든 선택을 보존합니다.

앱이 좁으면 앱 바 컨트롤이 레이블을 자동으로 제거하고 명령 사이의 안쪽 여백을 줄입니다. 많은 명령이 있는 경우 독창적인 표시 방법을 고려할 수 있습니다. 예를 들어 앱 바에 2행의 명령을 사용하거나 명령에 대한 플라이아웃을 사용합니다. 자세한 내용은 앱 바에 대한 지침을 참조하세요.

또한 앱이 가치를 추가하고 해당 시나리오를 멋지게 구현하는 방법에 대해 생각해 보세요. 앱이 다른 앱과 훌륭하게 작동하는 이유를 사용자에게 보여 줍니다. 예를 들어 메모하기 앱이나 목록 만들기 앱이 다른 앱과 함께 작동하는 것을 쉽게 상상할 수 있습니다. 연구나 저작 중에는 일반적으로 화면에서 주 작업 옆에 참조 또는 분석 앱을 두게 될 것입니다. 읽기 및 저작 앱은 다른 작업을 수행하는 동안 참조할 수 있도록 좁은 너비에서 매우 유용합니다. 앱이 기존 데스크톱에서 최대화되지 않는 모든 경우를 고려합니다. 좁은 너비에 맞게 크기를 조정할 때 앱에서 지원해야 하는 시나리오입니다.

좁은 너비에서 제대로 작동하는 앱을 디자인하면 앱의 화면 표시 시간과 사용자 참여 기간이 증가합니다. 다음은 브라우저와 나란히 사용되는 메모 앱의 예입니다.

좁은 메모 앱

관련 항목

Windows 스토어 앱 만나보기
Windows 스토어 앱용 UX 지침

 

 

표시:
© 2015 Microsoft