在产品设计中,总想强调一些关键点。这些关键点是品牌理念,是贴心小功能,抑或是帮助用户完成目标的重要操作。我们以最接近用户心理模型的方式来展示的这些关键点,文中按照引导的目的为脉络,总结了一些常用的套路招式。
品牌渲染、应用介绍
- 引导页
打开新下载的App,扑面而来几张清爽简单的引导页或一组流畅生动的引导动画是承载品牌和应用介绍的好地方。此刻,对于脑袋一团浆糊的新用户,他只期望知道用这个App能干什么。由引导页进入应用内部,就是由抽象进入具象,由总到分,符合心理预期。因此,引导页很适合用于抽象、感性、概括性高的品牌引导。
功能提醒
提醒用户注意某些功能大致出于这几种目的:
- 告知重要功能
- 提醒不易察觉或表达隐晦的功能
- 提示用户如何把空缺状态变成有内容
使用什么样的套路手段、达成什么样的目的,需要结合功能的具体情况来分析:这个功能对用户而言重要么?需要提醒到什么程度?需要经常提醒么,还是只需要提醒一次?
-
蒙灰遮罩
优点是覆盖面积大,显眼;缺点是需要进行操作才会消失,有较大的干扰性和打断性,用户出于习惯,可能看也不看直接点击让其消失。 -
气泡
气泡分为2种:过数秒自动消失和手动操作使之消失。前者容易被忽略,后者有一定的打断性。 -
空页面
仅仅在空页面里告知“这里没有东西”是不够的。在某些情况下,你还需要告知,有什么方法或者去哪里可以让这里有内容,或者这里将会提供什么样的内容。
下图是一个旅游行程规划工具的空页面。在行程空空如也之时,空页面比较好地指引了用户点击加号可以添加景点、美食、玩乐等行程项目。
某应用行程规划空页面.jpg操作示意
iPhone的右滑解锁动画是很棒的操作示意引导。用户需要完成某种特定的操作(如:滑动、拖拽),才可让引导消失。这对引导的设计要求很高,如果引导不够符合直觉,一旦尝试失败,容易产生挫败感。再失败几次,失去耐心,直接卸载应用。
现在很多网站在登陆注册的流程里,使用拖动滑块和拖动拼图到某个位置来替代传统的验证码输入。比起拖动拼图和输入验证码,笔者认为拖动滑块到末端更符合直觉也更容易操作。
“拼图”包含了太多层意思:1. 我需要拖动 2. 我需要拖到某个位置 3. 我需要先消耗一下脑细胞看文字说明我需要做拼图这项任务。不得不说,这是一项需要思考的任务。更何况在这项任务之前,出于惯性,输入用户名和密码算得上是无脑的操作。从无脑突然间到要用脑,第一次失败的概率是很高的。不信你可以找几个网站试试,看看你出错一次,第二次成功,依旧打败了90%的用户。
有些验证码做的比较反人类,识别度经常会影响成功率。
比起前两者,拖动滑块到末端是相对比较省力的解决方案。不需要解读说明文字,简单的动画示意,无脑一拖到底。
别忘了考虑产品阶段
引导的套路不是一成不变的,需要结合产品的成熟度来设计引导。举两个栗子来说明。
引导页适合做品牌渲染,但不代表只能做品牌渲染。在初期,市面上大多数人对你的产品一无所知,适合用最笼统的介绍让大家了解。可发展到一定阶段,满大街都知道微信是什么的时候,仍在引导“微信是一款即时通讯工具”就不适合了。或许这个阶段,适当性地透露一些细节改进未尝不是一种好的选择。
第二个例子,还是iPhone的开机解锁。iOS6.0~8.0,解锁也从具象到抽象。这种设计的演化的确是和市场熟知度高度相关的。
iPhone解锁页面1.png iPhone解锁页面2.png有时候有设计就是过度设计,袖珍的屏幕上只放需要的东西,只强调最重要的东西。