1.1.2 互联网产品中的用户体验

随着互联网技术的快速发展，人们使用的电子产品也越来越多，尤其是手机等。对于电子产品来说，其用户体验主要体现在以下5个方面。

易用性

要判断一款电子产品是否成功，要先检验它的易用性。易用性主要体现在以下3个方面：第一，尽量减少用户的学习成本；第二，提高交互效率，通过合理的布局和交互逻辑，让产品的每一个交互流程都具有足够的价值；第三，用尽量少的交互流程解决用户的需求。例如，当我们让用户填写一些个人信息时，可以给用户提供一些既定的选项，让用户在已有的选项中进行选择，这样比手动输入的体验要好得多，如图1-3所示。

容错性

要让一个电子产品使用起来方便，还要保证其有足够的容错性。容错性是指用户在进行错误操作之后，系统可以妥善地进行处理，并继续保持操作的流畅性，这是最基本的产品要求。例如，用户在使用百度的“关键词搜索”功能时，在输入关键词的环节出错，系统可以提示用户，并智能地猜测用户想要输入的词是什么，然后给予正确的提示，帮助其尽快完成搜索，如图1-4所示。

产品视觉

产品视觉可以营造或者左右用户的心理感受，主要体现在两个方面。第一，产品的整体视觉感受是复杂还是简洁。例如，Apple产品从工业设计到包装设计都遵循着“极简设计”这个原则。设计的本质是让信息能够更完美、更直观且更优雅地进行传递。只要达到了这个目的，其他的元素就都显得多余了。第二，产品的色彩使用和搭配是否合适。不同的色彩使用和色彩搭配可以给产品带来不一样的视觉感受。例如，某公司想要推出一款代表“官方权威”的手机产品，其手机外观则通常会采用黑色、深蓝色等偏稳重的颜色，而避免使用粉红色和黄色等颜色。同时，对于电子产品的用户而言，他们对产品的色彩是有心理预期的。例如，当手机电量不足时，会出现红色屏幕提醒，如图1-5（左）所示；而当手机连接上充电器时，会出现绿色屏幕提醒，如图1-5（右）所示。

版式表现

版式表现是产品视觉设计不可或缺的一部分。版式的好坏不仅会影响用户体验，还会在很大程度上影响程序开发的效率。版式越有规律和逻辑，开发效率会越高；版式越混乱且多样化，开发效率会越低。互联网产品设计中的版式多种多样，如卡片式、列表式、抽屉式、标签式及瀑布流等，不同的版式适用于不同属性的产品。例如，针对“淘宝”这种体量较大且单个界面内容较多样化的产品，就可以用卡片式的设计来承载信息，让信息更清晰规整，如图1-6（左）所示。而内容类产品相比“淘宝”这种电商类产品框架较为简单，所以信息之间多使用细分界线来进行版式分割，如图1-6（右）所示。

情感化体现

在互联网产品设计中，情感化设计同样是用户体验设计师在工作过程中要不断去思考的。运用情感化设计，可以拉近用户与产品之间的距离。一个进行过情感化设计的产品是有活力的，其主要体现在有趣的图案或文案上。用户一般不喜欢与冰冷的机器交流，而更喜欢有“温度”的事物。例如，我们如果不忙的话，在“淘宝”中下单之前，都喜欢与客服聊上几句，顺便砍砍价。这件事看起来只是与讨价还价相关，然而事实并非如此，其本质上体现了线上交易也需要有人与人沟通的环节。这个沟通环节的存在，让买家对卖家产生信任感，这时候如果客服表现得足够好，促成订单是很容易的事情。设想一下，在淘宝买衣服时，如果我们同时挑选了3家店里的衣服，本来对这几件衣服喜欢的程度都差不多；在试图与客服交流时，第1家客服没有回复，第2家是系统自动回复，第3家是客服亲自回复，这时我们会更倾向于在第3家店铺下单。因为相比其他两家，这家店铺有人主动与我们沟通，让我们感觉到这家店是有“温度”的，如图1-7所示。

这些情况在互联网产品中同样需要注意。例如，有关产品的提示性文字如果让人感到太过冰冷，就会让用户在心理上对产品产生距离感。即使是因用户自身操作不当而产生的错误反馈，也需要进行情感上的优化。常见的如一些界面为空时、需要用户进行二次确认时出现的一些提示信息等。如图1-8所示。

情感化设计贯穿用户体验设计的整个过程。虽然手机是一部机器，软件本身也是没有生命的，但情感是可以被设计的。如今，很多产品喜欢把情感寄托在卡通形象上，如“京东商城”的卡通狗（左图）、“斗鱼TV”的卡通鲨鱼（中图），以及“美团外卖”的卡通袋鼠（右图）等，如图1-9所示。通过卡通形象，我们可以赋予产品生命力，让用户更容易记住我们的产品品牌，并更加关注我们的产品。