k8凯发一触即发|Home

随着互联网产□□□□品的不断发展，越来越多的人□□□意识到了用户□□体验的重要性，越来越多的公□□□□司成立了UED相关的部门，并且职位划分□□□□已相当细致。但是UED中职能的划分，却大部分仅对◥接界面的层面。事实上，一个互联网产□□□□品从策略的产◥生到终上线，其中的每一个□□□环节都可能影□□□□响终的体验。总结起来，Henry认为共有4个重要的因素□□□□会对终体验产□□□□生明显的影响。它们是：产品策略、用户界面、技术和运营。

　　下面分别来说□□说这4个因素。在说明每一个□□□□因素的同时，上海网站设计◎公司会举2个跟该因素有▽关的例子，一个是互联网◇上的例子，另一个是日常丨生活中相似的·例子。所有涉及到的□□□□案例，仅仅在我所能□□看到的层面(这意味着，我所描述的问□□□□题，在我看不到的◈层面上，可能是合理的▽做法，或者是有苦衷□□的)，为了说明问题□□□□而设置，并仅代表Henry个人观点。

一、产品策略(对应职位：产品经理)

　　策略是产品的□□灵魂。产品策略除了▲决定产品的具□□体功能外，还对体验有重□□大的影响。不好的策略可□□能会伤害用户□□□体验。

Web上的例子：腾讯拍拍的收□□□□货提醒
　　我曾在腾讯的□□□拍拍上买过一□□□件商品，在该商品发货□□□□的当天，我登录QQ，看到了这样一□□□个提醒：　是在提醒我，卖家发货了。因为这件商品□□□□是从广州发出，一般的快递公□□司到北京需要3天左右的时间，于是我没理会□□这个提醒。　　但是，悲剧的是，发货的第2天，我再次登录QQ的时候，依然看到了这◤个提醒。同样的提示貌□□□□似每天登录都□□□□会看到，这其实已经对□□□用户产生了骚□□扰。但问题在于，我不是不想确□□□认收货，而是，我的货还在路□□□上，我根本没有办•法“确认收货”。于是我想，万一我要是不◤小心用了中国❖邮政平邮，路上走20天，难道我要连续20天看到同样的▼提示吗…？又或者，我的货物不幸✦遇到了什么百丨年不遇的山洪、地震一类的，在路上多耽搁□□□□了几天。这时本来我已▲经很郁闷了，却还要天天面◆对这个烦人的□□□□提醒。并且这个界面※上没有明显的“消息设置”入口，我并不知道能□□否关掉该提示，以及如何关掉。

　　这显然是由于□□产品策略而造★成的体验问题。解决办法：　　那么，这个收货提醒♦功能，应该如何设计•呢？也许每个人都□□有不同的想法，我想了一个简□□单的方法：

　　一开始，计算出从发货地点到收货地点的距离。然后，需要获得一般的快递公司送货的速度，包括一般情况下可能产生的延时范围(例如发达地区和偏远地区的差异)。然后，大致计算出货物在路上要走的时间。当卖家确认发货后，开始计时，过了这个时间以后，再向买家弹出提示。如果可以跟快递公司合作，取到快递公司的物流数据，在买家签收后再弹，会更加靠谱。并且在提示框内放置明显的设置选项，允许用户屏蔽该信息。如果弹出的信息对于产品整体策略来说很重要，不希望用户轻易屏蔽，则可以考虑将屏蔽选项藏得深一些。

生活中的例子：中国大陆的交◥通信号灯
　　“红灯停，绿灯行。”这是我们在很●小的时候就已□□□□经熟悉的规则。但是这句话是□□□对于行人来说◇的，如果是机动车□□司机，其实规则并非□□□完全如此。在《中华人民共和□□□□国道路交通安□□□□全法实施条例》中，第三十八条和□□□第五十一条阐□□□述了机动车转□□□弯时相关的规□□则，与本例有关的□□□内容，总结如下：

“1、要转弯，需先占道。向左转弯需先□□□□进入左侧车道，向右亦然。”

“2、绿灯时，可以左转，也可以右转。”

“3、红灯时，只能右转。”

　　但是这些策略◣与行人要遵守□□□□的规则会有一※些冲突。如图：

　　一开始，对于1号行人来说，在他行进方向□□为绿灯的时候，他一开始要躲□□□避从A车道右转的a1，然后，前进过程中，又需躲避从B车道左转的b1。如果A，B两车道均有大□□□□量机动车排队□□转弯，理论上讲1号行人在不闯红□□□□灯、不与机动车抢□□行的前提下，永远都无法成□□功走到路的对□□面。

　　其次，我们看2号行人，这里更加悲剧。当他马上就要成功的时候，遇到了从C车道右转的c1。但是，由于C车道旁边的2个车道上的机动车正在等待红灯，所以，它们会阻挡2号行人的视线（扇形部分是他的可视区域）。以至于，对于2号行人来说，C车道上究竟有没有车辆要通行、有几辆，以及下一辆车距离斑马线有多远，他根本就看不到！这意味着，他每次走到此处，都要冒着生命危险试探着跨越C车道。

　　还有更悲惨的□□事情在后面。

　　我们看3号行人。当他到达斑马□□□线的后半段的❖时候，随时可能有机□□□动车b1从B车道向左转弯。而对于此时的3号行人来说，车将从他背后□□□驶来！他或许完全无❖法预期，下一秒将发生□□□什么！

　　虽然我们注意□□到，在《条例》中提到，以上情况下机□□□□动车转弯时，必须是在“不妨碍直行车□□□辆、行人通行”的基础上进行。但是这个策略□□□本身，很难操作和把□□□握。出了问题也不□□□□容易界定责任。所以笔者认为，我们的交通信□□□□号灯系统的整◤体策略，是严重影响用□□户体验的(司机和行人都□□□□是用户)。

解决办法：
　　因为存在上述□□□□问题，所以，有人发明了带□□□□有箭头的信号◥灯：

　　这样，我们按照行进□□□□方向，将不同车道的□□□□信号分开表示。如上例中，当水平方向有●行人通行时，使用红灯禁止□□□□水平方向A、B两车道机动车□□□转弯，而保持水平方□□□□向其他车道畅□□□通。同时禁止C车道机动车转□□□□弯。这样，行人就可以安▼全的通过斑马◉线了。同样，当允许转弯时，使用红灯禁止□□行人穿越。如此便可以保◤证双方的安全□□□□和通畅。

二、用户界面(对应职位：交互设计师、UI设计师、视觉设计师等)

　　影响用户体验□□□□的第二个重要□□□□因素，是用户界面。在这个层面上，流程、控件、交互、排版、视觉等诸多因◢素都有可能影□□□□响到终的体验。我们只选择其●中一个小的点□□来举例。

Web上的例子：掌上百度Android客户端
　　「掌上百度」是百度较早推□□□□出的移动客户□□端软件之一。它将百度的几◈个主要产品（如搜索、贴吧、新闻等）做到一个app中。能够让用户在□□移动终端上使□□用百度的主要□□□功能。

　　但是个人认为，这个版本的掌□□□上百度应用，仅仅是这几个□□产品的简单整□□合，在设计时并没○有充分考虑移□□动平台的特点。实际上该客户□□□端的使用体验，并不比使用移❖动浏览器直接□□访问移动版网□□站好很多。我们仅提取1个简单的点来□□□□说明该问题，请看截图：

　　这是该应用内□□□置的一个常用□□□□网站列表。我们从UI上可以看出，该列表从文字□□大小、间距、排版等方面来□□□□看，依然在沿用传◆统web的风格。但是，在传统web上，我们多数情况□□□□下使用鼠标来□□□进行操作。鼠标是一种比□□□□较准确的指向□□□□设备，这样的排版，鼠标足以准确□□点击。但是在移动设◉备上，我们需要使用□□手指进行操作。事实上，笔者用尺量了□□一下这些链接□□□□的尺寸，在我的HTC G7的屏幕上，每个链接的尺□□寸只有大约4mm×2mm的面积。这个面积，即使是对于女□□□□孩子来说，都难以对其进▼行准确操作。如果是对于手□□□指相对粗大一•些的男性，或者考虑实际▽移动过程中可□□□能产生的干扰(如晃动的车厢)，使用体验就更□□差了，必须很小心才□□□能够点击到想□□□□要的链接。