UX:如何用视频呈现目录/文件结构?
呈现此内容会是一个良好的用户体验吗?我有:
- 一个文件夹/目录结构,主要包含需要在 Silverlight 应用程序中呈现的媒体文件。未来的版本可能会扩展以允许呈现一些非媒体文件。典型的用例(我正在为其定制解决方案)是视频。
- 视频(或图片)有缩略图。视频可能有多个缩略图(即,如果您将鼠标悬停在它们上方,您可以看到视频中多个点的缩略图......但这可能会使屏幕显得过于“忙碌”)。
- 每个都有一个名称,可能还有一些相关的元数据。音频文件往往有很多相关的元数据。我从未对视频文件使用过元数据,并找到了 Winamp 等基于元数据的视频索引。等人。做起来相当烦人。没有评论或描述。
- 可以对列表进行排序,并且它们不一定需要存在于层次结构中(即搜索文件夹或基于特定属性的文件夹是可能的 - 尽管它真的有用吗允许用户拥有一个文件夹来存放所有时长超过 20 分钟的视频?)。
- 缩略图将根据需要从服务器检索(当它们被滚动到视图中时)
这里有一些随机的想法:
- 一个单面板列表式视图,具有基于文件类型的相当小的名称和图标(因此,基本上是一个类似资源管理器的界面)。 可能列,尽管不同的媒体类型使得对列进行排序相当无用。要获取更多信息和缩略图,用户将鼠标悬停在某个项目上,该项目会弹出详细信息和缩略图(如果有)。单击前进。
- 两面板视图。左边的结构与上面相同。单击一下即可选择一个项目并在右侧窗格中显示其详细信息。双击可选择项目或打开文件夹。
- 特定模式/过滤器。首先,用户选择媒体模式(即视频或音频)。在视频模式下,列表中的项目变得更大并且显示更加“类似YouTube”的视图。单击视频会将用户带到包含内容的单独屏幕。或者,视频可以在此模式下平铺显示。音频模式具有播放列表编辑器、播放/暂停/停止控件,工作方式更像具有拖放功能的传统媒体播放器等。图片模式允许轻松访问幻灯片查看。音频模式将允许按元数据(艺术家/专辑/等)而不是文件夹结构进行排序。
- (可能除了上述之一之外)“快速搜索”功能,如 Google 桌面/Windows Vista+/ 等。输入名称将弹出索引中与那里的子字符串匹配的任何位置的结果列表。按 Enter 键将自动播放/显示最相关的文件。
有什么想法吗?我希望这里的重点是简单性和易用性,而不是功能。 iTunes、Real Player、甚至YouTube等往往喜欢处于用户关注的最前沿。我正在寻找简单和精简的。
What would be a good user experience to present this? I have:
- A folder/directory structure containing mostly media files that need to be presented in a Silverlight app. Future versions may be expanded to allow some non-media files to be presented as well. The typical use case (that I'm tailoring the solution for) is video.
- The videos (or pictures) have thumbnails. Videos can potentially have multiple thumbnails (i.e. if you hover over them you can see thumbs from multiple points in the video... this may make the screen appear too "busy" though).
- There is a name, and possibly a little metadata associated with each. Audio files tend to have a lot of relevant metadata. I've never used metadata for video files and find the metadata-based indexing of videos that Winamp et. al. do to be fairly annoying. There are not comments or descriptions.
- It is possible to sort the lists, and they don't necessarily need to be present in the hierarchical structure (i.e. search folders or folders based on particular attributes are possible -- although would it really be useful to allow a user to have a folder for all videos longer than 20 minutes?).
- Thumbnails will be retrieved from the server as needed (when they are scolled into view)
Here are some random ideas:
- A one-panel list-like view with fairly small names and icons based on file type (so, basically an explorer-like interface). Possibly columns, though the disparate media types makes sorting on columns fairly useless. To get more info and a thumbnail, the user hovers over an item, which pops up details and a thumbnail if available. Single-click advances.
- A two-panel view. The left has the same structure as above. A single click selects an item and displays its details in the right pane. A double-click selects an item or opens a folder.
- Specific modes/filters. First, the user selects a media mode (i.e. video or audio). In a video mode, the items in the lists become larger and a more "YouTube-like" view is displayed. Clicking on a video brings the user to a separate screen containing the content. Alternatively, videos can be displayed tiled in this mode. The audio mode has a playlist editor, play/pause/stop controls, and works more like a traditional media player with drag-n-drop, etc. Picture mode allows easy access to slideshow viewing. The audio mode will allow sorting by metadata (artist/album/etc.) rather than folder structure.
- (Possibly in addition to one of the above) a "quick search" feature a la Google Desktop/Windows Vista+/ etc. Typing a name will pop up a list of results from anywhere in the index matching a substring there. Pressing enter will automatically play/show the most relevant file.
Any ideas? I want the focus here to be simplicity and ease-of-use, NOT features. iTunes, real player, even YouTube, etc. tend to like to be at the forefront of user attention. I'm looking for simple and streamlined.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为最简单的方法是使用最熟悉的设计:左侧是文件夹的树视图,右侧是当前文件夹的缩略图集合。除了视频之外,您还可以在用户选择缩略图时播放缩略图(整个视频或具有代表性的小剪辑)。
利用已经有效的设计并没有什么问题。它使您的应用程序更易于新用户使用,从而提高您的附加率。
查看 Infragistics 的 Quince 应用 了解更多 UI 模式。另外,还有Jennifer Tidwell的书《设计界面》提供了很好的参考。
I would argue that the simplest approach would be to use the design most are familiar with: a treeview on the left for folders with a collection of thumbnails for the current folder on the right. In addition for video, you could make the thumbnail play (either the video in its entirety or a small representative clip) when the user selects it.
There's nothing wrong with leveraging design that already works. It makes your application more approachable for new users and thus increases your attach rate.
Look at Infragistics' Quince app for more UI Patterns. In addition, there is Jennifer Tidwell's book "Designing interfaces" that provides a great reference.