《破茧成蝶》--书摘1:构思阶段

1.用户体验设计,解决用户需求,减少用户理解和操作的成本,给用户留下美好的印象。特征:严谨、理性、创意(关注于解决用户的问题,同时也需要优质的创意,帮助用户获得更好的体验);提供特定问题的解决方案(设计师在设计前先问自己,这次设计的目标是什么?要为什么样的人解决什么问题?如何解决?);不让用户思考;趣味横生。遇到问题时,我们该如何思考呢?设计一个页面时,首先要考虑用户的需求(即为什么人解决什么问题):出现一个问题--需要为XX人群解决这个问题--如何解决--如何增加趣味性。亲自使用、体验;多听用户的反馈意见,才能更快的发现设计上的问题以及用户的困惑,做出更受用户喜爱、用户体验良好的设计作品。

2.交互设计师:通过分析用户心理模型、设计任务流程、运用交互知识,把业务逻辑(功能规格和内容需求)以用户能理解的方式表达给用户,最终实现产品战略(公司需求和用户需求的最佳平衡点)的过程。即从公司战略角度去考虑问题,在满足公司需求的基础上让用户觉得易用、好用。

3.交互设计师的产出物:有竞品分析文档、用户反馈整理、流程图、设计草图、设计原型等。在工作中,交互设计师除了基本的设计工作之外,还要沟通、宣传、执行、跟进自己的方案,确保最终的结果和自己的设计方案没有偏差。产品上线后还要继续跟进,解决线上问题、收集反馈意见,为下一次迭代做准备。

4.用户研究员:通过各种分析和研究,深入的了解用户特征、用户行为习惯等,从而为产品、运营、推广、设计决策等提供必要的方向和支持。其日常工作可能有:市场分析、竞品分析、创建人物角色、问卷调查、焦点小组、用户访谈、可用性测试等等。

5.我们首先要通过一些方法来分析需求、了解需求,即清楚我们要做的是一个什么样的产品,目标用户是谁,要达到什么样的效果,具有哪些功能、内容......然后我们开始进行设计,在草图上梳理信息架构,设计任务流程,设计界面,确认没有问题后再用专业的软件工具把设计方案呈现出来。经过设计评审后,设计师要去跟进后续的视觉、前端、开发、测试环节,确保最后的产出物和自己的设计方案一致。产品上线前后,需要使用一些方法对产品体验、效果进行检验。小的问题可以及时解决、迅速发布,较大的、比较耗时的问题可以留到下次优化迭代时同一解决。

6.和产品经理一起做需求分析:商业价值和用户需求要同时考虑缺一不可,在实际的工作中,需要从商业、用户、技术三个角度来平衡考虑需求。如果设计人员没有参与前期的需求分析,由于考虑的角度不同,设计师并不能在文档中直接得到自己最需要的东西,比如产品定位、目标用户的情况、用户使用时的痛点、期望等信息。

7.不可忽视的产品定位:产品定位是产品设计的方向,也是需求文档和设计产出的判断标准。产品定位的内容:产品定位实际上就是关于产品的目标、范围、特征等约束条件。它包括两方面的内容:产品定义和用户需求。产品定义主要由产品经理从网站角度考虑,用户需求主要由设计师从用户角度考虑,最终的产品定位应该是综合考虑两者关系的结果。产品定义包括使用人群、主要功能和产品特色;用户需求包含目标用户、使用场景和用户目标。其中目标用户是在使用人群细分的基础上得到的,它也在一定程度上影响了使用场景和用户目标。产品定义中的主要动能、产品特色和用户需求中的目标用户形成了产品定位中最核心的内容,是产品设计最主要的方向和依据。

8.产品定义:就是用一句话概括某个产品,如一款专为摄影初学者使用的简单易用的修图软件。(这里使用人群是“摄影初学者”,主要功能是“修图”,产品特色是“简单易用”。)使用人群使你明确产品主要为谁服务,所有的功能、内容、设计风格的设定都围绕这类人群来进行;主要功能为你划定了功能的范围和限制(如你是做音乐类的还是修图类的);产品特色使你区别于同类竞争者,让你在同类产品中脱颖而出,更具竞争力。

9.用户需求:用户需求主要包括目标用户、使用场景和用户目标。一条用户需求可看作是“目标用户”在“合理场景”下的“用户目标”,其实就是解决“谁”在“什么环境下”想要“解决什么问题”。用户需求其实就是一个个生动的故事,告诉我们用户的真实境况。我们需要了解这些故事,帮助用户解决问题,并在这个过程中让他们感到愉快。我们可以通过头脑风暴的方式,邀请产品人员和我们一起在产品定义的基础上畅所欲言,列出所有可能想到的内容。

10.选择目标用户:关于对用户需求的选择,我们考虑到不同的用户类型、使用场景和用户目标,这是一个“放”的过程,从中筛选出需要的内容是一个“收”的过程。

11.需求从哪儿来?简单的例子可以通过头脑风暴的方式想到用户的一些常见需求。在实际项目中,采集需求的主要方式有用户调研、竞品分析、用户反馈(上线后)、产品数据(上线后)等。用户调研:通过问卷调查、用户访谈、信息采集等手段来挖掘需求的方式(尽量走到用户中去了解他们的想法,深入了解目标用户在真实使用环境下的感受、痛点、期望等。)。用户反馈:产品在测试阶段或正式发布后,我们可能会收到很多用户反馈,这些反馈可以帮助我们了解用户使用中存在的问题。竞品分析:找到有代表性的同类产品,对比产品之间的优势、劣势,从而发现产品的突破口。可以根据规划进行,也可以根据功能、设计细节来进行。(我们可以研究别人是怎么拟定产品战略、方向的,怎么做用户体验的,怎么处理逻辑、界面层级、界面细节的。)产品数据:产品上线后,就可以收集到产品的相关数据了,比如常规的访问浏览数据、浏览痕迹、点击痕迹、在每个页面上的浏览时长、整体的浏览顺序等。(为了能顺利获取这些数据,在设计的时候就要考虑到后期数据收集的需求)收集到数据后,还要进行分析,挖掘数据背后潜在的意义。

12.如何分析与筛选需求:筛选明显不合理的需求(目前不可实现的/不合常理的、价值不大的、无适合场景的) --挖掘用户目标(用户的真实需求是什么)--匹配产品定位(用户目标、主要功能、产品特色)--考虑项目资源/定义优先级(实现成本、商业价值/用户价值等)。需求的产生:我们先确定产品定位,然后通过不同的方式来收集大量的需求,识别这些需求的有效性和真实性后,根据产品定位和项目资源情况筛选、提炼出产品需求,定义出需求优先级。接下来就可以重点描述每个需求的逻辑、内容等,开始撰写需求文档。

13.需求文档:应该包含产品定位、需求内容、需求优先级等,以及关于需求的详细描述说明。文档修改与审核记录:需求文档如有修改,需要简要记录(包括:版本号、修改日期、修改人员、修改内容提要和审核人员)目录:如内容过多最好提供目录。背景描述:为什么要做这个产品/模块、市场行情、业务目标、产品定位等。用户类型和特征:简单的描述目标用户情况或现有使用人群的情况。项目时间安排:何时启动,何时完成等。信息结构:这里可简单理解为内容或页面的层级(如网易团长:今日团购(首页和详细分类页)、我定制的团购、团购地图、团购导航、个人中心(首页、我的收藏、浏览历史和我的积分))整体业务流程说明:对于涉及操作较多的产品/功能,需要业务流程图,帮助设计师和项目成员理解具体的业务逻辑。需求详细说明:每一条需求的详细说明。一个文档里会有若干这样的说明。(需求文档更多的是体现业务、产品要求、功能等内容,而设计师还需要更多的去考虑目标用户的特征、使用场景、痛点等。专业的交互设计师产出的设计结果一般都会和需求文档提供的内容不太一样,如信息结构、任务流程、内容、界面形式等。)

14.了解目标用户:如果有条件,请用户研究员做专业的“用户调研”:通过问卷、访谈、焦点小组等方法来研究用户;如果没条件,可以寻找身边符合条件的目标用户,观察他们的使用行为,询问他们的使用感受、痛点及期望等。用户没有表达出自己的真实需求:人们所说出来的一般只是表面的想法,不一定能代表他们心中的真实诉求。需要从用户的言语中挖掘他内心的真实需求,而不是直接照着他的话去做。我们既需要通过调研、观察、询问、记录意见等方式了解用户想法,我们需要去识别目标用户在合理场景下的真实需求/目标才是用户需求。

15.辨别需求文档的内容是否合理:需求文档中关于业务逻辑、产品要求、资源限制等是设计师必须要正确理解的内容。而与设计有关的信息结构、任务流程、功能说明、界面描述等,仅需作为参考即可。如产品经理说直接照抄竞品,也可以从竞品界面去理解业务、需求,再重新设计。如果产品经理撰写的需求文档是不合格的,那么设计师就要通过用户调研、竞品分析、用户反馈、分析产品数据等方式重新归纳需求,考虑用户的本质需求,确立相应的设计目标。以设计目标作为设计的导向,然后发散出各种解决方案(功能、内容),再根据设计目标和项目资源决定优先级。

16.在“抄袭”中寻求创新:首先,我们尝试所有操作,截取全套的竞品截图;接下来,根据这些截图绘制流程图,然后,再根据流程图倒推需求。我们可以通过用户调研、竞品分析、用户反馈、产品数据等方式,了解我们的用户和竞品用户的区别,以及竞品用户在使用中有什么痛点和期望,如何更好地满足用户需求......最后得出设计目标。

17.我们根据需求来确定应该提供哪些必要的信息给用户,然后对信息分门别类、有效的组织起来,并以导航的形式展现在界面上,让用户可以快速的找到自己想要的信息。我们根据需求来设计相应的任务,排列任务优先级,并在界面上通过一系列引导,帮助用户快速完成任务。对于复杂的任务,尽量简化其操作;对于信息量过大的页面,想办法使其重点突出、一目了然。对于一个网站来说,信息和任务并不是孤立存在,而是互相关联的。用户来到网站既要获取信息,又要完成任务。完成任务的过程中离不开各种信息的提示,而寻找信息又是为了完成一系列任务。根据需求来设计相关的信息和任务,通过组织信息结构、引导用户完成任务得到一系列相关联的界面草图;然后细化草图为具体界面,在这个过程中考虑如何让用户轻松、愉悦、高效的浏览和操作;最后,我们要赋予界面一些魔力,让用户难以忘记使用产品的体验。

18.逻辑归类:我们可以使用人们在生活中熟悉的分类逻辑对内容进行组织,如电子商务网站对男装的分类“男装>上装>T恤”。

卡片分类:邀请用户“把类似的东西放在一起”,可以设计出符合用户心理模型的信息架构。在产品设计的初级阶段,利用卡片分类可以知道用户对网站内容的期望,为信息架构的搭建提供依据。对现有产品进行改版时,卡片分类可以检验现有的信息结构是否合理,对新版本的改进提供有效帮助。卡片分类的方法:首先准备好剪裁过的卡片或便签纸,将需要分类的信息写在卡片上,然后组织招募到的志愿者队卡片进行分类。在用户进行分类时,设计师和用户研究院可以观察用户的分类过程,以及他们对标签的理解。最后,需要对卡片分类的结果进行分析。

卡片分类一般可分为2类:开放式和封闭式。开放式:会给用户足够的自由度来进行信息归类。设计师将完全打乱的卡片分发给用户,用户可以完全自由的决定把卡片分为几组、每组有多少张卡片。最后再由用户为分好组的卡片命名。由于这种方式给用户极大的发挥空间所以设计师可能得到更加丰富的分类结果。封闭式:设计师首先会将导航的架构设计好,确定出导航的个数和名称,再将属于这些类目的卡片分发给用户,让用户根据自己的期望,把卡片归类在不同的导航分类下。这种方式更利于掌控,可以用于对信息设计的结果进行验证的阶段。

19.导航:在保证结构合乎逻辑的同时,还要考虑到是否能正确引导用户、深度与广度是否平衡、用户的习惯和使用场景等问题。成功的导航设计可以自我解释,让用户在导航系统中清楚的认识到信息结构和自己所处的位置,为用户解释“我从哪里来?”、“我现在在哪里?”、“我要到哪里去?”的问题。

深广度平衡:在设计导航结构时,要考虑到深度与广度的平衡,也就是纵向的层级数,与横向的选项数的平衡。(在导航的信息组织中,层级的数目可以称为导航的深度,每一层级中包含的菜单数目可以称为导航的广度。)如果导航深度过深,用户就需要耗费多次点击,才能找到所需要的信息。如果一些细小的信息隐藏的过于深入,用户可能很难找到,过深的层级关系容易令用户迷失方向。相较于鼠标的不停点击,眼睛在页面上扫视的成本要低许多,所以比起深层次的导航结构,广度导航更利于用户发现信息。但如果广度超出用户可以接受的范围,人们必须一次阅读很多选项才能在其中进行选择,也会大大增加用户的选择负担。(一般来讲,超过7个选项时,用户就很难记住了)所以设计导航时需要将信息进行合理的分组,在分组时注意深广度的平衡。明确每个层次的焦点,让用户知道当前层级有哪些内容,并能知道自己的目标在哪里。

用户所需信息与商业推广信息的平衡:对导航的设计,一方面要了解用户的信息需求,另一方面也要了解网站背后的商业目的。(如亚马逊在用户选择的内容附近默默的出现相关的推荐广告,韩国乐天网站的商品分类导航中,信息被划为3部分:最突出的商品类目满足用户查找商品的需求,推荐公司旗下的其他购物网站并在背景上加以区分,活动推广的链接对活动推广感兴趣的用户可以找到。)

为重要功能和常用功能设置快捷入口:为重要功能和常用功能设置快捷入口就像是在原有产品架构的基础上搭建“快捷通道”。用户可以一步步顺着产品的逻辑来寻找所需功能,也可以通过快捷入口,按照自己的行为习惯,快速找到所需功能。(如电商网站的购物车功能)设置快捷入口也是一个需要权衡的过程。必要的“快捷通道”可以提高使用效率,但如果快捷入口过多,产品会变得混乱。同一个功能入口过多,不仅不会提升使用效率,反而会使用户感到迷茫。

20.通过对重要功能、信息进行分类和组织,可以帮助用户迅速找到入口,进入一个具体的界面,再通过界面上的信息提示完成各种任务。我们在投放广告素材时发现,当文字越多、内容越复杂时,用户的点击量就越小。所以我们在设计界面时,必须明确哪些是主要信息,哪些是次要信息。通过设计用户任务,并确定主要任务和次要任务,可以帮助我们快速判断界面上内容的主次关系。通过梳理信息结构,我们可以把主要的功能、内容组织起来。而通过任务流程,我们则可以把剩下的部分给“拼装”起来。

21.如何区分主要任务和次要任务:电子商务网站为例。对于用户来说,最重要的需求是购买到心仪的商品。因此,购买商品是用户的主要任务。对于产品来说,用户购买商品才能最大限度的创造商业利益。因此,设法让用户购买商品,对于网站来说也是最重要的任务。但要完成购买商品这个任务,期间可能还要完成很多子任务(浏览、选择、对比、收藏、加入购物车、充值等等)。这些任务属于次要任务,它们是为了用户完成最重要的任务而存在的。

22.具体设计任务流程:先设计主线再设计支线。设计主线(主行为流)就是把杂乱无章的功能点根据用户的期望及目标以正确的次序组织起来的过程,告诉用户需要先做什么,再做什么。是否设计支线(次要行为流),要看次要行为流是否能对用户完成主行为流产生必要的帮助(迷宫的支线越少,整体复杂度越低,越有助于用户迅速完成任务。)因此,设计师既要理解产品人员的意图,又必须从用户角度思考,确定主行为流,并以此为线索,理清思路,进而规划产品的整体设计。(任务流程确定后,就可以通过一系列草图去把用户完成任务的过程表现出来,这样我们就得到了任务流、页面流设计,然后再去细化具体的界面。)任务流程图--页面流程图--页面交互。

23.如何突出主要任务:主要任务不突出或引导不明确的页面,会让用户感到迷茫和不知所措。我们可以通过分解用户任务、排列任务优先级、组织合并相关任务等方式,使用户可以专注于主要任务。

分解用户任务:要突出页面的主要任务,首先要明确用户使用产品时,要完成的任务有哪些,并详尽的分解出这些任务。我们需要从用户的行为出发,详细描述用户的使用过程,将用户任务分解为具体的行为操作。这些用户行为就可以称作这个任务的子任务。其实每一个子任务都可以对应一个产品功能、一个界面模块。

排列任务优先级:要突出用户的主要任务,就要对这些子任务所对应功能的优先级进行排列。大多数用户需要用到的功能和使用频率很高的功能,需要重点突出。对用户目标和商业目标的影响大小,可以表示此项功能的重要程度。所以,我们可以通过使用人数、使用频率和重要程度这3个维度来排布优先级。

组织合并相关任务:设计师要将子任务按一定的意义组织起来,便于用于理解和使用。(首先要将所有按钮放在一个统一的区域内,再在这个区域内将操作和功能相似的按钮摆放在一起,然后把它们圈为一组。 同样的,我们可以将次序相同、操作类似、界面类似的任务组合起来,合并为同一组模块展现在用户面前。)

可以根据模块的优先级,将它们排布到页面中去。在页面中,对于不同级别的任务,要有不同的展现形式。一级任务一级展示,二级任务二级展示。我们可以利用人们从左上到右下的阅读规律及自上而下的直线式逻辑,将重要的任务放置在页面的左上部,使用较大的视觉区域进行操作。使用强烈的对比度突出重要信息和操作。

24.如何引导用户完成任务:按照用户的操作逻辑,采用相似性引导、方向性引导、运动元素引导等。相似性引导:如果大小、色彩、形态、视觉元素等因素相似,那么这些相似的因素可以牵引着用户的视觉,引导用户操作。方向性引导:对于操作步骤较多的任务,可以利用具有指向性的箭头,进行方向性引导。清晰的视觉纵线也可以建立起无形的方向性。同一方向上的视觉顺序,使页面方向上(上下左右或倾斜等)的逻辑关系很明显。清晰的方向性可以提升用户完成任务的效率。运动元素引导:运动元素引导,就像是用户的小向导,带领用户找到下一步该往哪儿走。(入淘宝购物时,点击“加入购物车”马上会有“飞”的动作提示,用户的视觉马上就会被牵引到页面购物车的位置,去继续下面的操作。)需要跨越多个页面的引导:向导控件是一种常用的交互方式,用来引导用户完成多步操作。它可以在陌生的页面环境下,为用户指引路线。同时,还可以告诉用户,要完成任务一共需要多少步骤,你现在所处的步骤是哪个,还有多少步可以完成任务等。让用户对整个操作有个预期,帮助迷失的人们找到前进的方向。

25.如何简化复杂的操作:通过减少干扰项、转移复杂操作、简化操作方式、优化操作过程等方法,都可以简化复杂操作。

减少冗余步骤和干扰:人们在处理信息、学习规程和记忆细节方面的能力是有限的。选项越多、步骤越长,用户需要耗费的注意力和理解力就越多。一个人面临的选择越多,所需要作出决策的时间就越长。复杂的操作流程,也往往来源于冗余的步骤和干扰项。多一次跳转意味着多一次注意力的转移,多阅读和理解一个页面的信息。减少一个不必要的步骤,会让用户操作起来觉得轻松很多。提供很多选项,看似可以给用户更多选择,让他们可以掌控局面,但如果超过了一定的界限,特别是在很多选择都很类似的情况下,反而会给用户带来负担。

将复杂操作转移给系统:每一个过程都有其固有的复杂性,无论在在产品开发环节还是在用户与产品的交互环节,这一固有的复杂性都无法依照我们的意愿消失,而只能设法调整、平衡。复杂性存在一个临界点。超过了这个点,过程就无法再转化了,你只能将固有的复杂性从一个地方转移到另一个地方去。在交互设计汇总,如果已经到了这个临界点,我们可以将复杂操作从用户转移给系统,让机器代替用户进行操作。(如地图软件的定位功能自动将起点定位为“我的位置”,较少用户的操作。)

简化操作方式:如浏览网页看到一个想去了解更多的词语用Google搜索的步骤是“选中--右键复制--新建窗口--打开网站--粘贴--搜索”,现在这一复杂过程简化为“选中-右键点击Google搜索”。优化操作过程:操作中得不到反馈,发生错误后重新填写,比操作流程的冗余更加可怕。提供合适的首选项、适时帮助、及时反馈、提供合理的默认值等等这些细节的优化,可以帮助用户降低出错几率,使他们能够更快、更顺畅的完成任务。(快捷支付使得很多支付类应用的支付成功率大大提高,手机快速注册、使用其他社交网站账号登录也使很多网站的注册转化率提高很多。)

26.信息量太大,页面怎么摆?让页面层次不言而喻:在设计以信息呈现为主的界面的时候,我们可以将要呈现的大段信息分解成易于理解的信息模块,根据“用户想看到什么”和“我们想让用户看到什么”,为内容模块排列优先级。再根据用户的浏览习惯,将不同优先级的信息放置到相应的页面位置。(这和分析用户任务的过程类似,都遵循“分解-排列-组织”的原则。)在视觉呈现上我们要突出信息模块之间的逻辑关系,逻辑相关的信息在视觉上分为一组,内容或重要程度不同的信息在视觉上体现出差异,逻辑上有包含关系的信息在视觉上进行嵌套。

逻辑相关的在视觉上分为一组:让相关的信息在视觉上分为一组。可以利用“接近原则”,将相关内容组织到一起,以使页面之间的逻辑关系更清晰。物体之间的相对距离会影响我们对其组织方式的感知。(如互相靠近的物体看起来是属于一组的,而那些距离较远的看起来就不是。在设计界面时,将元素分好类后,用不同的间距表明界面内容的关系,从而形成整个页面模块与模块、内容与内容之间的节奏感。)

内容或重要程度不同的在视觉上体现出差异:对于同类信息可以使用“接近原则”,对于内容或重要程度不同的信息就要使用“差异原则”。因为不同信息,如果表达形式过于类似,会造成误解,需要强化差异对比。

逻辑上有包含关系的在视觉上进行嵌套:逻辑相关的部分,在视觉呈现上也应该是相关的。要让用户一眼就能够看出内容之间的关系。(在写文章时,如果文章较长,我们需要以一种层次结构来展示各段及其子段落。就像在使用word时,我们需要为一级标题、二级标题、正文内容和注释分别设置不同的字号、字体、颜色,以此来使文章层次显得更加清晰,也使上层的段落可以比下层更明显的被展示出来。)

27.让重点信息“跳出来”:我们可以通过视觉设计的方法,如字体加大加粗、色彩对比、添加背景色、留白等,强调界面的重点元素。而其他非重点的元素应该尽量“藏起来”,或是显得暗淡些,从而使界面的重点“跳出来”。(如关于电商网站商品的评价设计,通过字体加粗和色彩对比,突出了综合评分、每条评论的标题和个人评分,而对于大量的评论内容,则显示成灰色的小字,让用户在扫描页面时可以首先看到重要元素。又如邮箱界面的设计,未读邮件是更需要被首先看到的,所以文字和背景色采用了更强的黑白色对比,同时加粗文字用以着重强调。而已读邮件是用户已经阅读过的内容,可以弱化显示,所以采用了较弱的黑灰色对比。)

28.将次要信息“藏起来”:设计者不应将那80%只有专家用户才会使用的功能放在显眼的位置。为了不影响新手和中间用户使用,我们应将那些次要信息“藏起来”,待用户需要时再将它们展示出来。有效的隐藏使大多数用户可以快速找到常用功能,在找不到时,会自然的去点击“更多”,从而发现那些高级功能。(如Google的产品分为3个层级:用户最常用功能放置在导航栏上,使用频率次之的功能放置在“更多”展开的菜单里,在菜单的最后一项还有一个“更多”,点击这里会跳转到Google所有产品的列表页,使用频率最低的功能被放置在这里。)列表页起到的作用是“快速筛选、激发兴趣”,如果提供的信息太多,就会让用户扫描起来觉得很累,也许在浏览一屏之后就没有兴趣再看下去了。但如果提供的信息过少,用户在看到“兴趣点”之后,还需要逐个点击,到新打开的详情页去判断这是不是他想要的东西,多一步跳转就会多一次转移用户的注意力。隐藏策略不仅可以让界面重点更突出,减少复杂信息对用户的干扰,还可以减少跳转,满足用户的快捷操作。

29.设计师既要学会理性的规划网站层级和逻辑,又要学会通过感性的界面吸引用户。以人为本的界面设计:首先,我们要了解用户,知道用户有什么样的需求,他想要什么。其次,我们要保证我们的界面逻辑不是错误的,可让用户顺利完成任务。最后,我们要力求让设计形式符合用户的心理模型,让用户感受到“人性化”的设计。目标明确的用户在使用产品时会按照流程一步步完成任务,而对于目标不明确的用户则需要通过更多的展示内容来吸引他,用户被吸引了才有可能尝试操作,进而完成任务。(如淘宝的收藏夹和购物车,它们的内容其实是类似的都是要包含图片、商品名称、价格等元素。如果按照正常的逻辑来处理,这2个页面的设计样式应该是类似的,但是淘宝的这两个页面考虑到了用户的使用情景和心理感受设计的差别很大。如果用户对商品感兴趣,但又不急于购买,就倾向于把商品放到收藏夹中,如果用户的购买意愿较强,就会倾向于放到购物车中。所以收藏夹需要适度的突出图片、评论、人气等内容,吸引用户去买;而购物车则应尽量简洁明了,不过多干扰用户,方便用户迅速下单。)

30.帮助用户找到想要的东西:信息组织与分类的目的,就是要让信息易于找寻。让有明确目标的用户,能够快速找到所需信息;有不确定目标的用户,通过浏览和寻找,一点点明确自己的需要,最终找到信息;让没有目标的用户在探索中激发需求。(如电商网站中,明确自己想要买什么的用户可以通过搜索框快速找到特定商品,对于自己要买的商品有大概目标的用户可以使用页面的商品分类在特定的类目中寻找商品,完全没有目标的用户则可以浏览最近热销或是有折扣的商品在“闲逛”中激发购买需求。资讯类的网站首页,大部分用户并没有明确的目的,只是想知道最近发生的热门事件,页面的大部分内容为这部分用户提供了资讯。有明确目标的用户可以在搜索框中搜索他们想要的信息。)

31.吸引无目标用户:对于无目标或目标不明确的用户来说,我们不能再用理性、逻辑的思维方式来对待他们,而是要充分的换位思考,用感性的思维方式来给他们营造贴心、友好、有吸引力的界面。(如知乎登录页面,在页面最显眼的地方提供了登录框,页面下方推荐了高质量用户和热门话题的一些问答,让用户在没有注册时,也可以对网站内容略知一二。又如改版后的Flickr注册页,高质量的照片墙告诉用户,在这里有最棒的摄影作品,被吸引到的用户还可以点击查看详情,于是收藏、评论、分享这些主要功能就都会展示在用户面前。)

32.符合用户心理模型:在设计的过程中,设计师应该充分考虑到用户是如何理解产品的,并在交互设计上的表现形式上更贴近用户的心理模型,避免将枯燥的逻辑直接呈现给用户。(如通过颜色的变化和数字的高低让用户直观感受到天气变化趋势的天气应用。)

33.如果界面的设计元素可以与现实世界中的潜意识因子相呼应,勾起用户的回忆,引起用户的共鸣,那么当用户看到界面时,即能够令其产生认同感和情绪体验,与界面产生情感互动,从而引导用户积极操作。拟物化的视觉:最直接的借鉴现实世界的设计方式。通过模拟现实中的物体,使用户产生熟悉感,让信息与功能更加易于识别和理解。注重效率的应用可以设计的尽可能简洁,帮助用户快速完成任务,但是对于那些娱乐型应用来说,人们对于情感的追求永远不会消失。(如抽象出部分特征的网易云音乐的唱片和唱针元素,天气界面提取色彩特征的设计。)隐喻化的操作:视觉表现难以拟物时,也可以通过模拟现实中的操作,使用隐喻的方式让用户对操作感到熟悉。当应用中的可视化对象和操作与现实世界 的对象与操作类似时,用户就能快速领会如何使用它。(如iOS中的文件夹就像现实生活中的抽屉。)

34.可控的感受:未知和不可控的情况总会令人不安,人们对外部世界的控制感能带来积极的情绪体验,也更愿意接受挑战和尝试新鲜事物。调查表明,如果界面没有任何提示,80%的用户等待超过2秒就会直接关闭窗口。如果界面有提示或是加载状态,用户的离开率就会极大的降低。加载状态提示可以增加用户对界面的可控感,形成操作语预期,使用户安心。为了增强用户的可控感,界面还需要预先提供提示,向用户透露一些接下来将要发生的事情,让用户建立预期。系统需要根据用户的操作收集信息,掌握规律,正确的预计未来可能出现的问题,并提前采取措施或提醒用户,将可能出现的风险消除在萌芽的状态。(很多即时通信应用都会为用户展示对方的状态,显示对方是否正在输入,或是对方是否已读信息,让用户知道对方的情况,感知对方的存在。这样的设计可以缓解等待的焦虑感,给用户一种期待,增强用户的可控感。)

35.积极的反馈:人们在表达之后,总是希望得到积极的反馈,提供积极反馈是与用户互动的一种方式。操作之后网站长时间没有反应用户就会有种和人们交谈却被忽略的感觉,怀疑自己的操作是否正确,这种感觉令人感到沮丧。当用户操作有误时,系统往往直接给出错误提示会让用户产生挫败感。人们在社会交往时具有的期望,在使用互联网产品时也会有,积极的反馈可以增强用户的信心,提升用户体验的愉悦感。新手用户是最需要积极鼓励的。

36.贴心的提醒:在使用产品时,用户难免会有遗忘或是疏忽的时候,此时给予用户一些贴心的提醒,可以提升用户对产品的好感。(如问答网站quora在用户准备登录时,当输入邮箱后它会及时校验这个邮箱是否曾经注册过。如果邮箱有误,登录框马上会告诉此邮箱还没有注册过并提供一个马上注册的链接入口;如果是注册过的邮箱,Quora会在输入框钱直接显示出用户头像,以一种可视化的方式来帮助用户确认信息,并在密码输入框的下方提供找回密码的链接。除了运用文字提醒用户之外,还可以通过界面元素状态的改变给予用户提醒,如新闻阅读类客户端会改变已读文章的颜色,降低其饱和度,使用户不要过多关注于已经阅读过的内容。还有有些应用关于未读的消息有小圆点的方式提醒。)

37..如何调动用户的情感?互动的乐趣:在使用互联网产品的时候,人们希望可以体会到互动的乐趣,而不是单向的接收信息。(无论是灵动的交互动画、操作后的反馈效果、误操作时的提示,还是像对话一样亲切的文案,都是机器和用户互动的结果。应该让用户感觉到,自己的一点一滴都被系统感知,满足用户的参与感和被尊重感。)

惊喜的力量:这是超出预期的体验,这些“惊喜”虽然在功能方面没有什么实际的用处,但用户偶然间发现后会增加一份特殊的喜悦和乐趣,还可以引发用户的好奇心,增强他们的探索欲望。(如玩超级玛丽时误打误撞出的隐形蘑菇,微信中在聊天时发送特定关键词时会触发一些绚丽的背景特效。)

情境的烘托:为产品设计一个故事情节,通过视觉、动画和音效的烘托把用户带入一个情境中。情境烘托很适合用在活动页面的设计中,活动页面一般都会有较大的空间来设置一个完整的故事,如果选择人们比较有共性的经历,就很容易勾起用户的回忆。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,080评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,422评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,630评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,554评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,662评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,856评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,014评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,752评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,212评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,541评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,687评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,347评论 4 331
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,973评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,777评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,006评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,406评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,576评论 2 349

推荐阅读更多精彩内容