新手如何进行引导针对“新手用户”的引导设计( 二 )


气泡引导在设计中最为重要的一点是“如何消失”,这个问题有两种解决方案:

  1. 第一种是必须用户按照气泡引导操作或点击气泡引导的“关闭”按钮才会消失 。这种形式虽然可以保证用户一定看到了引导内容,但是气泡引导一直显示在页面中,会引起用户的轻度负面情绪;
  2. 第二种是气泡引导默认显示5s后,自动消失 。这种形式的气泡引导会出现在页面内容较多或视觉焦点较多的情况下,用户未注意到或未识别完引导文字,气泡引导就已消失的情况 。所以,在气泡引导的应用中,要根据实际的使用场景,对比引导信息的权重和可识别度,选择使用哪种消失形式 。

新手如何进行引导针对“新手用户”的引导设计

文章插图
4. DIV提示引导“DIV提示引导”以提示为主(被动式引导),辅以快捷入口(主动式引导) 。主要给用户以警示作用,尽可能的让用户能自主选择后续操作,不通过视觉方式主动引导用户选择 。一般以纯文本为主,可作为提示类实时信息反馈,通过不同的颜色来进行视觉效果及权重程度的区分 。
DIV提示引导通常位于与待提示待引导元素靠近处,也可显示在页面较为显眼处 。
新手如何进行引导针对“新手用户”的引导设计

文章插图

新手如何进行引导针对“新手用户”的引导设计

文章插图

新手如何进行引导针对“新手用户”的引导设计

文章插图
“成功、提示、警告、失败”的样式:
新手如何进行引导针对“新手用户”的引导设计

文章插图
5. 其他功能操作引导还有一些引导,不仅适用于新手用户,对于老用户也依然适用,因使用场景的不同,还有很多细分种类,如:
校验引导:对于表单输入内容的反馈并预示用户正确操作 。
提供邀请:用于交互期间,合理推断用户可能产生的需求 。
过渡式引导:人脑灰质(Gray Matter)会对动态的事物(eg:移动、形变、色变等)保持敏感 。在界面中,适当的加入一些过渡效果,能让界面保持生动,同时也能增强用户和界面的沟通 。
即时反应:用户进行了操作或者内部数据发生了变化,系统就应该立即有一个对应的反馈,同时输入量级越大、重要性越高,那么反馈量级越大、重要性越高 。
  • “提供邀请”的强大体现在交互之前给出反馈,解决易发现性问题;
  • “过渡式引导”的有用体现在它能够在交互期间为用户提供视觉反馈;
  • “即时反应”的重要性体现在交互之后立即给出反馈 。
结束语引导设计的目的,是让用户能更轻松、更快速的熟练使用我们的产品 。
我们同样不能盲目的去为每一个觉得需要添加引导的地方添加引导,应该以实际需求及产品功能/元素等的权重进行考虑,如何把握这个度,需要每个设计师或产品经理一起权衡 。
此外,关于文案的情感化设计也要视情况而定,根据产品所属领域、调性和目标用户人群的特性而定 。

推荐阅读