网站首页 > 工业设计> 文章内容

当设计一个页面功能时先从设计用户流程开始吧

※发布时间:2019-2-18 1:54:43   ※发布作者:habao   ※出自何处: 

  在激烈的比赛中取胜的往往是那些把技能锻炼得更深刻的选手。我们能成为顶尖选手并没有什么秘诀,而是对可能是基本技能的东西有更深的理解。每天都要学得更深一点而不是更广一点,因为学得更深可以让我们把潜力中那些看不到、感受不到但又极具创造力的部分挖掘出来。——国际象棋大师&业余太极男人断掌手相图解推手世界冠军,乔希•维茨金

  最近在Udacity学习老美的产品设计课程,我以为会吸收不少先进的产品,但只是一再强调那些我早就「看不起」的基本概念、基础注意事项。

  他们特别强调对于这些基本功的严格执行。就像一开头我引用国际象棋大师说的那句话一样,「我们能成为顶尖选手并没有什么秘诀,而是对可能是基本技能的东西有更深的理解」。其中一个让我印象深刻的是关于用户流程图的设计。

  流程图,我相信在互联网公司待过的同学再熟悉不过,产品会用到流程图、设计会用到流程图、开发测试也会用到流程图。

  在我工作的时候,没有做出过一次让设计/码农0疑问的流程图,我把大部分的精力放在了产品/网站的视觉表现上,甚少思考流程里有什么改进空间,甚至有时候因为功能简单连流程图都懒得去想去弄了。

  顺序错了。我们应该从「完成商业目标」和「帮助用户完成任务」开始,你希望用户来到这里干什么,他们要经历多少的操作才能最终完成你的任务,你怎么设计这些操作使得用户减少用户投降放弃的比例。

  设计不只是设计它长得漂不漂亮,更重要的是设计它好不好用。当我们设计一个页面/功能时,先从设计用户流程开始吧。

  用户从四面八方过来,质量参差不齐,对于产品和信息的了解程度也不同,设计流程的第一步就是为不同的客源设计流程(也许到后面你发现他们的流程都一样)。

  高速通道试用→ 试用效果展示/会员介绍→点击「开通会员」→登录/注册→支付页面→完成支付、开通会员

  这里我们思考得就不够勤快,没有针对不同用户设计流程,也不愿意给自己添麻烦。我随便举一下针对不同用户群改进思:

  提供用QQ登录的接口,或者是直接直接到支付页,在页面填写自己的邮箱/手机,支付完成给他们的邮箱/手机发送密码(当然涉及到已经有账号或者这个邮箱手机被注册了怎么办的逻辑分支)。

  这些问题靠自己YY肯定是不够的,这就促使你要多跟用户交流了。交流的时候,你发现会有千奇百怪的用户,如果你为每一类人定制专门的流程,就算你不累死设计开发也会把你打得半死.

  我自己以前画的用户流程,着重点是不同状态间的逻辑跳转。课程提供了另外一种方式提升可用性,我觉得非常赞。它将一个流程分成上下两部分,是「用户看到什么」,下面是「你要用户做什么」。比如:

  使用这种方式,可以让你专注于怎么提升用户的行动上。给其他同学看的时候可读性也更好(不像我之前的流程图,实际看的人没几个)。

  做的时候可能会比较痛苦,以往的流程只需要考虑状态之间的跳转就好,而这种方式增加了用户可见内容跟要用户行动的内容。但这种工作量的增加是值得的,我自己在做的时候,就会时刻提醒自己不忘最后的目标,这些信息是不是有助于提升用户的点击、哪些动作要简化哪些要增加。

  作者提供了两个在用户流程方面很不错的网站作为学习对象,一个是tastebuds.fm,一个是codecademy,都不需要翻墙就能直接访问。计算是花个5分钟浏览一下,也能给你带来不少的收获哦。

  作者:黎晨,英文名LC。00年开始接触互联网,可是很年轻。在互联网牛市浪潮中连小小的牛尾巴都没沾到,不过,我会继续努力的。

  

关键词:设计网页步骤
相关阅读
  • 没有资料