如何直观地表示文件大小

时间:2010-04-06 16:02:45

标签: user-interface usability

这有点主观,我很害怕,但我很重视集体的建议。

我们的网络应用程序列出了用户可以下载的文档;标准文件导航器:

Type   Name     Created       Size
-----------------------------------
PDF    Doc 1    01/04/2010    15 KB
PDF    Doc 2    01/04/2010    15 MB

目前我们将文件大小列为文本,但我想通过某种方式显示直观文件是否很小,正常或巨大来改进这一点。

  

原因是用户可以快速扫描列表并找到可能需要很长时间下载的文件。

目前我的选择是:

  • 较大文件的较大字体大小(缺点:布局可能变得不整洁)
  • 图标(如Wi-Fi信号强度指示;缺点:难以扫描)
  • 将所有尺寸保留为KB,以便零的数量表示尺寸(缺点:用户必须计算头部的“友好”尺寸)

我知道这是一件很小的事,但我很感激任何人对此事的想法!

编辑:感谢您的回答!

据你所说,我认为:

  • 我真的很喜欢罗伯特想要告诉用户下载文件需要多长时间
  • 有人指出,如果我使用条形图或“信号强度”图标,会给人一种“最大”文件大小的印象
  • 我喜欢为文本着色 - 对于较大的文件更强

我将采用组合方式:

  • 统一字体大小
  • 较大文件的较暗文字
  • 工具提示告诉用户大致需要多长时间才能下载
  • 一小段文字,在括号中,大小之后,描述它有多大,例如:
15 KB (tiny)
2 MB (small)
20 MB (big)
300 MB (huge)

我会看看我是否可以在这里放一个屏幕截图,看看当我有原型时的样子。再次感谢您的反馈!

8 个答案:

答案 0 :(得分:7)

如果是我,我会以通常的方式显示文件的大小,但也会显示下载的估计时间(假设您的计算为1.5 MBit DSL)。

答案 1 :(得分:1)

长度取决于尺寸的酒吧怎么样?这类似于Wi-Fi信号图标的想法,但扫描会更容易。

颜色从绿色开始,随着长度的增加变为红色。

答案 2 :(得分:1)

如果您有空间,我会考虑将所有文件大小保持为常数单位,因此数量级由消耗的位数表示。使用右对齐数字,可以轻松扫描特定数量级。

请记住,使用此方法可以获得大约三个空间位置,因为您删除了单位列,而不是将单位放在文件大小列标题中,因此这不会太大。为了节省更多空间,请考虑以MB为单位显示大小(以MB为单位)。对于使用今天的宽带下载持续时间,一旦考虑到服务器响应时间和变化,0.1 MB以下的任何内容似乎都具有大约相同的持续时间。它不会超过加载新网页,用户不希望/需要持续时间估计。对于小于50kB的文件,您可以将其写为“低于0.1”。如果你真的需要空间,甚至可以解析为1 MB就足够了。

文件大小的线性图形表示(例如条形图)更适合评估相对下载时间。但是,当您的下载持续时间跨越三个或更多的数量级时,我看不到它运行良好。用户可能希望区分5到10分钟的下载,因此您需要在视觉上明显区别大约2 MB。我说你需要至少3个像素,2 MB的条形图,这几乎排除了表示GB或更多的文件。

您可以尝试使用单独的图形线性表示GB,MB和kB,但是这样的显示可能难以读取并且难以扫描(例如,由于读取错误,多手高度计已经在飞机中被大量抛弃) 。除非你的用户接受过培训或者有很多使用经验,否则我不会尝试这样的事情。

尝试使用图标,颜色,字体大小或符号数对文件大小进行排名或分类是有问题的,除非您知道用户的正确断点。但是,您可能无法知道,因为可接受持续时间的阈值将根据用户,他们的设备和他们的情况(他们有多少时间)而变化。我不会将红色用于任何文件大小,除非您希望某些用户认为该文件太大以至于下载可能会损坏他们的计算机或导致其他一些技术问题。

有利于排名的代码,如字体大小和符号数量,也可能存在问题,因为当您可能需要使用对数变换时,用户可能会认为它们与时间线性相关。以常数单位写出大小没有这个问题,因为很明显,即使对于不知道对数是什么的用户,地点的数量也与对数大小成对数关系。如果你想尝试某种排序符号,我建议用3-D实体的体积来表示大小(例如,各种尺寸的立方体)。这可以帮助用户理解一步意味着尺寸的非线性增加。当然,任何使用多个维度的图形编码都可能会在表格中出现行间距问题。

如果不能使用常量单位,那么以图形方式区分kB,MB,GB符号是一个不错的选择。我考虑使用字体粗细。它有点可扫描,但其实际功能是增加用户注意不同单元的机会,而不是帮助扫描特定大小范围的文件。如果用户打算下载文件,这很好,但只是希望能够计划下载时间。

实际上,如果任务确实是关于用户查找特定大小范围的文件,则按文件大小排序或过滤列表(默认情况下或作为用户选项)可能是最佳解决方案。

答案 3 :(得分:0)

如果你只有一个范围步(即只有kb或mb,或者只有mb或gb),那么我会使用size +最小单位。例如。 15000kb,15kb。如果你不得不这样做,那么kb,mb,gb那就不行了。

在显示kb,mb,gb的大小之后,简单的+ ++ +++或$ $$ $$$怎么样?

答案 4 :(得分:0)

进度条样式的大小指示器怎么样?

另一种方式是灰度缩放:微小的文件浅灰色,大的黑色。

答案 5 :(得分:0)

使用颜色怎么样?类似的东西:

  • 绿色,如果文件小于1MB
  • 如果文件介于1MB和10MB之间,则
  • 黄色
  • 如果文件超过10MB则为红色

或任何其他适合您必须处理的文件的比例... 您可以将这些颜色放在描述文件的行的背景或文本颜色上,或放在尺寸附近的图标上......

答案 6 :(得分:0)

有许多方法可以做到这一点,尽管对数量表肯定是必要的。我建议使用一个字段,该字段的大小和重复次数超过1000或1024的每个幂。像这样:

Type   Name     Created       Size
-------------------------------------
PDF    Doc 0    01/04/2010    15  B 
PDF    Doc 1    01/04/2010    15 KB .
PDF    Doc 2    01/04/2010    15 MB ::
PDF    Doc 3    01/04/2010    15 GB |||
PDF    Doc 4    01/04/2010    15 TB TTTT
PDF    Doc 5    01/04/2010    15 PB PPPPP
PDF    Doc 6    01/04/2010    15 EB EEEEEE

答案 7 :(得分:-1)

我喜欢KB的想法b / c更大的数字将脱颖而出。然后设置限制并可能使用css颜色突出显示...绿色是较短的时间,较暗的红色,较长的等等。