03
面对新商业体验设计师如何转型
刘伟 刘伟
设计智能化中台工具的出现
新的商业正在发生巨大变革,从零售终端到供应链的各个环节都在进行新的方式重构人-货-场,加上新技术不断成熟赋能,用户将面临全新的体验方式,从智慧门店到智慧家居到智能终端的万物互联,这些都悄然来到普通大众的生活之中。而十几年来设计师擅长平面、PC网页、手机APP等设计的输出,这些能力在未来还管用吗?加上一些智能设计工具的陆续出现,很多基础设计能力将会被工具取代。在这样时代交替变革中,设计师面临新商业环境下体验要求,以及设计智能化中台工具的出现,我们该何去何从才能拥抱未来?
设计师面对的商业变化有哪些?
首先让我们看看设计师面对的商业变化有哪些? 纵观中国互联网飞速发展二十年来看,我们大致经历过三个时期,从PC时代到移动互联网时代,到我们正在降临的物联网时代。 在三个典型的不同时期,都有不同互联网商业产品,构建了相应的用户体验。想一想我们最早的PC时代,是解决信息不对称的问题,所以就有很多信息门户产品。用户体验大致是浏览、搜索、下单。 到了移动互联网时代,由于手机移动便利特性,解决了效率对接的问题,有很多APP与我们生活息息相关。很多体验跟以前也不一样,典型的体验比如说狂扫天下,扫一扫你可以支付,扫一扫你可以点菜、下单。还有大家喜欢的,你们附近的人、附近的美食等等。 到了我们未来万物互联和自由共享的时代,可能是一个智慧大爆发时代,目前我们所知一些商业产品,比如无人驾驶、智慧门店,还有最近推出的天猫精灵(语音交互体验下生活型助手),还有我们讲的VR购物等等。这时用户体验也较之前大不一样了,就是任何人(Any Person)在任何时间(Any Time)、任何地点(Any Where)都可以享受我们的线上线下无边界的智慧服务。
2
设计师在新商业环境下将会面临全链路、多场景的设计体验诉求。
设计师在新商业环境下将会面临全链路、多场景的设计体验诉求。正是即将要打造这样的体验,使得未来任何人、任何时间、任何地点都会享受到线上线下无边界的智慧服务,比如智慧门店、智慧家居、智慧车载等。 那么随之人人之间和人机之间交互行为,以及设计师的输出物以及设计岗位,我相信都会发生一些变化。从交互行为来讲,已经发生了非常大的变化。从PC时代的鼠标、键盘和屏幕之间的互动,到移动时代手指和屏幕之间的互动,到未来即将发生的全感互动,所谓全感互动就是如语音交互、体感输入以及未来可以通过意念来和终端交互,想想也是有可能的。 设计师的输出物也发生了非常大变化,从之前的PC页面到的移动页面,到未来是全流程、多场景、多角色的体验方案提供者。 设计师的岗位,我觉得从之前的美工时代到中间的交互视觉用研,到未来的综合跨界的UXD人才,稍后我会分享UXD在这个时代意味着什么。 所以相比之前,设计师对终端消费者提供体验设计方案,未来要在整个商业全链路、多场景下提供的体验设计方案。在这种时代的演变下,设计师将会面临很多新课题。比如说全链路、新零售、供应链、境遇设计、服务设计等等这些新的课题需要去探索,设计师的要求会变得更高,跟以前相比也更加多纬了。或许交互视觉用研可能是一个基本能力,未来并非是一个岗位。
18
阿里的设计中台
首先让我们看一看阿里的设计中台,设计工具产品怎么赋能设计工作、提升设计效率。阿里设计师每天输出大量的页面,保守估计,至少有30%以上工作都可以被抽象被重复使用,这些可以用工具去做。所以阿里集团UED委员会设计中台小组打造了一些设计工具。有设计上下游协同工具,提升设计师上下游沟通效率;有创意设计产品,提供图片创意智能化输出的能力,大家或许所知道的阿里海量Banner设计部分是通过机器来完成的;还有阿里的设计框架产品,提升前端开发效率,以及素材库和用研工具等等,都是阿里中台产品涉猎的范围。
新商业下的UXD
提升了的效率,并不意味着可以放下脚步,要提升跨界专业能力和创新能力,所以现在讲讲UXD是什么。UXD这个title大家很清楚,也许觉得自己不就是做用户体验设计的嘛。 实际上在新商业下的UXD有自己的理解,认为它首先要有一个内核,所谓内核就是始终站在人的角度,以人文角度出发,对各种资源(包括技术资源、商业资源)进行整合。在商业全链接、多角色多场景中洞见机会点,这是一个心法层面的改变。第二,掌握跨界专业能力,拥有视觉交互和用研的能力,再加上整个上下游推动执行能力。这样就完成了设计师由被动到主动、由职能单一到职能跨界、由资源方到驱动者的可能性。这样一来,UXD设计师就有可能在商业全链路中,通过关键业务场景用创新体验方案去赋能业务。
设计效率和能力都提升了,接下来我们可能要做一些设计赋能的活儿。以智慧门店的案例作为简单的介绍,智慧门店项目提供的是当用户走进门店身份即被识别、选购商品智能导购、出门时自动支付这样一个新型购物体验场景,目前是一个实验室项目,未来希望在商业场景中落地。 在这个过程之中,有两种典型角色: 角色一:消费者; 角色二:门店管理员。 这两种角色在其体验链路上有诸多相应的子场景,用户体验设计师要整合现在所有的商业资源、技术资源满足这种场景下的不同境遇式体验,提供我们的体验解决方案。 首先我们看消费者这个角色。从入店前到整个离店后,设计师都给出了用户体验解决方案,由于时间关系,不一一分析。就以其中两点来说明下。由于是智慧门店,是千人千面的,不会跟传统零售通店体验是一样。比如说我们要提供老会员进店之后可以享受到会员价的一个境遇体验。所以用户体验设计师和业务方一起用会员身份识别+电子价签这种技术整合到我们的体验方案当中,就可以提供当老用户进门身份即被感知,选品专属价格这样的个性化体验;同时,我们想提供外籍人士中英文自动切换介绍能力的体验,一个老外进入门店,整合人脸识别能力,他进去以后导购大屏中就会播放英文商品信息,到货架区出现英文的商品介绍,手机扫一扫商品二维码,也许商品恰恰是在亚马逊上的一个排名,他看了会非常喜欢。
6
总结一下,首先我们要面临新商业变革,从而带来用户体验场景的变化,所以用户体验会发生一些专业性变化,我们希望转型三角能够适应这样的变化。 首先通过设计中台,用设计产品提升设计效率,其次我们鼓励大家向UXD转型,提升我们跨界专业能力和创新能力,最后通过在商业全链路、多场景场景中,用我们的体验设计方案赋能业务,迎接当下和未来属于设计师的美好明天。
如何利用记忆心理学提高用户体验?
徐燕 徐燕
我们日常生活中最重要的信息处理器,是看不见摸不着的。它无法买卖或从别人那里索取,但是它可以通过许多方式来提升和加强。这种东西难以描述,却是人类最宝贵的特征之一,它可能决定了我们的每一步行动和每一次决策。它是一种奇迹,我们很少深入思考它。这就是人类的记忆。 记忆体现了数据存储与处理天然且惊人的复杂性。它在人的一生中能保存海量的信息,并且可以用对它主人有利的方式组织信息。它甚至负责设定信息的轻重缓急,让我们时刻记得一些重要细节,同时抹掉其他似乎不必要和很久没用的信息。人类记忆是一种机制,决定了人与外部世界的互动方式。显然,在用户体验设计领域,所有的界面设计都需要对这方面加以研究和考虑。了解记忆的工作原理,设计师可以创造出以人为本的界面,迎合用户这种与生俱来的能力,节约他们的精力,提升可用性。
20
一、记忆的基本要点
总的来说,人类的记忆是大脑中天生的数据存储能力。它会响应外界的刺激,收集数据,加以处理,并以不同方式组织。而且,它还让人根据需要调取它收集的数据。但是,它并非一种完美的机制,因为它会受大量物理和情绪因素的影响。基本上,心理学家谈论的是3种类型的记忆:1、感官记忆。当我们接收到听觉、视觉或触觉这些物理感官信息时,它能短时间存储数据。 2、短期记忆(工作记忆)。它可以让人在不重复某个行为的情况下,短时间记住一些数据。 3、长期记忆。它能长时间存储大量多种多样的数据,可能一生都会保持记忆。重复和建立关联,是获取长期记忆的有效方法。请看下图:
26
用户体验设计师在创建网站或移动应用的交互流程时,应该考虑这个因素。当然,他们的目标是让用户形成应用的长期记忆,使得用户能够轻松地反复使用应用界面。了解数据的存储过程,设计师可以制定出有效的策略,改善用户认知,进行必要的重复。而且,它有助于合理组织屏幕上的信息,优化产品的信息结构。
二、记忆的基本定律
心理学专家提出的记忆的3个核心方面,其实非常简单: 1. 专注。人需要保持专注,才能记住某件事情或者大量信息。否则,很有可能信息会被忽略,仅仅停留在短期记忆层面。 2. 关联。记忆是一种庞大的数据网络连接。如果一个人把新信息与广为人知的信息或自己的长期记忆关联起来,就更容易把它记住。 3. 重复。在数据处于工作记忆阶段时,反复多次激活它,是一种能够将它转移到长期记忆的有效方法。 依据这3点来组织界面上的内容,表现出视觉层次和认知,可以突出需要记忆的重要元素,使界面更易懂。
6-3
三、深入探索记忆
1、米勒定律:〞人在工作记忆中平均最多能记住的事物数量是7个。“ 这项探索是基于乔治米勒在1956年的心理学报告《神奇数字7±2:我们处理信息能力的极限》。一般概括就是,它说明了人类的短期记忆平均能保持和处理最多7个事物或信息,这个数字会上下浮动2。显然,这条准则是一般化的规律,真实情况取决于许多因素,包括信息本身。 在设计方面,信息在构造清晰可用的界面时扮演了重要角色。需要用户一次记住太多内容的界面,会制造不安,让用户恼怒,甚至他们自己都不知道这些负面情绪从哪来。
6-2
2、席克定律:“选择越多,越难做出选择。” 选项越多,他们就会想起越多相关连的事物,越容易分心——在这样的情景下不可能预知结果好坏。而且,一次给出太多选项,其数量超出了工作记忆能处理的范畴,超出了用户承受范围。在电商平台中,这个因素尤其需要慎重考虑,应找到一种平衡,给予用户所有必要信息,同时避免给Ta过多选择。
img-6
四、创造利于记忆的用户体验的诀窍
1. 不要让用户一次记忆太多事情。 当然这不是说所有的界面都只能保留5-9个元素。不过代表核心操作的元素数量,应该要符合这条规律。设计师把界面中少数元素设计得突出且吸引人,就能遵循专注原则,让人注意到关键区域,例如菜单、行动指令、产品图片等。视觉层次是最关键的策略之一,界面设计可以包含许多划分成组的元素,易于人类记忆消化。 根据最受欢迎的社交媒体分享平台Buffer的研究,标题的理想长度是6个词。Jacob Nielsen提供了一项研究显示,5-6个词的标题最有效,不亚于一个能表述所有信息的长句。其原因之一,显然和工作记忆的能力极限有关,它能更快更有效地处理这个数量的信息。
44
2. 不要一次提供太多选择。 一定要留意专注度。如果你一次提供许多选择、按钮和项目,你就得有心理准备,它会耗费更多时间精力,用户的短期记忆需要更努力来克服困难,这会使得他们从最终决策和操作中分心。这就是为何有些欢迎页和销售漏斗效果很差,即使它们有美艳的设计,过度分心的用户还是会在转化发生前离开。慎重地依据优先级来应用滚动和过渡效果,把屏幕或页面上的元素分组,首要、次要、再次——这对用户有帮助,能使界面的导航更自然。
img6-7
3. 使用易辨识的模式和图形来减轻记忆负荷。 这在界面设计中很有用,各种图形和标记的使用不止要在这个特定界面里被辨识出来,而且要在各种各样的界面里都能被辨识。放大镜代表搜索,购物车代表收集商品订单的页面,加号代表创建新项目,旗帜代表切换语言——所有这些,都代表长久存在人类记忆中的事物,不需要存储和处理新信息,就能引发正确的联想。 而且从更宽泛的角度来看,多数用户希望在页头看到品牌标志和前往网站主要区块的链接,在页尾看到联系方式、隐私政策、使用条款和信用声明。了解这类模式,设计师可以把基本操作设计得简单直观,节省用户的精力。这样用户就能将注意力集中在新数据上,快速感知信息。
img6-1
4. 在导航中运用统一的标记。 导航是用户体验的重要方面。让人在各界面中穿梭,它也传递了应当进入用户记忆中的信息。因此,设计师运用各种技巧,让过渡和交互保持清晰一致。比如,颜色和形状标记划分了特定区块,图标定义了特定的项目编组,特定名称或同类文案会使用统一的字体,插画和吉祥物使不同界面联系起来——这些和其他类似技巧能大幅增加对界面的记忆力,帮助用户处理新的信息。
img6-2
5. 不要隐藏导航的关键信息。 界面的关键任务是让用户清晰了解发生了什么。所以,关于使用汉堡菜单、滑动菜单、隐藏导航或内容层级的决定,应当建立在对目标用户的细致分析上。多数情况下,尤其是对于多种不同用户使用的复杂界面,隐藏核心导航内容,表现会很糟糕:用户必须找到并记住它们的模式。有些人会赞赏这种节省空间的技巧,其他人则会烦恼于必须记住所需功能的位置。优先级排序再一次扮演了重要的角色:隐藏次要元素,保持主要元素永远可见,用户就能集中注意力关注核心内容。用户测试有助于评估导航流程的有效性,以及它对转化率的影响。
img6-3
6. 刺激各种不同的记忆。 最迅速的信息接收方式是感官记忆。基本上,它可以分为几种不同传感器产生的记忆:它可以是视觉、声音、运动、语言、力学等等。通过激活它们,设计师不仅能创造令人印象深刻的交互流程,也能帮助更广泛的用户群体。研究和实验显示,不同人最有效的记忆方式是不同的。这就是为什么菜单里的主要类别要同时有图标和文案,可以大幅提升用户体验,同时满足视觉记忆和语言记忆的用户。声音作为交互的补充,也可以创造出令人难忘的流程和操作。
img6-5
7. 情绪的记忆。 毫无疑问,给交互赋予情绪反馈,是导致用户停留或离开的重要因素。糟糕的体验会促使人们更快忘记细节,但是会留下负面的总体感受,因为大脑在试图通过这种方式来保护我们。相反,正面的情绪,欢乐、美感享受、对问题快速解决或有效沟通的满足,会让人再回来反复感受。
77
所以,基本原则很简单:设计师为人们创造界面,就要知道人们如何与世界互动,什么在影响他们的行为。人类记忆是一种关键特征,在意识和潜意识层面决定了成功且正面的用户体验,所以为了以人为本的用户体验设计,需要研究、思考和检验它。
如何基于反馈迭代用户体验
孙蕊 孙蕊
作为互联网从业者,大家都知道,任何一款互联网产品的迭代,都一定离不开用户反馈和数据。如何通过这两个部分对产品的现状进行分析,并且提出产品功能迭代和体验优化是所有产品经理和设计师日常工作都需要面对的课题。对于用户体验设计来说,用户始终是设计的基础,无论是主动去做用户研究还是被动的从用户反馈中得到线索,学会正确的分析和思考都十分重要,而用户的声音可谓是千奇百怪五花八门,而且数量众多,如何整理这庞大的数据,并且从万千垃圾信息中挑选出真正有用的线索是个极大的挑战。 我们先来看一下实际案例,这是来自于点融网理财App的反馈邮件:
simg-1
简单一句“请问我如何提现?”乍一看,你会认为是提现流程设计出了问题。如果没有全面的思考和分析,很可能我们就会开始思考怎么帮助用户更好的完成提现,在提现页面增加说明、设计引导等等,然而,这句话背后隐藏了许多的可能性: (1) 用户找不到提现的入口,不知道怎么才能把钱提出来 (2) 提现的流程设计出了问题,用户无法完成提现 (3) 由于点融网的业务模式,用户的投资需要先完成债券转让,资金到账户余额内才能提现,所以这里有可能是用户不知道需要事先债转才能提现等 在有如此多的可能性的前提下,是需要完全不同的优化才能解决的,如果你无法得到用户的反馈场景,这个反馈就是个无效的反馈。
一、事情不一定是表面看起来那样
因为用户非专业人士,他们说的往往都不是最终我们需要去做的解决方案,我们需要了解用户真正的想法。其中原因有很多,有可能用户无法知道产品的全貌,他遇到的问题可能是这一系列流程中的一环,没有上下文的情况下,鸡同鸭讲;也有可能用户也许知道自己不想要什么,但是他根本不知道自己想要什么,更有甚者,用户反馈在一定程度上是经过修饰和隐瞒的。所以,我们需要谨慎的去解读用户的反馈,充分的思考并且推理一切可能。而这些分析和解读,我们需要使用目标导向的思维方式。
二、用设计思维武装自己
设计思维是一种全新的思考方式,它让我们不单单从问题本身着手思考,而是从问题的根源入手,从目标或需要达成的成果入手。 有个很有名的造桥案例讲的就是从设计思维入手考虑问题:作为一名城市规划建筑师,你接到一个任务,是要在横穿城市是一条河上造一座桥,你拿到这个任务的时候你会想些什么,“我该在哪个位置造这座桥?”,“我该造一座什么样的桥呢,斜拉桥还是拱桥?”还是“这座桥是木制、铸铁还是钢筋混凝土?”,这些都不对,首先应该想的是“为什么要建桥?”,如果你得到的答案是需要将人送到河对岸去,那么基于这个目标,你还觉得一定需要造桥,挖个隧道是不是也可以,建个轮渡也行啊。如果答案是需要将某些信息送到对岸去呢?整个命题就发生了巨大的变化。这就是设计思维在思考问题时的重要意义。
对于互联网产品的体验设计也是一样,用户体验的核心就是用户需求,只有真正满足了用户需求的产品才可能成功,设计思维就是一个非常好的武器帮你去发掘用户需求。用户的需求往往来自于一些使用过程中的痛点,首先了解用户是谁,用户在何时何地如何使用产品,通过专业的研究方法和分析就可以精准得出用户需求,基于这些需求的体验改进往往都会很有成效。用户体验设计的思考无外乎就是基于用户与场景的思考,需要牢记这两个关键的要素,时刻保持以这样的思维方式来解读用户反馈,可以帮助你更快更精准的找到问题的根源以及解决方案。
再举一个实际案例,点融网理财APP进行了大改版,采用了全新的信息架构和视觉风格,优化了许多核心的流程,在改版上线没多久,他们收到了好多封关于用户不知道如何退出投资的反馈邮件,如下图:
simg-8
看到反馈后,觉得问题在于退出功能层级过深,导致用户找不到相应的操作,于是对设计提出了设计优化的需求。用户投资后的管理在一个叫“团团赚管理”的界面中,进入该界面会看到你投资的所有产品,点某个产品后会看到该产品的所有投资笔数,然后点击某一笔投资进入详情页后会有债权转让的操作,级确实挺深的。而团团赚管理这个功能在改版前就已经上线,并没有收到类似的反馈,而经过3.0的信息架构重组,唯一发生的变化是“团团赚管理”功能的入口,如下图:
simg-9
3.0前的版本使用的侧边栏的导航,团团赚管理作为一级功能直接呈现。改版后信息架构做了重组,所有和用户财富相关的内容都放到了“我的财富”Tab里,团团赚管理以优先级最高稳居九宫格首位。看来也许问题出在入口, 经过了一番思考,决定暂时不去优化债权转让的流程,在入口上进行一些优化,尝试看看是否能够有所好转,优化后的界面如下图:
simg-10
把总资产移到了收益的右侧,将不那么重要的交易记录放入了下面的宫格,然后将用户直接相关的投资管理入口放在了页面中部,再配以图标,神奇的事情发生了,这个版本迭代上线后,用户关于找不到退出的反馈没有了,而且通过页面埋点的点击数据,也佐证了这个设计大大提高了“团团赚管理”入口的点击率。这就像你到医院去看病,你和医生说你头疼,结果检查下来问题不出在头部,而是颈椎病压迫神经导致。由此可见,基于反馈的合理分析和正确判断尤为重要。
三、收集各渠道用户的声音
除了App的反馈邮件外,互联网产品收集用户反馈的渠道还有很多,大抵有以下几种:应用商店的评分、客服电话的反馈、用户社区或贴吧等外部讨论区还有通过用户问卷和用户访谈。在被动接受的信息中,例如App反馈,客服电话等,我们需要建立一个有效的反馈追踪机制,定期的梳理其中有效的信息,并且存档,通过客服部门的配合将反馈的声音建立成库。 同时,对于近期上线的功能模块更要有特殊的敏感性,尽可能去查看第一手的用户声音,最好能够通过和用户的交流找到用户真正想表达的想法,从而更加精准的为迭代的思考服务,这也是一个主动去搜寻的过程。对于一些比较重要的功能,或是大型的改版,甚至在设计开发之前就可以采用研究的方法获取一些用户的反馈作为设计参考。 另外,除了产品的真实用户外,一些近似用户(竞品的用户,也是我们的潜在用户)也可以是一个有效的来源,例如竞品被吐槽的点,我们可以自省是否有同样的问题;竞品踩过的坑,我们事先预防跳过去,还有,竞品未满足用户的功能需求,或出现的体验问题,我们可以抢先发布。
关于用户反馈,我们必须要拥有一个正确的心态来面对,无论用户是吐槽还是谩骂,在自动过滤无效信息的基础上,还要主动的去寻找一些不同的渠道,全方位的去听取用户声音。在这些信息中,我们不仅需要看到用户提到的问题本身,更要看到这个问题背后的逻辑以及原因,通过设计思维找到合适的解决方案。不仅如此,反馈还可以作为验证设计成功与否的一个重要指标,所以,无论是设计师还是产品经理,都需要以用户骂我千百遍,我待用户如初恋的良好心态来正视用户的声音,真正做到为产品的迭代做好服务。
移动端交互设计中的“拇指法则”
姚健 姚健
一、什么是“拇指法则”
你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇指法则”。 在2013年,研究者 Steven Hooker上街观察了超过1300个人点击他们的手机。他发现在几乎所有案例中,他们拿手机的姿势都是基于以下三种。49%的人使用单手操作,是最多的;36%用一只手抓住手机,用另一只手的拇指或食指点击屏幕;有15%的人采用双手操作,用两个大拇指点击。智能手机被定义为三种手持方式,我们在这之中切换
yi-1
当我们单手拿着我们的手机,大拇指是唯一舒服好用的手指。甚至在双手姿势的情况下,很多人还是喜欢用大拇指。在一只手持机,用另一只手点击的人中,Hoober发现他们大部分也使用大拇指。经过计算,大拇指胜出:大拇指驱动了75%的手机交互。
yi-2
尽管大屏手机有巨大的尺寸,但人们仍然像小屏手机一样使用,并且仍然用以前的三种姿势。不同于小屏手机,大屏手机用户转变了姿势,开始使用整个屏幕,并需要双手操作。在另一个研究中,发现大屏手机使用者70%使用双手操作。在最受欢迎的三种姿势中,35%是用一只手抓住手机,用另一只手的食指点击。但是大拇指点击仍然保持了比例:60%的大屏手机使用者使用拇指或者双手拇指。
04
虽然我们经常思考“手指友好”设计,但是拇指才是最重要的。然而在手机操作中,拇指的可操作区域是有限的。如果我们竭尽全力,拇指可以在整个手机屏幕上进行操作(大屏手机除外),但是这也会影响用户使用的舒适度。
二、不同终端的拇指点击区域
1、小屏手机上的拇指点击区域 当拇指在小屏手机上滑动,只有三分之一的屏幕真正的无效。例如如果你右手持机,拇指自然下滑,在屏幕左下角会呈一个弧形,这个弧形同样可以应用到双手持机。对于右手操作用户来说,底部和右上角是最不精确的拇指区域。
yi-3
2、大屏手机上的拇指点击区域 随着拇指越来越多的使用,拇指区域对于4-7寸屏幕来说越来越重要。让我们翻回到拇指规则:往往要为最不舒服的手势而设计,这样人们不管他们如何选择拿你的设备,都可以使用你的UI。大屏手机用户往往使用双拇指,虽然我们单手持机的姿势占25%,但单手拇指姿势对于设计师来说却异常的重要,因为单手拇指范围非常小。在大屏手机上,意味着设计值应该把目标及中在单拇指姿势。当手机需要小指的支持时,拇指区域的大小和形状改变。
yi-4
3、平板的拇指点击区域 当我们拿起我们的平板,对于一只手的操作来说还是太大了,所以要使用两只手。再次,拇指很重要。我们倾向于在边缘抓住平板,在确定的位置上下移动,拇指位置在中部到顶部三分之一范围移动。这个姿势使得相邻边和顶部角非常容易点击。在手指不相邻边,顶部和底部是不友好的区域,由于需要拉伸拇指。底部尤其困难,拇指几乎没有靠近底部。有时候,那个部分甚至无法看到,因为最懒或许也是最正常的平板姿势是:放平平板,底部边沿靠近毛毯,毛衣或者腹部。由于平板握姿在屏幕边缘,拇指区域和手机上的完全不同。当然我们也点击屏幕中间。屏幕增大,我们手的区域也增加。但是不同于鼠标光标,我们的手指被胳膊的拖累,不能非常有效的在屏幕上滑动。 手指要带动整个肩膀,这样做需要花更多力气。一个界面不应该要求生理运动:将常用操作成组的放置在拇指可到达区域。大家都愿意使用拇指。
yi-5
4、平板电脑的点击区域 这种“手在角落”的姿势,定义了平板电脑拇指区域。又一次,把触摸目标放在拇指容易接触到的位置,避免抬高手臂。在平板电脑中 ,拇指的热区在设备的底部角落,拇指热区之外的其他区域是食指热区。
yi-6
三、拇指法则在设计中的应用
工具栏和导航条一般都在手机界面的下边缘——这跟我们在桌面界面中的惯例截然相反。这正是由于拇指可控范围有限导致的,在触摸屏上的界面设计与传统惯例相反,导航条和主要操作目标被放到了底部。 针对屏幕底部,拇指的热区进行设计,解决了很多用户的问题。而屏幕底部的拇指法则,无论哪只手进行操作,都适用。与此同时,它也给予设计师一些暗示:要怎样组织操作目标的视觉层级,以给予用户最便捷舒适的体验。例如,按iOS的设计惯例,一般把编辑按钮放在右上角,即明显,又能避免因为误碰而导致界面突然改变。下面我们来看两个例子第一个,网易的首页设计中拇指法则的运用:
yi-8
导航根据拇指法则放到了底部,方便用户切换不同标签。而搜索和直播则分别置于顶部的左右两侧,即明显,又能避免误碰。顶部的新闻分类导航,如果放在底部,则会与底部导航堆积产生误碰,所以放置到顶部区域。但是这样会带来一个问题,如果我想切换新闻,比如想查看体育新闻,拇指就会触控不到,为了解决这个问题,网易采取拇指左右滑动屏幕切换的交互体验,很好的平衡了上述问题。而内容部分则采用了非常友好的信息瀑布流的方式,只需要拇指向上滑动就可以一直浏览新闻信息,用户体验十分的顺畅。
控件放置屏幕底部不仅仅关乎到拇指操作的舒适性,还关系到一个问题:如果放在上面,用手指操作时,会挡住阅读的视线。如果控件在底部,不管手怎么移动,至少不会挡住主要内容,从而给予清晰的视角。
但不是所有按照其设计的产品都从其中收益:Android系统习惯将大量的控制元素塞到屏幕的下方。这些接近屏幕边缘的按钮大量拥挤在一起,再加上物理按键,手指非常不便于操作。Android为了将控件放到屏幕底部,不惜把搜索栏放到上方。一定要避免在触摸交互界面中堆砌控件,尤其是底部区域,但也不理想:1.处于拇指热区之外。2.操作容易挡住视线。这里想要说明的就是:其实设计规律依然有效,错误在于不合理的遵循设计规律,堆砌导致了空间布局问题,所以我们的设计规律也要根据实际的机型来合理运用。
我们再来看下优酷的播放页:
yi-9
播放/暂停下一即”按钮放置在了左下角,放到屏幕两侧下角的好处就是很容易点击,便于操作。试想一下,当你横屏看视频想暂停时,“正下方vs两侧下角”,哪个位置能让大拇指更快按到暂停按钮?找两个不同设计的App试下,就会发现两侧下角真的是比正下方要方便很多,操作起来也更快。有的人可能察觉不出这种体验上地差异,如果你换个大屏手机就会深深体会到这种设计的好处。因为手指长度是有限的,而手机尺寸越大,正下方的按钮越难以被大拇指按到。而两侧下角的位置,大拇指只需轻轻弯曲即可完成操作。
总结 移动端设备不断在变化,新的技术也不断涌现。但是只要是触摸屏这种交互模式还在,那么拇指就是设计环节中必须要考虑的一个因素。
让产品给用户最安全的体验
李旻华 李旻华
马斯洛理论把需求分成生理需求(Physiological needs)、安全需求(Safety needs)、爱和归属感(Love and belonging)、尊重(Esteem)和自我实现(Self-actualization)五种需求层次从下到上呈现金字塔状,马洛斯理论原则上是某一层次需求得到了满足,就会向更高层次发展,假若低层次的需求没有得到满足,人就不会有获得更高层次需求的动力,安全需求处于金字塔的底部,是一种人最基本的需求,安全对一个人来说至关重要。对于互联网产品来说,这里的产品安全体验虽然不直接涉及人身安全、生活安定或痛苦、威胁或疾病等,但是也有间接的联系。例如我们的财产安全、隐私安全等在互联网产品方面还是体现的比较多,对互联网产品也至关重要。例如最近支付宝 1 月 10 日被曝光的“非密码登录模式下可能出现的账户安全风险”的风波,虽然支付宝并没有因为所谓的“漏洞”造成用户的资金损失,但是也造成了用户的强烈不安,对公司的声誉造成了一定的损害。
gi-1
那么提升用户的安全感应该在哪些关键点进行呢?
一、营造安全的产品环境
如果人能够熟知自己所处的环境,人们通常会通过自己的经验来判断其中的危险性,从而控制风险,摆脱风险。我们的产品环境是不是给用户一种安心可以信任的感受呢?我们应该从哪些方面营造安全可信任的环境呢? 当人处在陌生环境里,会对未知的环境产生一种极大的不安全感,因为未知的环境有太多的不可控,从而威胁着人的安全。我们的产品对用户来说也一样,当用户来到一个陌生的网站、下载一个陌生的app时,会对一些隐私授权选项特别的警觉。 例如某些app在启动完成之后就开始向用户索要“通讯录授权”“位置授权”,这样的做法是令人讨厌和不安的,同时也破坏了产品给用户的第一印象,使用户产生不安全感。我们在设计的时候应该选择恰当的时机,这就需要先让用户觉得我们的产品“环境”是安全的,取得了用户的信任之后,再来询问授权。
gi-2
periscope是直播软件,只有当用户自己想要进行直播操作的时候,app才会提醒用户都需要开启哪些权限,以及本直播平台会保护用户哪些安全隐私,不会在直播中泄露,这是一种很好的做法,用户也能更加放心的使用app里其他的功能,久而久之就会对产品产生很大的信任感。 通常情况下,当我们被别人安利互联网产品时,他们都会说一句话:某某产品特别好,而且还是某某大公司旗下的产品,安全可靠。背书的力量是强大的。通常产品里也会经常展示和突出这一点。或者用产品取得的成就来增强品牌的信任感。
gi-3
技术呈现给用户的安全感是隐性的,大部分情况下用户是感知不到的,比如程序的运行流畅度,服务器的反应速度等。但我们经常会遇到这样的场景,正在进行某项重要操作时,系统却突然闪退,或者服务器突然的挂掉,以至于不仅耽误了用户的时间,而且有时候也为用户创造了麻烦,甚至损失。
6s
我们用机器语言给予用户提示,程序上给我返回了一些莫名其妙的提示,导致我无法顺利进行任务。这显然会给用户造成极大的不安全感,特别是用户正在进行重要操作的时候。此时用户是最没有安全感和无助的。但是我们不能进一步让用户产生不信任感,丧失安全感。我们应该在出现错误的时候给予用户适合的引导,或者给予用户撤销的机会,帮助用户预先保存信息,防止的重要信息遗失,减少用户重复操作,来作为挽回技术错误上所产生的不安全感和不信任感。
二、提高用户认知
人们对事物的熟悉程度决定了对事物的控制程度,控制程度越强则安全感就越强。所以加强用户对产品的认知,了解产品是怎样运作,提升操控感,也是提升用户安全体验的一种做法。例如支付宝利用余额宝这个极其简单的产品,为用户打开了互联网金融的大门,使金融更加平民普惠化。“投资理财”这种高端大气的名词立刻坠入凡间。门槛低,逻辑简单,风险低,且有相当不错的收益。在此之前广大用户对互联网金融一无所知,甚至其着极其强烈的不信任感。
gi-4
另外一些图形化说明书式的做法也是能让用户快速熟悉提升认知。
gi-5
三、预防风险
虽然我们给予了用户足够的操控感,提升安全体验,但是有一些人为的错误还是不可避免的产生。或者某些改变会给用户带来麻烦,作为优质体验的产品,我们是有义务提前告知和提醒用户某些行为所带来的风险,帮助用户预防,进一步提升用户的安全体验。在移动端的设计中,我们经常会发现一些重要的规则会写的不清楚,或被放在极其隐蔽的地方。用户也不会认真的去阅读这些规则,由于事先用户没有对其进行阅读,则可能为之后的使用造成一定的风险,所以对于一些重要规则,有必要对用户做出提醒。
gi-8
交易风险和用户信息的提醒,在支付或转账之前进行风险提示,能够避免造成不必要的麻烦甚至损失,增强用户的防范意识。给用户可投诉功能,增强用户对产品的信任感。
gi-9
预知
对事物的发展进行提前的预知,能够提升人们的操控感,从而提高安全感。进度跟踪器的使用让用户能够提前知道我下一步需要做什么。
ig-13
确认
对于做出的选择则,我们总是需要再三确认。确认通常是人们完成一项任务时需要做的事情。我们的产品对极易出现操作错误做出确认提示,来防止用户由于疏忽所造成的麻烦和损失。例如下图,对用户的提醒,以及再次确认。
te1
四、重视隐私安全
近些年来,近些年来人们越来越重视隐私安全,互联网产品会不会把用户的隐私泄露出去也是用户关心的话题。大家可能都经历过注册某个app,在接着的好几天里就会接到很多的推销电话,泄露用户的信息也是产品的大忌,这种做法是毁灭性的。 除了用户的信息我们不能提供给第三方并要好好保护之外。通常我们在用户隐私信息上会采取一些措施来保障,例如用户已经输入过的身份证号手机号码会打码,用户的账户金额会通过操作来隐藏,授权某些信息的时候会告知用户信息用途,给用户保证不会储存用户信息等。这些做法也给用户带来了一定的安全感。
ig-12
产品的安全体验对用户来说至关重要,也是我们产品设计者需要特别关注的问题,我们需要不断的提升产品的安全体验,从而更好的为用户服务,同时也要处理好用户体验与安全性之间的平衡。这样才能增加用户的信任感,是用户去选择你的产品。
ZOL第三期UXD月刊
ZOL第三期UXD月刊
阿里设计智能化中台工具的出现,设计师该何去何从?