2009-10-26 7 views
0

이것을 선물로주는 좋은 경험은 무엇입니까? 나는 가지고있다 :UX : 비디오에 디렉토리/파일 구조를 표시하는 방법은 무엇입니까?

  • 대부분은 Silverlight 응용 프로그램에서 제시해야하는 미디어 파일을 포함하는 폴더/디렉토리 구조. 향후 버전에서는 일부 비 미디어 파일도 표시 할 수 있도록 확장 될 수 있습니다. 전형적인 유스 케이스 (비디오를위한 해결책을 만들고있다)이다.
  • 동영상 (또는 그림)에는 미리보기 이미지가 있습니다. 동영상에는 잠재적으로 여러 미리보기 이미지가있을 수 있습니다. 즉, 위에 마우스를 올리면 동영상의 여러 지점에서 엄지 손가락을 볼 수 있습니다. 이렇게하면 화면이 너무 바쁜 것처럼 보일 수 있습니다.
  • 이름이 있으며, 각각에 연관된 약간의 메타 데이터가있을 수 있습니다. 오디오 파일은 많은 관련 메타 데이터를 갖는 경향이 있습니다. 필자는 비디오 파일에 메타 데이터를 사용한 적이 없으며 Winamp 외 비디오의 메타 데이터 기반 색인을 찾지 못했습니다. al. 상당히 성가시다. 의견이나 설명이 없습니다.
  • 목록을 정렬하기 위해 가능합니다. 목록을 정렬하는 데는 반드시 필요하지 않으며, 반드시 계층 구조에 있어야 할 필요는 없습니다 (예 : 특정 속성을 기반으로하는 검색 폴더 또는 폴더가 가능합니다. 사용자가 20 분이 넘는 모든 비디오 폴더를 가지고 있습니까?). 아주 작은 이름

    • 한 패널리스트와 같은보기 : 필요에 따라 여기에

    는 어떤 임의의 생각입니다 (그들이보기에 scolled 때)

  • 썸네일은 서버에서 검색됩니다 파일 유형에 따른 아이콘 (기본적으로 탐색기와 유사한 인터페이스). 가능하게는 개의 열이 있지만 서로 다른 미디어 유형을 사용하면 열을 정렬 할 필요가 없습니다. 더 많은 정보와 미리보기 이미지를 얻으려면 사용자 이 항목 위로을 가져옵니다. 그러면 세부 정보가 표시되고 가능한 경우 미리보기 이미지가 표시됩니다. 한 번 클릭으로 진행됩니다.
  • 2 패널보기입니다. 왼쪽은 위와 같은 구조입니다. 한 번 클릭하면 항목이 선택되고 오른쪽 창에 세부 정보가 표시됩니다. 두 번 클릭하면 항목이 선택되거나 폴더가 열립니다.
  • 특정 모드/필터. 먼저, 사용자는 미디어 모드 (즉, 비디오 또는 오디오)를 선택한다. 비디오 모드에서는 목록의 항목이 커지고 더 많은 "YouTube와 유사한"보기가 표시됩니다. 동영상을 클릭하면 사용자가 콘텐츠가 포함 된 별도의 화면으로 이동합니다. 또는이 모드에서 비디오를 바둑판 식으로 표시 할 수 있습니다. 오디오 모드에는 재생 목록 편집기, 재생/일시 정지/정지 제어 기능이 있으며 끌어서 놓기 기능이있는 기존 미디어 플레이어와 같은 방식으로 작동합니다. 그림 모드를 사용하면 슬라이드 쇼보기에 쉽게 액세스 할 수 있습니다. 오디오 모드는 폴더 구조가 아닌 메타 데이터 (아티스트/앨범/등)별로 정렬 할 수 있습니다.
  • Google 데스크톱/Windows Vista +/등의 "빠른 검색"기능을 추가했을 수도 있습니다. 이름을 입력하면 해당 부분 문자열과 일치하는 색인의 모든 위치에서 결과 목록이 표시됩니다. Enter를 누르면 가장 관련성이 높은 파일이 자동으로 재생/표시됩니다.

아이디어가 있으십니까? 나는 단순함과 사용 편의성, 기능이 아닌 초점을 여기에두고 싶다. 아이튠즈, 실제 플레이어, 유튜브 등은 사용자 관심의 최전선에서는 경향이있다. 나는 간단하고 유선형을 찾고 있습니다.

답변

1

가장 간단한 접근 방법은 익숙한 디자인을 사용하는 것입니다 : 왼쪽의 트리 뷰는 오른쪽의 현재 폴더에 대한 축소판 모음이있는 폴더입니다. 동영상 외에도 사용자가 동영상을 선택하면 미리보기 이미지를 재생할 수 있습니다 (동영상 전체 또는 작은 대표 클립).

이미 작동하는 디자인을 활용하는 데는 아무런 문제가 없습니다. 새로운 사용자가 귀하의 응용 프로그램을보다 쉽게 ​​사용할 수있게하여 연결 속도를 높입니다.

자세한 UI 패턴은 Infragistics' Quince app을 참조하십시오. 또한 Jennifer Tidwell의 훌륭한 책을 제공하는 "Designing interfaces"라는 책이 있습니다.

관련 문제