UX:如何使用视频呈现目录/文件结构?

时间:2009-10-26 23:33:44

标签: silverlight user-interface usability

呈现此内容会有什么好用户体验?我有:

  • 一个文件夹/目录结构,主要包含需要在Silverlight应用程序中显示的媒体文件。可以扩展未来版本以允许呈现一些非媒体文件。典型的用例(我正在为其定制解决方案)是视频。
  • 视频(或图片)有缩略图。视频可能有多个缩略图(例如,如果将鼠标悬停在它们上方,您可以看到视频中多个点的拇指......这可能会使屏幕看起来太“忙”)。
  • 有一个名称,可能还有一些与每个相关联的元数据。音频文件往往有很多相关的元数据。我从未使用过视频文件的元数据,并找到了Winamp等人对视频的基于元数据的索引。人。做得相当讨厌。没有评论或说明。
  • 可能对列表进行排序,并且它们不一定需要存在于层次结构中(即基于特定属性的搜索文件夹或文件夹是可能的 - 尽管它真的会是否有用,允许用户拥有超过20分钟的所有视频的文件夹?)。
  • 将根据需要从服务器检索缩略图(当它们被分成视图时)

以下是一些随意的想法:

  • 一个单面板列表式视图,具有基于文件类型的相当小的名称和图标(因此,基本上是类似于资源管理器的界面)。 可能是列,但不同的媒体类型使列上的排序相当无用。要获得更多信息和缩略图,用户悬停一个项目,会弹出详细信息和缩略图(如果有)。单击前进。
  • 双面板视图。左边具有与上面相同的结构。单击一下即可选择一个项目并在右侧窗格中显示其详细信息。双击选择项目或打开文件夹。
  • 特定模式/过滤器。首先,用户选择媒体模式(即视频或音频)。在视频模式下,列表中的项目会变大,并且会显示更“类似YouTube”的视图。单击视频会将用户带到包含内容的单独屏幕。或者,可以在此模式下平铺显示视频。音频模式具有播放列表编辑器,播放/暂停/停止控制,并且更像传统的具有拖放功能的媒体播放器等。图像模式允许轻松访问幻灯片显示。音频模式将允许按元数据(艺术家/专辑/等)而不是文件夹结构进行排序。
  • (可能除上述之一之外)“Google桌面/ Windows Vista +等”的“快速搜索”功能。键入名称将弹出索引中与子字符串匹配的任何位置的结果列表。按Enter键将自动播放/显示最相关的文件。

有什么想法吗?我希望这里的重点是简单易用,而不是功能。 iTunes,真实播放器,甚至YouTube等都倾向于成为用户关注的最前沿。我正在寻找简单和精简的。

1 个答案:

答案 0 :(得分:1)

我认为最简单的方法是使用大多数人熟悉的设计:左侧的树视图,右侧是当前文件夹的缩略图集合。此外,对于视频,您可以在用户选择缩略图时播放缩略图(整个视频或小型代表剪辑)。

利用已经有效的设计并没有错。它使您的应用程序对新用户更加平易近人,从而提高您的附加率。

查看Infragistics' Quince app以获取更多UI模式。此外,Jennifer Tidwell的书“设计界面”提供了很好的参考。