当前位置: 首页 >文章 > [译文] Dropbox Photos 可用性测试
收藏
分享

[译文] Dropbox Photos 可用性测试

举报ZYuhanZYuhan发布于 2018-08-031708阅读0点赞
视图:用户预期单击缩略图可以查看大图 "My god。怎么会给我看这个?" 每个用户尝试查看大图的第一反应是单击缩略图。他们中的一半人从未尝试过双击(这才是当前查看大图的方式),而是返回文件页面去。...

Dropbox一个很棒的产品,但是一个快速的可用性测试揭露了人们使用 Dropbox Photos 功能时遇到的两个关键问题。

测试对象

发现 Dropbox Photos 当前界面的痛点:

当前 http://dropbox.com/photos 的界面

测试范围

What:Dropbox在线平台

Who:Dropbox现有用户中,存有图片的人

Where:旧金山一家开咖啡店门口的路人

测试任务

1. 上传照片

2. 查看照片

3. 分享照片

(任务是根据照片储存应用的基本需求决定的。任务被设计成开放情景,避免引导用户用预先决定好的方式解决他们的问题。)

过程

评估笔记,确认可用性问题,并按照优先顺序排列他们。

每次会议的笔记的。用便利贴记录每一条问题

按照相似性分类,然后给类别命名。按照发生频率排列这些分类。

发现:2个关键问题

视图:用户预期单击缩略图可以查看大图

"My god。怎么会给我看这个?"

每个用户尝试查看大图的第一反应是单击缩略图。他们中的一半人从未尝试过双击(这才是当前查看大图的方式),而是返回文件页面去。

当想要查看大图时,用户的操作

(Z Yuhan 的解释:先单击左上角的“File”打开文件列表,再单击图片缩略图,发现只是选中而非查看大图后,右击打开菜单,最后选中菜单中查看大图的选项)

单击似乎是被认可的操作,在文件页单击某项=查看大图。

建议:允许用户使用它们预期的操作来查看大图。重新设计,用[单击]->[查看大图]替换当前的[单击]->[选择图片]。可以通过半透明的复选框来进行选择,这是图片应用中非常常见的交互形式。

新手适应:用户以为“Photos”是那些图片在Dropbox里的目录

“上传按钮TMD在哪?”

“糟透了,我居然连刚刚创建的相册都不知道在哪。”

新手适应中的一些问题:

用户认为“Photos”也应该有上传功能。尝试上传图片时,用户扫视顶部导航寻找上传按钮,然后点击其它区域寻找解决方法(上号、设置和文件目录)。用户不清楚“Photos”并不是一个真实存在的Dropbox目录(这只是一个图片检索),所以不能往里面上传。

当尝试上传图片时,用户的操作

因为上传和查看大图的失败,一些用户不确定“Photos”页面能带来什么好处。

一些用户也不能理解相册的结构。创建相册之后,他们从文件目录里查找,但是找不到。

“为什么相册不是真正存在的!?”

建议:用户需要是找“Photos”不是一个真实的目录,并且相册不是真正的次级目录。气泡提示、新手模式,或者做一个直接了当的文件结构都是可能的解决方式。

设计建议

用户想要通过单击来查看大图。用户需要知道“Photos”和相册并不是真实的目录。可能的解决方法?:

下文解释该方案

1. 单击查看大图

2. 通过复选框选择项目

3. 理解图片索引和相册不是真的

接下来

这个系列中第一部分重新构想 Dropbox Photos 体验是用户调研。用户调研的目标是理解目标用户的需求和动力。我将会使用这些需求和动力驱动产品在我的每个设计步骤的提升。

这是我的设计流程:

我们已经完成了第一部分:可用性测试

我想要确保的设计出的系统是人们需要的。

接下来会有任务角色和故事发表。

——

这是一个个人设计项目,该作者并不是Dropbox的设计师,该文是2014年发表的,我觉得符合我的需要 所以拿来翻译了。

原文:A Guerilla Usability Test on Dropbox Photos

未经允许请勿转载



0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,673人)

电商海报设计训练营
距离开班仅剩6天73人已报名
【5月】零基础手绘插画训练营
距离开班仅剩6天69人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩23天16人已报名
猜你喜欢
接好了,这是你要的AI技法干货

2021-07-17

小虎转载君 发表

接好了,这是你要的AI技法干货
MD和iOS产品设计差异化思考

2018-08-17

王M争 发表

MD和iOS产品设计差异化思考
15条优秀的 UI 设计细节分析

2021-07-28

黑马青年 发表

15条优秀的 UI 设计细节分析
版式设计中的5个留白小技巧

2021-05-08

Zeal-庄治柱 发表

版式设计中的5个留白小技巧
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了29,770
并提交了155份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证