天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>新闻>网页设计基础:用户体验流程的设计

网页设计基础:用户体验流程的设计

天极网2009-03-13 08:25我要吐槽

  相关文章:

  网站建设基础:回顾网站建设的技术发展

  网站进行搜索引擎优化(SEO)从选择域名开始

  网站运营技巧:注重更新与推广的结合 

点击查看更多软件资讯内容>>

  用户体验中的流程是十分重要的,因为好的产品要尽量减少用户在使用中的多余操作,以使得用户得到最好的体验效果,以下我们将讨论流程中最简单的一种“单线流程”。

  什么是单线流程?

  我所理解的单线流程是指,当用户进入某个流程时,只能“前进” “后退” 或者“退出”,而没有多余的干扰流程。当然纯粹的遵守单线流程在实际的产品设计中没有任何意义,我们在做得更多的是让产品流程更接近单线流程。接下来我会举一些实际的例子。

  A到B的流程(这里的“A” “B”是指流程中的关键组合)

  

  这是最基础的流程,它永远符合单线流程,比如百度搜索,输入关键字------->百度一下

  

  A到BC,或者AB到C

  这是另两种非常基础的流程,无论哪种对用户来讲都是非常直观的。

  

  

  接下来讲讲由以上基础流程组合成的复合流程。

  A到B到C的流程

  

  只有经过B才能到达C,在实际过程中我们常常会设计成如下这样:

  

  举一个手机验证码的流程设置:

  

  比较糟糕的设计,用户的视觉从A直接跳到C,在用户发现此路不通后,才返回B,所幸这个流程比较简单,一来一回的用户成本并不高。

  

  google获取手机验证码的这个设计应该说是一个够用的,也符合用户心智的设计。也许可以更好的优化这类流程。

  把A->B->C的流程分拆成 A->B,B->C。好处是把该流程变分成了2个纯粹的单线流程,坏处是用户只看到AB没看到C之前,用户会迷茫。

  可能更好的做法是,ABC流程可见,但是在用户没有操作B之前,C不能被操作。

  

  A经BC到D的流程

  

  这类流程需要根据实际的情况来优化。下面以目前支付宝的手机注册和邮箱注册页面为例。

  支付宝的手机注册(获取第二次手机验证码后的页面)

  

  因为这是第二次获取手机验证码后出现的页面,key D先于ABC出现在用户视野里,这里暂时不去讨论这里key的顺序。

  问题出在哪里,当用户完成A之后,有B和C这两个并列的入口供用户选择,而对“语音获取”这个不怎么常见的功能支付宝并没有做任何解释。这里支付宝给了用户两个并列的入口,并且没有对用户比较陌生的入口做好标识。也许我们可以把流程优化成如下这样:

  

  

  我设计的并不是特别好,这里的C应该被近一步弱化,只有当手机短信延迟相当厉害而影响用户继续注册,才让用户采用比较高成本和陌生的语音获取验证码。

  使用Email注册支付宝页面

  

  不像上面这个例子的手机校验码获取,这里B和C都是不能互相替代的KEY,B与C也不存在谁主谁辅的关系,只是B会使用比较频繁。

  这个页面似乎没多大问题,但为了说明我想说明的问题,我觉得这里的流程可以变成如下:

  

  为什么这么做,因为B和C是两个不同类型的KEY,分解后的流程是 (B-->A-->D) (C-->A-->D),应该说这两个是相对独立的流程。而且在用户选择B或者C之后,很可能会影响用户A区域的行为。组合成 A-->(B/C)--->D,不如组合成(B/C)--->A---->D更清晰。

作者:网页教学网责任编辑:盛晓莹)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级