恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Dropbox用户体验重设计(二):用户流程图与精益式迭代
0.0°
2014-05-04 自译外文 经验/观点 原作者: Francine Lee 举报 4924 21 13 0

第二部分:Dropbox Photo页面用户体验精益式迭代

 

这个系列的第二部分主要讲述如何确定用户需求、将需求进行优先级排列,然后逐渐筛选,根据最优需求最优设计,实现精益迭代。

 

定义用户需求

遭遇Jared.

Jared是一个喜欢到处旅行,到处拍摄的摄影师

“我会经常拍摄照片、分享照片、回顾照片。这就是我的需求,我对此类应用的要求就是简单易用——不致于占据我太多时间去整理照片。”

 

 

Jared对于照片应用主要有4点需求:

 

1.一个站点,所有照片—Jared曾经在很多网站、应用里储存照片,导致现在很多账号都忘了。

2.数据保障—他是个非常不谨慎的家伙,不会备份每一个相片专辑。但是他希望他的照片数据能够贮存在靠谱的网站,稳定、安全,数据丢失可就麻烦了。

3. 便于分享—Jared喜欢和家人朋友分享记忆,就家人很言,很多老辈不太会使用电脑和手机。Dropbox需要收件人下载应用,这一点很不方便。Jared就曾经花费了大量的时间,教他姑姑在手机上下Dropbox应用。

4.组织有序—拍照时,Jared的精力主要放在拍摄上,没有功夫去组织相片。他发现很多应用提供的相片组织混乱,整理起来很不方便。

 

Jared这个用户所提出的需求很值得注意。因为我调研了16名用户,95%的用户照片管理习惯和他差不多。

那么应该如何通过设计满足这些人的需求呢。

我决定进行需求分解——将用户故事中空泛的需求分解为具体需求

 

 

用户故事其中所能分析出的需求比较空泛、模糊,需要进一步分解

更小的需求:能够满足用户在特定场景下的需要

 

将用户故事中的需求分解,让我们更能“还原现场”,从而避免忽略细节。

(这里提一点,当需求列表太长时,对于产品设计来说非常危险,因为或是会导致过度开发,从而浪费了人力成本,或是让产品参与者感到不堪重负,我们必须精确分析需求,才能避免种种问题。)

需求优先级划分

 

让我们来分解Jared的需求

从Jared的故事中,我们分析出的空泛需求

 

 

 

编者自制的导图,对应上图

 

Jared有4点需求,通过分析他的故事,我们了解到最关键的一点是,Jared经常会在同一地点拍摄照片,他想要让照片组织有序,然后分享给朋友。

首先我打算解决粉色部分。然后再解决其他两个部分

 

 

 

需求还需要进一步分解,分解为黄色小纸片(翻译见上面的导图)

当需求分解到黄色部分时,我觉得够了,差不多了

 

解决用户需求

 

设计解决问题?本来就该如此不是吗?我将用户的故事转化成需求,然后进行设计。

 

我崇尚 described by Intercom的流程。

“在每次设计遇到问题时,都进行架构,聚焦于场景和事件,聚焦于用户动机和目标,以及需求”

 

一个用户故事的样本

 

 

当Jared导入了1000张以上的照片时(场景)

他需要获得反馈,了解照片是否添加成功,数据是否安全(动机)

那么通过设计,可以让他无需监控上传过程,也可以安心的后台上传(结果)

 

注意:

 

用上述方法可以将用户故事提炼,获取更精确的需求。可以实现“需求列表”一般的效果。

但是这比需求列表好的地方在于——这种方法,让我们真正的为用户设计,而不是为功能设计。

 

构建功能

 

从产品设计角度来说,功能因用户需求而存在,不要陷入为功能而添加功能的误区。最好的侦测办法就是使用用户流程图。利用用户流程图可以勾勒出整个流程的轮廓,观察之后,可以考虑是否要添加功能,来简化流程、方便用户。在添加功能之前,最好先花花流程图,这才是从用户角度出发。

 

用户流程图可以帮助设计者在开发产品前,全盘思考产品。同时还可以用来检测,设计理念是否和用户认知模型契合。

“rk” on ux.stackexchange

 

注意:

 

根据用户操作流程,我发现,导入功能必须满足以下2点需求:

1.无论是社交网站上、摄像机中、手机中,只要是图片,必须支持高效导入

2.完成导入设置后,会自动备份,解决用户之后的烦恼

这个功能叫做“导入设置”

 

下图是Dropbox当前的用户操作流程,我把新功能加入到最后一个环节中:

登录->主页->photo页->导入设置->photo页

 

 

通过流程分析,添加了一个功能,基本上能满足Jared最重要的需求

 

比方说Jared想要把Facebook上得照片导入到Dropbox,Jared只需完成一次导入设置,从今往后,他Facebook上得照片都会自动导入到Dropbox中。

“导入设置”的流程(第一版)

 

 

 

 

 

注意图中下方,各个环节中的一些注意事项:

用户流程图在设计中有2点益处:

 

1.让我大致能知道需要设计多少屏界面 

2.让我清楚流程的哪个部分比较复杂(需要复杂的、大量的交互),这一部分可以考虑用来简化设计。确保简单易用的用户体验。

 

 

把握全局,才能看的更轻,才能构建更高效的系统。

 


 

 

 

当观摩了绘制的用户流程图后,我意识到,流程有点复杂了。当Jared用社交账户连接,完成认证后,还需要走3步流程

[1. 检查、预览、选择社交账户中的照片]

[2. 导入相册、照片]

[3. 在今后自动导入社交账户中得照片、相册]

 

一个流程满足一个需求,但是这里却有3个流程。

肯定有一个流程是可以简化的!

 

 

[预览、选择相片相册]这个流程是多余的

我花了几张线框图,我意识到这一步是多余的

 

 

哦,似乎预览选择相册这一步是多余的。

最优迭代应该是:只解决用户当前需求,不多也不少。

 

精益式用户体验设计提倡:设计只为精确满足用户核心需求。

因此我做了一下简化

用户操作流程(第二版)

 

 

好了,流程确定了,下一步要开始绘制原型图,开始考虑设计模式了。

 

结论:

 

如下,现在我们已经完成了两步——用户研究和筛选需求/设置功能

 

 

下一部分即将开始线框图和原型图绘制了

 

作者近照:

 

 

 

 

 

更新:2014-05-04

收藏

21人已收藏

MartinRGB

http://www.MartinRGB.com

  • 234

    作品

  • 1.7w

    粉丝

  • 413

    关注

  • MartinRGB.com
  • Icon Freebie - Code
  • 实验系列II —— Music App For Tv/Pad
  • Private Trainer 引导页实现
相关标签
产品设计

    猜你喜欢

      2014-05-04 自译外文 经验/观点 原作者: Francine Lee 举报 4924 21 13 0

      Dropbox用户体验重设计(二):用户流程图与精益式迭代

      0.0°

      你确定要举报Dropbox用户体验重设计(二):用户流程图与精益式迭代

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年05月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      13
      21
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录