CN102819541A - 一种文件管理系统用户界面的设计方法 - Google Patents

Abstract

一种文件管理系统用户界面的设计方法，包括三个步骤，步骤一为获取物理存储上的文件列表；步骤二为将文件、文件夹以节点表示；步骤三为通过连接图形将非根节点在根节点四周层次连接为呈放射状的文件图。使用本发明的方法克服了现有文件管理系统使用线性管理及交互带宽窄的问题，使文件管理系统用户界面形成了一种非线性组织结构，在其上更适合直接操纵交互方式，由于其符合人的认知特性，因此大大提高了系统和用户之间的交互带宽，减少了用户的认知荷载，提高了用户与系统交互的效率。

Description

一种文件管理系统用户界面的设计方法

技术领域

本发明涉及一种文件管理系统的设计方法，尤其涉及一种文件管理系统用户界面的设计方法。

背景技术

用户在使用个人计算机、智能手机时会保存许多各种类型的文件，可能有电子书、音乐、视频、office文档、电子便笺等。这些文件作为个人文件不仅因为它们是用户自己保存或者收集的，更因为用户以后可以检索并使用它们，使用它们是用户的最终目的。文件管理系统用户界面的作用是提供一个方便用户管理和使用个人文件的方式，使用户可以有效、高效、满意地管理使用个人文件。

如同其它用户界面的发展一样，文件管理系统用户界面的发展主要经历了三个阶段：批处理界面、命令行界面、图形用户界面。以直接操纵为主要特点的WIMP(Windows，Icons，Menus，Pointer)界面是PC上图形化界面的主要表现形式，对于移动设备，虽然鼠标的点击操作被手指的触摸操作代替，但是并没有发生质的变化，只能说是WIMP针对移动设备特制的微缩版本或改进版本。

以技术为中心的设计方法产生了低可用性，当前用户界面设计方法的发展趋势是以人为中心的设计方法。以人为中心的设计过程要求设计者首先理解特定的使用上下文，然后再去规约用户需求。现有的文件管理系统用户界面虽然可以满足用户功能上的需求，完成用户的各种任务，但无法使用户高效地管理文件，也无法向用户提供更好的使用体验。

现有方法设计的各种文件管理系统用户界面如windows下的explorer，android下的ES文件管理系统，其共有的主要缺点是：一、使用线性管理的方式。用户要定位到某一文件，就从根目录开始一层层进入到目标文件所在的文件夹，从上自下定位到目标文件。想要进入深一层的文件夹，就切换了一次界面；想要进入上级文件夹下的其它文件夹，需要进行两次界面切换，先返回上级目录，然后再进入目标文件夹。由于切换不是用户的目标，但在传统方式下进行复制、粘贴等又不得不做，因此每一次切换都会带来心理上的不适；二、用户与系统交互的带宽较窄，系统提供给用户的只有某级目录下的文件列表，未提供其父目录、子目录的信息，也未提供灵活的分类方式。用户无法使用无意识记忆信息。

发明内容

本发明的目的是克服现有用户界面设计方法产生的使用线性管理方式和用户与系统交互带宽较窄的问题，以实现非线性的文件管理，并增加用户与系统交互的带宽，提高用户与系统交互的效率。

为达上述目的，本发明提供了一种文件管理系统用户界面的设计方法，包括三个步骤：

步骤1、获取物理存储上的文件列表。可使用各种语言提供的库函数，包括其集成开发环境IDE提供的相关接口，也可使用操作系统提供的API函数或使用系统自带的工具程序。

步骤2、将文件、文件夹以节点表示，使用此发明方法生成的用户界面主要由节点、节点之间的连接图形组成。

步骤3、通过连接图形将非根节点在根节点四周层次连接为呈放射状的文件图。文件图中将界面中没有前驱节点的节点称为根节点，与之对应，其它有前驱节点的节点称为非根节点；不再作为其它节点前驱节点的节点称为叶节点；每个节点有零个或多个子节点；节点A为节点B的前驱节点，则称节点A为节点B的父节点，节点B为节点A的子节点。这里将节点分为根节点和非根节点、叶节点和非叶节点、父节点和子节点都只是为了方便说明。整个文件管理系统用户界面就是一个节点图，或称文件图，文件图看起来像一颗向四周生长的树。

上述文件管理系统用户界面的设计方法，在步骤3通过连接图形将非根节点在根节点四周层次连接为呈放射状的文件图时，首先将根节点定位于屏幕中央。

上述文件管理系统用户界面的设计方法，步骤1可以是在android系统使用File类，将Path作为参数构造File类的对象以获得该Path的所有属性，通过递归遍历获得所需文件列表；步骤2可以是将步骤1获得的文件列表中的每一项，以文件名或文件夹名作为标识，以文件或文件夹的完整路径、类型、大小、创建日期、读写权限作为属性，在内存中创建节点；步骤3可以是依照文件列表的层次结构，将对应的顶层节点作为根节点放置在屏幕中央，其子节点均匀分布在根节点周围，根节点子节点的子节点均匀地分布在根节点子节点的周围，如此递归形成文件图。

上述文件管理系统用户界面的设计方法，在步骤3之后还包括在节点之间添加链接的步骤。

上述文件管理系统用户界面的设计方法，在步骤3之后还包括，将节点按照其属性分类，给不同属性的节点使用不同样式表示的步骤。使用分类的思想所依照的属性有文件种类(是文件夹还是文件)、创建日期、文件格式(avi、pdf、txt、bat、doc)、修改日期、是否隐藏、文件作者、文件大小、修改日期以及由这些单一属性组合而成的复合属性。可以使用文件或文件夹节点名称的颜色、字体、底纹、背景或者其节点图形表示的颜色、形状、填充颜色，以及由这些单一样式组合而形成的复合样式来表示不同类的节点。同时包括在包含子节点的父节点旁添加打开指示或折叠指示的步骤。打开指示可以是加号、带圆圈的加号、也可以是使用文字“展开”、“打开”形成的对用户的操作指示；折叠指示可以是减号、带圆圈的减号、也可以是使用文字“关闭”、“折叠”、“合起”形成的对用户的操作指示。用户使用鼠标点击打开指示，或者使用触摸操作范式点击打开指示时，显示此打开指示所在节点下未显示的子节点，并自动将打开指示变换为折叠指示。反之，用户使用鼠标点击折叠指示，或者使用触摸操作范式点击折叠指示时，取消对此折叠指示所在节点下子节点的显示，并自动将折叠指示变换为打开指示。

上述文件管理系统用户界面的设计方法，在步骤3之后，还包括由用户从文件图上将自己不关心的、不希望显示的节点删除的步骤。物理存储中的文件可以分为两类，一类是用户关心的，一类是用户不关心的，用户不关心的文件不应该在文件管理系统中直接暴露给用户，此步骤由用户决定哪些文件是其关心的，哪些是其不关心的。之后便将用户不关心的文件(如系统文件)去除，这里不是删除移动设备的物理存储，只是在文件图用户界面的显示中将其去除。

上述节点本身可以用文字表示或用长方形、圆形、多边形或带阴影的图形结合文字或用文件缩略图、文件缩略图结合文字表示。上述节点之间的连接图形可以是直线、曲线或不规则的几何图形。

上述文件管理系统用户界面的设计方法，还包括允许用户对文件图进行各种个性化设置，如节点背景图片、文件图或节点背景音乐、节点动画，因为图像、声音等信息对用户认知也有积极意义，使用它们使用户定制自己的文件图样式可以提高系统的可用性。

本发明的主要优点是：

一、采用非线性组织结构

文件图文件管理系统用户界面的最大特点是使用非线性的文件组织结构，首先，它避免了线性组织文件需要频繁切换界面所带来的时间延迟以及由此造成的用户不满。例如移动操作，在现有文件系统用户界面下，需要多步来完成：进入要移动的文件所在的文件夹；剪切文件；进入要移动至的目的文件夹；粘贴文件。但对于文件图用户界面，只需拖动文件一个步骤。这也减少了在文件图上操作的差错率。同时将线性结构改为非线性只体现在用户界面上，并不要求改变文件的物理存储；其次，它克服了原有文件管理系统用户界面某一时刻主要显示特定路径下某一层次文件信息(也就是只显示某一文件夹下所有文件夹及文件)的缺点，增大了用户和系统交互的带宽，一方面，系统给用户呈现信息的带宽增加了。在用户使用文件系统的过程中，这些信息在不加重用户认知负担的前提下(用户并没有有意去记忆)不断强化用户对现有文件及其属性的认知，主要包括文件的名称、位置、颜色、字体、形状及周边的父节点、子节点、兄弟节点等相关信息，这些都为日后用户的再次查找使用提供信息；另一方面，用户可以操作和选择的空间变大，输入信息的带宽也增加了。

二、使用隐喻

通过使用隐喻，可以使用户把在现实生活中的操作技能自然地映射到人机对话中，降低了学习门槛。人们在使用笔时不会注意到笔的存在，使用小推车时也不会注意小推车本身的存在，因为人类使用笔和小推车好多个世纪了，相关的操作已融入到他们的生活中，渗透在他们的血液中。所以需要将文件管理系统的用户界面通过使用隐喻和现实中人们经常使用的物品结合起来，文件图用户界面，正是使用地图的隐喻。现在人们能找到的最早的地图实物是刻在陶片上的古巴比伦地图，据考这是4500多年前地图，可见地图也如笔、小车一样早已融入人们的生活中，当前广泛应用并深受用户喜爱的电子地图就是使用地图的隐喻。文件图上的表现形式和操作形式和地图及电子地图的极大相似性提高了系统的易学习性。

三、直接操纵

直接操纵的方法要求系统提供对象表示，使得用户对对象表示的操作像是在操作对象自己，这提供给用户直接操作的感觉；同时直接操纵缩小了用户意图和系统提供的实现机制之间的信息处理距离，减少了用户完成目标所需的努力。采用直接操纵的用户界面已被用户广泛接受并喜爱。在文件图用户界面上，所有对象的图形表示都在同一个文件图上，直接操纵变得很自然。例如，我们可以拖动一个节点到文件图的另一个节点表示移动，将一个节点拖到垃圾筐表示删除。

附图说明

下面结合附图和实施方式对本发明作进一步详细的说明。

图1为本发明实施例1最终得到的用户界面的结构示意图。

图2为本发明实施例1完成步骤3后所生成的文件图的结构示意图，同时为本发明实施例2最终得到的用户界面的结构示意图。

图3为本发明实施例1完成步骤4后所生成的文件图的结构示意图。

图4为本发明实施例1完成步骤5后所生成的文件图的结构示意图。

图5为本发明实施例1完成步骤6后所生成的文件图的结构示意图。

图6为本发明实施例3和实施例4最终得到的用户界面的结构示意图。

具体实施方式

实施例1：使用本发明方法生成一个管理android系统智能手机SD卡文件的文件管理系统用户界面。SD卡包含文件f11、s12、f13、f21、f22、s31、s32、f33、f41、f521、f522、s523，包含文件夹F1、F2、F3、F4、H1、F5、F51、H52以及SD，这里根路径自身作为特殊文件夹对待。

在本实施例中，用户不关心文件f522，其它文件和文件夹都是用户关心的；文件f11、f13、f21、f22、f33、f41、f521、f522为只读文件和文件s12、s31、s32、s523为读写文件，文件夹H1、H52具有隐藏属性，而文件夹F1、F2、F3、F4、F5、F51、SD不具有隐藏属性；用户只希望F2的子节点折叠；文件f33与f13关联。

步骤1：获取SD卡上的文件列表：

从物理存储读取的文件列表为：SD/F1/f11；SD/F1/s12；SD/F1/f13；SD/F2/f21；SD/F2/f22；SD/F3/s31；SD/F3/s32；SD/F3/f33；SD/F4/f41；SD/H1；SD/F5/F51；SD/F5/H52/f521；SD/F5/H52/f522；SD/F5/H52/s523。

步骤2：将文件、文件夹以节点1表示：

从步骤1获得的文件列表，我们可以得到节点f11、s12、f13、f21、f22、s31、s32、f33、f41、f521、f522、s523、F1、F2、F3、F4、H1、F5、F51、H52、SD。

这里节点SD为根节点，其它节点为非根节点。

步骤3：通过连接图形2将非根节点12在根节点11四周层次连接为呈放射状的文件图。这里形成文件图的具体过程可以使用递归法，即在根文件节点11下添加子节点，再在子节点上添加子子节点，如此递归，直至将第二步得到的非根节点12全部添加到文件图。得到的文件图如图2所示。

步骤4：由用户从文件图上将自己不关心的、不希望显示的节点f522删除。得到的文件图如图3所示。

步骤5：将节点按照其属性分类，给不同属性的节点使用不同样式表示。文件f11、f33、f41、f521、f522和文件s523、s12、s31、s32拥有不用的属性，因此其对应的节点使用的表示图形属性不同；文件同文件夹也属于不同的节点，其对应的节点也使用不同的图形表示；根节点使用不同于非根节点的图形表示；文件夹H1、H52具有隐藏属性，而文件F1、F2、F3、F4、F5、F51、SD不具有隐藏属性，因此其对应的节点使用不同的图形属性表示。得到的文件图如图4所示。

步骤6：在包含子节点的父节点旁添加打开指示31或折叠指示32。

本实施例中，使F2的子节点处于不显示状态并在F2左侧添加带加号的圆的图形；在节点F1、F3、F4、F5及H52旁添加中间带有减号的圆的图形；节点H1、F51没有子节点，即表示其对应的文件夹中没有文件和文件夹，旁边不显示图形。得到的结果如图5所示。

步骤7：文件f33与f13存在关联，其对应的节点使用链接线4连接，通过节点f33可以访问f13。这样得到实施例一生成的最终用户界面如图1所示。

下边进一步说明在使用本发明的方法生成的用户界面上的具体操作：

一、管理文件图

对文件图来说，节点是具体文件、文件夹对象的图形化表示，对文件图的编辑操作主要有删除节点、消隐节点、复制节点、移动节点。这里以其操作方式之一进行简要介绍：当用户使用点击操作选择单个或多个节点时，界面旁边出现垃圾筐、消隐筐、中转筐等图形，此时用户可以使用拖动操作将选中节点及其子节点拖到垃圾筐、消隐筐、中转筐上来实现删除节点、消隐节点、复制节点。直接拖动节点到其它节点下即可实现移动操作。对于用户来说，这种直接操纵的方式有利于其达到自己的目标。当用户选中任一节点时，采用广泛使用的触觉反馈技术，使手机轻微震动，作为对手指阻挡了部分屏幕而降低了界面可视反馈的补偿。这使得用户可以确定自己的操作，如果用户是误选，则可以通过再次选择该节点而取消选择。这样可以防止用户在误操作后，因为缺乏足够反馈而导致用户并未发现此误操作，而引起的后续错误发生。

二、使用文件图

用户使用文件图的主要操作有手动查找节点、操作节点。通过移动文件图和缩放文件图来定位目标文件。在文件图空白处拖动即可移动文件图。缩小操作的一个作用是减小用户定位目标文件所需的对文件图的拖动距离，另一个作用是使用户掌握文件图的整体情况。放大操作的一个作用使用户可以轻松看清文件图局部细节，另一个作用是方便用户对文件进行相关操作。在节点上使用连击可以设定此文件夹节点显示在设备的中心，它提供了一个和拖动操作功能作用相同的操作方式。用户通过手动查找或者搜索找到需要的文件后即可进行相应的进一步操作，例如通过在音频文件上点击来使用相关联的程序进行播放。

实施例2：使用本发明方法生成一个android系统平板电脑文件的文件管理系统用户界面。此平板电脑包含文件f11、s12、f13、f21、f22、s31、s32、f33、f41、f521、f522、s523，包含文件夹F1、F2、F3、F4、H1、F5、F51、H52以及SD。

步骤1、步骤2、步骤3同实施例1，完成步骤3后得到的文件图，如图2所示即为最终的用户界面。

使用本实施例用户界面时的具体操作与实施例1同。

实施例3：使用本发明方法生成一个管理windows系统PC一文件夹下文件的文件管理系统用户界面。要管理的文件夹名称为SD，此文件夹中含文件f11、s12、f13、f21、f22、s31、s32、f33、f41、f521、f522、s523，包含文件夹F1、F2、F3、F4、H1、F5、F51、H52。

在本实施例中，文件f11、f13、f21、f22、f33、f41、f521、f522为只读文件和文件s12、s31、s32、s523为读写文件，文件夹H1、H52具有隐藏属性，而文件夹F1、F2、F3、F4、F5、F51、SD不具有隐藏属性；用户只希望F2的子节点折叠。

步骤1、步骤2、步骤3同实施例1；步骤4同实施例1的步骤5；

步骤5同实施例1的步骤6。得到的最终用户界面如图6所示。

使用本实施例用户界面时的具体操作与实施例1同。

实施例4：实现场景同实施例3。

步骤1、步骤2、步骤3同实施例1；步骤4同实施例3的步骤5；

步骤5同实施例3的步骤4，但由于在步骤4加入了可折叠包含子节点的文件夹节点的操作，对于已折叠的节点，其子节点仍按其属性确定其显示样式，但不在界面显示。用户使用鼠标点击打开指示，或者使用触摸操作范式点击打开指示时，则将其显示。

得到的最终用户界面如图6所示。

使用本实施例用户界面时的具体操作与实施例1同。

实施例5：使用本发明方法生成一个管理塞班系统智能手机SD卡文件的文件管理系统用户界面。SD卡包含文件f11、s12、f13、f21、f22、s31、s32、f33、f41、f521、f522、s523，包含文件夹F1、F2、F3、F4、H1、F5、F51、H52以及SD，这里根路径自身作为特殊文件夹对待。

在本实施例中，用户不关心文件f522，其它文件和文件夹都是用户关心的；文件f11、f13、f21、f22、f33、f41、f521、f522为只读文件和文件s12、s31、s32、s523为读写文件，文件夹H1、H52具有隐藏属性，而文件夹F1、F2、F3、F4、F5、F51、SD不具有隐藏属性；用户只希望F2的子节点折叠；文件f33与f13关联；用户希望文件图以一张草地的照片作为文件图背景。

步骤1至步骤7同实施例1；

步骤8：用户对文件图进行个性化设置，将草地的照片作为文件图的背景，即得到最终的用户界面。

使用本实施例用户界面时的具体操作与实施例1同。

Claims (8)

1.一种文件管理系统用户界面的设计方法，其特征在于：包括以下步骤：步骤1、获取物理存储上的文件列表；步骤2、将文件列表中的文件、文件夹以节点(1)表示，其中：节点(1)包括根节点(11)和非根节点(12)；步骤3、通过连接图形(2)将非根节点(12)在根节点(11)四周层次连接为呈放射状的文件图。

2.根据权利要求1所述文件管理系统用户界面的设计方法，其特征在于：在步骤3通过连接图形(2)将非根节点(12)在根节点(11)四周层次连接为呈放射状的文件图时，首先将根节点(11)定位于屏幕中央。

3.根据权利要求1所述文件管理系统用户界面的设计方法，其特征在于：

所述步骤1的具体步骤为：在android系统使用File类，将Path作为参数构造File类的对象以获得该Path的所有属性，通过递归遍历获得所需文件列表；

所述步骤2的具体步骤为：将步骤1获得的文件列表中的每一项，以文件名或文件夹名作为标识，以文件或文件夹的完整路径、类型、大小、创建日期、读写权限作为属性，在内存中创建节点(1)；

所述步骤3的具体步骤为：依照文件列表的层次结构，将对应的顶层节点作为根节点(11)放置在屏幕中央，其子节点均匀分布在根节点(11)周围，根节点子节点的子节点均匀地分布在根节点子节点的周围，如此递归形成文件图。

4.根据权利要求1所述文件管理系统用户界面的设计方法，其特征在于：在步骤3之后还包括在节点(1)之间添加链接(4)的步骤。

5.根据权利要求1所述文件管理系统用户界面的设计方法，其特征在于：在步骤3之后还包括将节点(1)按照其属性分类，给不同属性的节点(1)使用不同样式表示的步骤，以及在包含子节点的父节点旁添加打开指示(31)或折叠指示(32)的步骤。

6.根据权利要求1所述文件管理系统用户界面的设计方法，其特征在于：在步骤3之后还包括由用户从文件图删除节点(1)的步骤。

7.根据权利要求1、2、3、4、5或6所述文件管理系统用户界面的设计方法，其特征在于：节点(1)本身以文字表示或用长方形、圆形、多边形或带阴影的图形结合文字或用文件缩略图、文件缩略图结合文字表示，节点(1)之间的连接图形(2)可以是直线、曲线或不规则的几何图形。

8.根据权利要求7所述文件管理系统用户界面的设计方法，其特征在于：在步骤3之后还包括允许用户对文件图进行个性化设置，以定制自己的文件图样式的步骤。

Images