파일 선택기 계약에 대한 지침

Applies to Windows and Windows Phone

파일 열기 선택기 계약, 파일 저장 선택기 계약 또는 캐시된 파일 업데이트 프로그램 계약에 참여하는 앱의 파일 선택기를 사용자 지정하여 각각 앱의 콘텐츠, 저장 위치 또는 파일 업데이트에 대한 액세스를 다른 앱에 제공하려면 다음 지침에 따르세요.

권장 사항 및 금지 사항

  • 파일 제공 파일 열기 선택기 계약과 통합하면 앱에서 파일 선택기를 통해 사용자와 다른 앱에 앱의 콘텐츠에 대한 액세스를 제공할 수 있습니다.

  • 저장 위치 제공 파일 저장 선택기 계약과 통합하면 앱에서 파일 선택기를 통해 사용자와 다른 앱에 저장 위치를 제공할 수 있습니다.

    앱에서 저장 위치를 제공하는 경우에는 파일 열기 선택기 계약과 통합하여 앱의 콘텐츠에 대한 액세스도 제공해야 합니다.

  • 실시간 파일 업데이트 제공 캐시된 파일 업데이트 프로그램 계약과 통합하면 앱에서 앱의 리포지토리에 있는 파일을 업데이트할 수 있을 뿐 아니라 사용자 리포지토리에 있는 파일의 로컬 버전에 대한 업데이트도 제공할 수 있습니다. 사용자의 관점에서는 해당 파일이 로컬이었더라도 앱이 리포지토리에서 유지 관리하는 원격 파일을 작업할 수 있습니다. 예를 들어 사용자는 텍스트 편집기 앱을 사용하여 파일을 편집할 수 있고 Microsoft OneDrive는 자체의 리포지토리에서 해당 파일의 버전을 업데이트할 수 있습니다.

    앱에서 파일을 업데이트하는 경우에는 각각 파일 저장 선택기 계약 및 파일 열기 선택기 계약과 통합하여 저장 위치와 파일에 대한 액세스도 제공해야 합니다.

추가 사용법 지침

앱에서 파일 선택기를 통해 파일, 저장 위치 또는 파일 업데이트를 제공하는 경우 사용자에게 파일을 표시하는 앱의 페이지를 디자인해야 할 수 있습니다. 이 페이지는 파일 선택기의 가운데 영역에 표시됩니다. 이 페이지 및 파일 선택기에 대한 자세한 내용은 파일 선택기 계약과 통합을 참조하세요.

앱 페이지가 로드될 위치를 표시하는 가운데 영역이 강조 표시되어 있는 파일 선택기의 스크린샷입니다.

이 스크린샷은 앱의 페이지(파일 선택기 페이지)가 로드될 위치를 표시하는 파일 선택기 창의 가운데 영역을 강조하고 레이블을 지정하기 위해 수정되었습니다.

 

  • 모든 크기의 창에 맞게 적응되도록 파일 선택기 페이지를 디자인합니다.

    • Applies to Windows

    참고  Windows 8.1에서는 320픽셀의 좁은 창에 파일 선택기가 표시됩니다. 좁은 디스플레이를 최대한 활용하려면 너비가 500픽셀 미만인 창에서 로드될 때 파일 선택기 페이지의 왼쪽 여백을 20픽셀로 줄이고 세로 스크롤을 사용하는 것이 좋습니다. Microsoft Visual Studio의 파일 선택기 항목 템플릿은 너비가 500픽셀 미만인 창에서 세로 스크롤을 지원하고, 더 큰 창에서는 가로 스크롤을 지원합니다. 항목 템플릿에 대한 자세한 설명은 스토어 앱용 JavaScript 항목 템플릿스토어 앱용 C#, VB 및 C++ 항목 템플릿을 참조하세요.

  • 파일을 표시하기 위해 앱에서 사용하는 기존 페이지를 기반으로 파일 선택기에 표시할 페이지(파일 선택기 페이지)를 디자인합니다.

    앱에서 파일 선택기를 통해 사용자가 선택할 파일을 제공하려면 파일을 볼 수 있는 기존 페이지가 있어야 합니다. 기존 파일 보기 페이지와 일관되도록 파일 선택기 페이지를 디자인하는 것이 좋습니다. 두 페이지 간에 일관성을 유지하면 사용자는 앱의 파일 선택기에 파일이 표시되는 방법에 편안함과 친숙함을 느낄 수 있습니다.

    사용자가 앱의 파일 선택기 페이지에 더욱 편안함을 느끼도록 하려면, 기존 파일 보기 앱 페이지에 사용하는 것과 동일한(또는 유사한) 탐색 UI 및 오류 보고를 파일 선택기 페이지에 사용합니다. 특히 탐색의 경우 사용자는 파일 선택기 페이지와 기존 파일 보기 페이지에서 모두 유사한 명령과 위치를 사용할 수 있게 되기를 기대합니다.

  • 사용자의 현재 작업을 중심으로 파일 선택기 페이지를 디자인합니다.

    파일 선택기 페이지의 UI에서 파일 선택, 저장 또는 업데이트 지원 등 사용자의 현재 작업에 초점을 두고 직접적인 관련이 없는 UI는 제거합니다. 이렇게 하면 사용자는 파일 선택기를 사용하여 전에 사용하던 앱(호출 앱 또는 호출자)으로 빠르게 돌아갈 수 있습니다.

    예를 들어 파일 선택기를 사용하여 앱이 제공하는 파일에 액세스할 경우 복잡하거나 자세한 탐색, 검색 또는 선택할 수 없는 정보를 지원하는 UI는 제거합니다.

    사용자가 사용, 수정 및 파일 관리 등 기타 작업을 수행할 수 있도록 하려면 해당 작업에 대한 컨트롤이나 기타 UI를 메인 앱에 추가합니다. 컨트롤 추가에 대한 자세한 내용은 컨트롤 및 내용 추가를 참조하세요.

  • 파일 선택기의 제목을 사용자의 현재 위치 이름으로 설정합니다.

    이렇게 하면 사용자가 파일 선택기에서 앱을 사용할 때 자신의 위치를 예측할 수 있습니다. 스크린샷에 강조 표시되어 있는 제목은 파일 선택기 레터박스의 맨 위 표시줄에 나타납니다.

    이 스크린샷에서 사용자는 제목인 사진 라이브러리를 보고 시스템에서 현재 위치를 알 수 있습니다. 사용자가 다른 위치로 이동할 때마다 이 제목을 업데이트해야 합니다.

    제목을 강조 표시해서 보여 주는 파일 선택기 창의 잘려진 화면 캡처입니다.

     

  • 앱에서 액세스할 수 있는 모든 파일 위치를 파일 선택기 페이지에서 액세스할 수 있어야 합니다.

    앱에서 일반적으로 특정 위치의 파일을 액세스할 수 있는 경우 파일 선택기 페이지에서도 해당 위치의 파일에 액세스할 수 있어야 합니다. 앱에 페이지가 둘 이상 있는 경우 모든 파일 선택기 페이지 간에도 위치에 대한 액세스 권한이 일치해야 합니다. 이렇게 하면 파일 및 위치에 대한 사용자의 액세스 권한을 예측할 수 있습니다.

  • Microsoft Visual Studio에서 제공하는 UI 템플릿 및 컨트롤을 사용합니다.

    Visual Studio의 기본 제공 템플릿을 사용하면 Windows 스토어 앱의 파일 선택기 뷰를 보다 쉽게 만들 수 있습니다. 항목 템플릿에 대한 자세한 설명은 스토어 앱용 JavaScript 항목 템플릿스토어 앱용 C#, VB 및 C++ 항목 템플릿을 참조하세요.

  • 사용자가 파일 선택기를 통해 앱을 실행할 때 로그인 및 설정 조작을 단순하게 유지합니다.

    로그인 또는 설정 작업이 단순한 경우(한 단계) 사용자가 컨텍스트를 변경하지 않아도 되도록 파일 선택기를 통해 이러한 작업을 완료할 수 있음을 사용자에게 알려야 합니다. 단, 공유 참 메뉴를 통해 다단계 조작을 완료하도록 요구해서는 안 됩니다. 대신, 보다 복잡한 조작을 완료하려면 앱을 직접 열라고 알려 주세요. 메인 앱을 사용하여 복잡한 조작을 완료하는 경우 해당 작업을 명확하고 효율적으로 구성할 공간이 있어야 합니다.

추가 UX 지침: 파일 열기 선택기 계약

  • 파일 선택기 페이지의 파일을 고유하고 관련성 있게 표시합니다.

    앱에 고유한 방식으로 파일을 구성 및 표시하고 페이지가 사용자에게 편리하고 관련되어 있어야 합니다. 그러면서도 앱 내에서 파일을 표시하는 데 사용하는 보기에 표시되는 내용과 일치해야 합니다.

  • Windows 또는 다른 앱을 사용하여 액세스할 수 없는 파일을 파일 선택기 페이지에 표시합니다.

    앱 저장소 폴더나 원격 서버와 같이 다른 앱이나 Windows에서 액세스할 수 없는 위치에 있는 파일에 대한 액세스를 제공하여 Windows 및 다른 앱과 차별화하세요.

  • 호출 앱의 선택 모드에 대응하도록 파일 선택기 페이지의 UI를 디자인합니다.

    앱에서 파일 선택기를 호출하여 파일에 액세스하면, 호출 앱은 사용자가 단일 항목에 액세스할 수 있는지 또는 여러 항목에 액세스할 수 있는지를 지정합니다. 각 선택 모드에서 선택한 파일이 적절히 서로 다르게 나타나도록 앱 페이지를 디자인하는 것이 좋습니다. 예를 들어 앱에서 제공하는 파일로부터 프로필 사진을 선택하려는 경우(단일 항목 선택), 사용자는 선택에 대한 결정을 내리려는 동안 둘 이상의 사진을 탭하거나 클릭할 수 있습니다. 이 경우 앱 UI에서 한 번에 한 항목만 선택하도록 허용할 수 있습니다. 또는, 사용자가 친구와 공유할 여러 파일을 선택하려는 경우(여러 항목 선택), 앱 UI에서 동시에 여러 항목을 선택하도록 허용할 수 있습니다.

  • 웹캠, 사진 및 카메라 앱의 경우 사진 찍기 위주로 파일 선택기 페이지의 UI를 디자인하세요.

    파일 선택기 페이지에 대한 앱의 UI를 간소화하여 사용자가 전에 사용하던 앱(호출 앱 또는 호출자)으로 돌아갈 수 있도록 하세요. 파일 선택기 페이지에서 제공하는 컨트롤을 사용자가 사진을 찍는 데 필요한 컨트롤로 제한하고, 사용자가 몇 가지 사전 처리 효과(예: 플래시와 확대/축소 전환)를 적용할 수 있도록 하세요.

    사용자가 파일 선택기에서 앱 바에 액세스할 수 없으므로 사용 가능한 모든 컨트롤을 파일 선택기 페이지에 표시해야 합니다. 앱 바에 구성되어 있는 것과 유사하게 파일 선택기 페이지에서 이러한 컨트롤을 구성하고, 앱 바에 나타나는 위치와 가능하면 가깝게(페이지의 위쪽/아래쪽) 파일 선택기 페이지에서 이들을 배치하는 것이 좋습니다.

추가 UX 지침: 파일 저장 선택기 계약

앱 페이지가 로드될 위치를 표시하는 가운데 영역이 강조 표시되어 있는 파일 선택기의 화면 캡처입니다.

이 수정된 스크린샷에서는 앱의 저장 위치를 표시하는 페이지가 로드될 파일 선택기 창의 가운데 영역이 강조되어 있습니다.

 

  • 사용자가 Windows나 다른 앱을 통해 액세스할 수 없는 저장 위치를 제공합니다.

    앱의 저장소 폴더나 원격 저장소 위치와 같이 Windows나 다른 앱을 통해서는 쉽게 액세스할 수 없는 위치에 파일을 저장할 수 있게 하세요.

  • 선택한 파일 형식을 기준으로 파일 선택기 페이지에 표시되는 파일을 변경합니다.

    사용자가 파일 선택기의 파일 형식 드롭다운 목록에서 파일 형식을 변경하는 경우 선택한 파일 형식과 일치하는 파일만 표시하도록 보기를 업데이트해야 합니다. 표시된 파일을 형식별로 필터링하면 사용자가 관심 있는 파일 형식을 쉽고 일관성 있게 식별할 수 있습니다.

  • 사용자가 앱의 파일 선택기 페이지에서 파일을 선택하여 파일을 쉽게 바꿀 수 있도록 합니다.

    사용자가 파일 선택기 페이지에서 파일을 선택하면 사용자가 기존 파일을 쉽게 바꿀 수 있도록 파일 선택기 파일 이름 상자의 파일 이름을 자동으로 바꿔야 합니다.

추가 UX 지침: 캐시된 파일 업데이터 프로그램 계약

  • 사용자의 파일을 추적 및 업데이트할 수 있는 리포지토리를 제공합니다.

    사용자가 정기적으로 파일을 저장 및 액세스하는 기본 저장소 위치로 앱을 사용하는 경우, 앱이 일부 파일을 추적하여 사용자에게 실시간 업데이트를 제공하도록 할 수 있습니다.

  • 강력한 리포지토리를 제공하도록 앱 및 파일 선택기 페이지를 디자인하세요.

    사용자가 파일의 기본 저장소 위치로 앱을 사용하는 경우 빈번한 파일 업데이트나 파일 버전 충돌로 발생할 수 있는 데이터 손실을 방지하도록 앱 및 관련 파일 선택기 뷰를 디자인하세요.

  • 업데이트 중 발생하는 문제를 사용자가 해결할 수 있게 하세요.

    업데이트가 원활하게 이루어지도록 하려면, 파일이 업데이트 또는 저장될 때 그리고 문제를 효과적으로 해결하기 위해 사용자 조작이 필요할 때 앱에서 실시간으로 사용자에게 알려야 합니다(UIRequested 사용). 특히, 사용자가 자격 증명, 파일 버전 충돌 및 디스크 용량과 관련된 문제를 해결하도록 돕는 것이 중요합니다. 만드는 UI는 문제 해결에 특별히 초점이 맞춰져 있고 경량이어야 합니다. 둘 이상의 단계가 필요한 경우(예: 로그인) 앱의 파일 선택기 페이지에서 모든 단계를 처리해야 합니다. 완료되면 앱은 파일 선택기 커밋 UI를 사용하도록 설정할 수 있습니다. 또한 앱은 파일 선택기 제목을 업데이트하여 사용자에게 현재 위치에 대한 컨텍스트를 제공해야 합니다.

    사용자가 문제를 실시간으로 해결할 수 없거나 단순히 사용자에게 무슨 일이 일어났는지를 알려야 할 경우(예: 사용자가 해결할 수 없는 오류 발생), UIRequested를 통한 문제 발생 직후보다는 다음에 사용자가 앱을 시작할 때 사용자에게 문제를 알리는 것이 좋습니다.

  • 일반 앱 페이지에서 업데이트 및 저장 작업에 대한 추가 정보를 제공하세요.

    메인 앱 UI에서는 사용자가 진행 중인 작업과 이후 작업의 설정을 관리하고, 진행 중인 작업과 이후 작업 관련 정보를 얻고, 발생한 오류 관련 정보를 얻을 수 있어야 합니다.

보안 고려 사항

보안 C++ 코드 작성을 위한 지침은 다음 문서를 참조하세요.

관련 항목

디자이너용
빠른 시작: 파일 선택기 계약과 통합
빠른 시작: 파일 선택기를 사용하여 파일에 액세스
파일 선택기에 대한 지침
개발자용(HTML)
데이터 및 파일 액세스
컨트롤 및 콘텐츠 추가
파일을 공유하는 방법
빠른 시작: 공유 콘텐츠 받기
파일 선택기를 통해 파일을 저장하는 방법
개발자용(XAML)
Windows.Storage.Pickers
Windows.Storage.Pickers.Provider
Windows.Storage.AccessCache

 

 

표시:
© 2014 Microsoft