图片浏览器界面设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
1.关于如何评价界面设计
界面设计已成为软件设计中至关重要的一环,如何对软件用户界面进行评价,以更好地 指导软件用户界面的设计和开发,也就成为摆在软件设计人员面前的一项重要课题。 通过总结,评价图片浏览器界面的设计可通过如下3大关键点:
1. 用户需求:用户群分类、需求分析 2. 界面显示:美观性、一致性 3. 交互方式:易用性、指导性、灵活性、稳定性、效率
Picture manager
Picture manager菜单以淡蓝色为基调,布局简单但略显松散,按钮较小。
3.2 一致性
一致性好的用户界面能够减少用户熟悉和学习的时间,降低他们记忆的负担。一致性又 分为内部一致性和外部一致性(兼容性)。 (1)内部一致性。内部一致性指软件系统内的界面保持相互一致,即对于相同或相似的功 能,界面风格应相同或基本相同。该评价指标可定义为某几组相似功能的风格一致性比率。 (2)外部一致性。外部一致性指与用户熟悉的其他软件用户界面相一致,即与其它用户熟 悉或相同或相似的功能的软件(如Windows操作系统通用风格、升级前旧系统风格等)是否 一致。在定义阶段应定义需要比较的系统及其相关功能。
ACDSee
浏览页面有传统的 后退、前进、向上按钮 并有固定地址栏显示图片所在文件夹,可通过左侧文件树快速切换 跳出编辑模式只能通过”完成编辑”按钮 状态感知确切,编辑模式的返回不易辨识,上手需要些时间
Picasa
即便是在编辑状态中也能通过顶层浏览栏查看临近图片 左上角有明显的返回按钮 符合使用习惯 更可直接双击进入或退出编辑模式 界面操作直观 便捷 指导性强
ACDSee是最早作为JPEG解码器得以广泛使用的软件之 一。 由ACD Systems开发的一款图形浏览工具 。 是同类图片浏览器中占有率最高的软件之一。
2004 年 7 月 13 日,Google 接管了 Picasa 公司软件的开发, Picasa 软件可以管理共享数字图像。近年来十分流行的一款 图片浏览器,常被用户与 ACDSee 进行比较。
易用性 ★★★★ ★★★★★ ★★★★
指导性 ★★★ ★★★★★ ★★★★
灵活性 ★★★★ ★★★★ ★★★★★
稳定性 ★★★★★ ★★★★ ★★★★
效率 ★★★★ ★★★★★ ★★★★★
★★★★★ ★★★
★★
★★★★
★★★
4.1 易用性
软件界面应能让用户快速学习和上手,且尽量符合用户的操作认知。易用性又分为: (1)操作经济性。即减少不必要用户的交互,方便数据输入,对于需要输入的数据尽可能 提供默认值。该指标可定义为制定功能不需要用户输入的项目占总项目的比值。 (2)易学习性。易学性的主要内容是指软件具有直观性。功能直观,操作简单,状态明了 的软件才能让用户一学就懂,一练就会,一看就明白。该指标可定义为用户完成制定功能操 作所需时间及用户出错率下降到特定指标所需时间。
2.用户需求分析
3.显示风格
显示风格主要指界面上显示的静态的视觉元素。它可分为美观性和一致性两个方面。
软件
ACDSee Picasa Adobe Bridge Picture Manager
美观 ★★★ ★★★★ ★★★★★ ★★
一致性 ★★★★ ★★★★★ ★★★★ ★★★★
3.1美观性
在允许的程序与存储开销下,美观是任何软件界面的追求的目标,和谐的画面色彩,形 象的三维图案,得体的文字将营造一个使用户感到舒适的环境。与美观性相关的指标可能有: (1)颜色种类。颜色种类是否过多或过少。过多的颜色使人感觉界面凌乱,没有重点;过 少的颜色又使界面显得单调。在定义阶段可以定义当前软件合理的颜色种类数量。 (2)配色方案。针对软件类型以及用户工作环境选择恰当色调和配色方案。如:安全软件, 根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等。在浅色 背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色 背景则不易分辨,而蓝色和白色反差很大。在定义阶段可以定义当前软件的整体色调和配色 方案。 (3)界面布局。拥挤的屏幕让人难以理解,因而难以使用。试验结果(Mayhew,1992年)屏 幕总体覆盖度不应该超过40%,而分组覆盖度不应该超过62%。让人看上去,不能太拥挤, 也不能太松散。除了总体覆盖度,文字和控件的对齐方式、界面采用的分辨率等也是该项指 标需要定义的内容。
Picasa
Google Picasa 的版面非常简洁精致,浅灰色的背景,少量蓝色提亮。所有的命令都 安排在了版面的上方和下方,左侧为被Picasa监视的所有文件夹。选定文件或者文件夹之后 还会出现一些相关的功能,这样的设计对于初次使用者来说显得比较清楚明了。
Adobe Bridge
Adobe Bridge 的界面同样非常清晰规整,版面底色不同于其他3软件的浅色调而运用了 深灰色,不仅很好地突出了图片信息,同时减轻了视觉负担
Mac OS X
Windows 所有平台
Picture Manager Windows 98 ME
XP
Vista Vista
4.4 稳定性
(1)健壮性。所谓健壮性就是防止用户错误操作的能力和承受用户操作失误的能力。防止 出现诸如系统中关键数据被破坏,重要处理被不恰当的启动等会引起严重后果的用户误操 作。可定义为用户进行错误操作后引起系统故障所占比率。 (2)响应稳定性。相应稳定性指相同操作响应时间的稳定性。可定义为指定功能操作响应 时间与均值的方差。
图片浏览器界面设计分析
薛晨 (北京服装学院,北京 100029)
目录 摘要……………………………………………………….3 0 引言……………………………………………………..3 1.如何评价界面设计……………………………………..4 2.用户需求分析………………………………………..…4 3.界面显示……………………………………………..…4
Picasa
界面风格较为一致 功能风格略有差异
Picture Manager
风格过于统一 缺少变化 略显死板
4 交互方式(操作方式)
交互方式主要指界面与用户动态交互的方式,如用户的输入、输出、信息的反馈等。 它包含以下5个要素: 易用性、指导性、灵活性、稳定性 和效率
软件
ACDSee Picasa Adobe Bridge Picture Manager
Microsoft Office Picture Manager
Adobe Bridge 是Adobe公司开发的一个组织工具程序,于 2005 年5 月发布。Adobe Bridge 可以组织、浏览和查找所 需资产,以创建供印刷、Web、电视、DVD、电影及移动 设备使用的内容。Adobe Bridge 可使用户轻松访问原始 Adobe 文件(如 PSD 和 PDF)以及非 Adobe 文件。 MicrosoftOffice Picture Manager 是微软 office 系列工具组 件之一,可以完成基本的图片管理与常用的编辑。 首 次 连 同 Microsoft Office 2003 发 布 , 并 取 代 旧 有 的 Microsoft Photo Editor。
只得一提的是,Picasa 在编辑状态下退出会先返回到浏览页面的当前文件夹,再次点 击退出才能退出软件 。非正常关闭后,再次启动软件会自动切入关闭前的页面。尽可能的 减少了误操作带来的损失,人性化。
ACDSee
视图布局,工具栏,过滤、排序等使用方式都可灵活调整
Picasa
查看方式、排序可以按偏好调整 过滤方式种类多 可量化 且直观
Adobe Bridge
为图片添加与删除标签:使用“Label(标签)”菜单,或使用文件上的右键菜单中的“标签” 子菜单,都可以为选中的文件加上标签,一共有五种颜色可以选择,依次是:红色、黄色、绿色、 蓝色、紫色。
引言 随着数码相机与互联网的普及,大家电脑里的数码相片图片是越来越多,一个好的图片
搜索和浏览软件成为了大家电脑中的必备。现在看图软件越来越多,各有各的优势劣势,功 能也良莠不齐,那么,到底该让哪一款留在我们的电脑中呢?下面,就对现在流行的三款图 片浏览软件就界面设计来分析.
本文所涉及到的 4 款图片浏览器简介:
4.2 指导性
(1)状态感知性。状态感知性指用户知道自己所处的位置及系统进行的处理。该指标可定 义为用户可感知状态功能的比率。 (2)返回性。返回性指用户能按照其愿望回溯。该指标可定义为可实现回溯功能的比率。 (3)帮助与提示。帮助和提示指用户可以获得及时、有效的帮助。可定义为系统提供的帮 助、提示信息的功能数比率和帮助、提示的详尽程度。
Adobe Bridge
对我们比较有帮助的是这款软件的Filters panel(滤镜面板):对于不同的比率、文件格式、 长宽比例、ISO设置和文件的关键字,软件都可以提供预览,并帮助你找到你想要的图象。 堆栈可以帮助你对图片进行归类。当你手头有同一个镜头的多个版本时,使用它对文件夹下的图 片和剪辑进行分组会更加简单。此外,标准的星级系统(一星到五星)也可帮助你进行分类,你 可以使用拒绝命令来隐藏你不想看到同时又不想删除的文件。
使用菜单“训 aw(视图)”一“Sort(排序)”子菜单中的命令或工具栏上的“Unfilter(未筛选)” 按钮,可以选择只显示标有某种颜色标签的文件
三个软件分别可支持的平台
软件
运行平台
ACDSee
Win9X
NT/2000 XP
Picasa
windows XP VistaБайду номын сангаас
Linux
Adobe Bridge
图片浏览器界面设计分析
薛晨
(北京服装学院,北京 100029)
摘 要: 随着数码相机和互联网的普及,使得人们的生活方式发生了改变。越来越多的图片、照
片需要在电脑平台上浏览、管理、加工。本文就图片浏览器软件的界面设计来分析对比4个 软件,来展望图片浏览器软件界面的发展方向。
关键词:图片浏览器、界面设计、软件、用户、评价
3.1 美观性…………………………………………...5 3.2 一致性………………………………………...…7 4.交互方式………………………………………………..9 4.1 易用性……………………………………………9 4.2 指导性…………………………………………….9 4.3 灵活性……………………………………………14 4.4 稳定性……………………………………………16 4.5 效率……………………………………………....18 5.总结……………………………………………………...18 参考文献…………………………………………………..19 附录………………………………………………………..19
ACDSee
ACDSee还是沿用他一贯的版面,不过在界面的安排上比以前更加合理,更加简洁。将 很多细小的功能都收到了菜单中,不用打开编辑器就能看到几个对于图片管理的功能。但另 一方面,ACDSee发展到现在的10版本,界面比以前复杂很多,在安装之后的默认情况下,图 标和按钮占据了主界面的很大一块地方,有时候看起来不是那么清爽。
Picture Manager
只能通过查看图片属性 了解所在位置 功能相对前两个软件少,上手也更快,但各功能间切换,返回等基本命令操作跨度大 不够 便捷
Picasa
Picasa搜索硬盘中的相片图片的速度很快,按Picasa主界面的“Search”按钮,然后在 “Search for”栏里输入查搜索的图片的名称或关键字,它就会自动帮你搜索图片,而且速度好 快,当你输入一个字后,准备输入第二个字时,它已经即时显示出搜索出的图片。不管照片有多 少,空间有多大,几秒内就可以查找到所需要的图片,但搜索同样的图片,ACDSee却花了一分钟 多
ACDSee
不能支持关键词搜索 需精确
Picture Manager
只支持范围查找
4.3 灵活性
(1)个体适应性。个体适应性指用户可以调整系统以适应自己的偏好的能力。可定义为用 户可调整功能所占比率。 (2)环境适应性。环境适应性指系统对环境变化的适应能力。可定义为界面系统支持软硬 件平台的数量,界面系统移植的难易程度等。 (3)用户控制性。用户控制性指用户在任意时刻中断、取消、暂停和继续系统任务的能力。 可定义为用户可控制的功能所占比率。