UX: Как представить структуру каталогов / файлов с видео?

Question

Что было бы хорошим опытом для пользователя, чтобы представить это? У меня есть:

• Структура папок / каталогов, содержащая в основном мультимедийные файлы, которые должны быть представлены в приложении Silverlight. Будущие версии могут быть расширены, чтобы можно было также представить некоторые не-медиа файлы. Типичный вариант использования (для которого я подбираю решение) - это видео.
• Видео (или картинки) имеют миниатюры. У видео может быть несколько миниатюр (т. Е. Если вы наводите курсор на них, вы можете видеть большие пальцы из нескольких точек на видео ... это может привести к тому, что экран будет выглядеть слишком "занятым").
• Существует имя и, возможно, небольшие метаданные, связанные с каждым. Аудиофайлы обычно содержат много метаданных. Я никогда не использовал метаданные для видеофайлов и не нашел индексацию видео на основе метаданных, которую Winamp et. и др. сделать, чтобы быть довольно раздражающим. Там нет комментариев или описаний.
• возможно для сортировки списков, и они не обязательно должны присутствовать в иерархической структуре (то есть возможен поиск папок или папок на основе определенных атрибутов - хотя это действительно было бы возможно полезно ли пользователю иметь папку для всех видео длительностью более 20 минут?).
• Миниатюры будут извлекаться с сервера по мере необходимости (при их просмотре)

Вот несколько случайных идей:

• Представление в виде одной панели с довольно маленькими именами и значками в зависимости от типа файла (то есть, по сути, интерфейс, похожий на проводник). Возможно столбцы, хотя разные типы носителей делают сортировку по столбцам довольно бесполезной. Чтобы получить больше информации и миниатюру, пользователь наводит на элемент, который выскакивает детали и миниатюру, если она доступна. Достижения в один клик.
• Двухпанельный вид. Левая имеет ту же структуру, что и выше. Один клик выбирает элемент и отображает его детали в правой панели. Двойной щелчок выбирает элемент или открывает папку.
• Конкретные режимы / фильтры. Сначала пользователь выбирает режим мультимедиа (то есть видео или аудио). В режиме видео элементы в списках становятся больше и отображается более похожий на YouTube вид. Нажатие на видео выводит пользователя на отдельный экран с контентом. Кроме того, в этом режиме видео можно отображать мозаичным способом. Аудиорежим имеет редактор списков воспроизведения, элементы управления воспроизведением / паузой / остановкой и работает больше как традиционный медиаплеер с функцией drag-n-drop и т. Д. Режим изображения обеспечивает легкий доступ к просмотру слайд-шоу. Аудио режим позволит сортировать по метаданным (исполнитель / альбом / и т. Д.), А не по структуре папок.
• (возможно, в дополнение к одному из вышеперечисленных) функция «быстрого поиска» в стиле Google Desktop / Windows Vista + / и т. Д. При вводе имени появится список результатов в любом месте индекса, соответствующего подстроке. Нажатие Enter автоматически воспроизведет / покажет наиболее подходящий файл.

Есть идеи? Я хочу, чтобы акцент здесь был сделан на простоте и удобстве использования, а не на функциях. iTunes, реальный проигрыватель, даже YouTube и т. д. стремятся быть в центре внимания пользователей. Я ищу простой и обтекаемый.

Answer 1

Я бы сказал, что самым простым подходом было бы использовать дизайн, который наиболее знаком с: древовидное представление слева для папок с набором миниатюр для текущей папки справа. Кроме видео, вы можете воспроизводить миниатюры (либо видео целиком, либо небольшой репрезентативный клип), когда пользователь выбирает его.

Нет ничего плохого в использовании дизайна, который уже работает. Это делает ваше приложение более доступным для новых пользователей и, таким образом, увеличивает вашу скорость присоединения.

Посмотрите на приложение Айва Infragistics , чтобы узнать больше шаблонов пользовательского интерфейса. Кроме того, в книге Дженнифер Тидуэлл "Проектирование интерфейсов" содержится отличный справочник.