用户提示可以引导用户更加快捷高效完成既定目的,实现产品功能的目标。本文将以用户体验由轻至重的渐变,分析各类用户提示的特征和应用特点。
用户页面提示,是完成用户引导重要的一环。基于用户认知注意成本,可以由轻到重的交互体验,将用户页面提示分为很多类型。不同类型的用户提示作用于不同的功能之中,显示在不同终端也有很大的差异。
此篇分享我就用户提示的分类和应用进行一系列的探究,并通过由轻至重的交互体验,区分用户提示应该应用在哪些特定的场景之中。
体验轻重主要根据提示出现时有没有打断当前用户的操作和提示消失的方式是否需要用户点击等方式,确定当前提示属于轻交互或者重交互。
开题之前,我们需要明确所谓“用户页面提示”的定义,那么我们用最常见的分析法5W1H来看一下到底这玩意儿到底是什么,值得我们去分析:
- WHAT:提示用户操作或知悉用户内容的多种形式的标签语言;
- WHERE:多数出现于静态界面中,也有部分出现在非模态对话框中,可能存在于各类终端产品(移动端/PC端/WEB端);
- WHEN:用户通过某些操作得到反馈时,或是告知用户一些目标任务信息时;
- WHO:所有产品用户;
- WHY:用户提示作为一种普遍存在的页面元素,是最直接、高效的引导方式;
- HOW:用户提示可以通过影响用户认知和使用行为,引导用户达到目标任务的心理预期。
那么,用户提示的目的到底是什么呢?
用户提示的目的从根本上来说是达到引导用户更加快捷高效的完成既定目的,实现产品功能的目标。尤其对于C端产品,需要考虑用户的使用时间、使用场景和网络状态等,用户页面提示出现得更为频繁。所以用户提示实现了提升产品用户体验的愉悦性和创新性。
故本文就用户体验由轻至重的渐变,分析各类用户提示的特征和应用特点,下图是页面提示的分类:
一、消息类提示
消息类提示,属于最轻量级交互提示,通常以红点或者提示数字作为形式,主要作用是提示用户未读信息或者提示用户内容更新。
应用:大多应用于实时内容型或社交型软件,是目前提示更新内容最广泛的应用提示。
上图分别为淘宝-宝贝信息,微信-一级导航,携程-我的信息。三部分内容均采用消息类提示的形式达到告知用户内容更新的目的。
二、浮层类提示
浮层类提示,属于较轻量级交互提示,以页面浮层的形式提示用户,而非牵动整个界面,主要作用是解释说明,和文本校验或是对截断部分内容进行补充(tooltip控件)。一般以非模态对话框技术处理。
应用:应用于额外说明的场景中,为了满足产品某项功能。或者大量文字信息截断,需hover显示场景中。
上图分别为携程旅游网、美团网官方网站和美团用户登录页面。携程旅游产品的文字信息过多需要截断,通过Hover提示浮层的形式展示全部产品信息;美团网团购产品需突出说明该产品的免预约特性,故采用浮层提示;对登录等需要输入信息的页面中,浮层提示用来校验信息。
上图为携程旅游网顶部导航,“用车”Tab上出现了“暑期大促”文案的浮层,这类浮层提示类似于前文提到的美团产品解释说明,暑期大促的出现从视觉上让用车和其他tab有区分,并且内容也很诱人,对提高用户转化率起很大作用。
还有另一类浮层提示,主要服务于指导产品功能特性。下图为微信点击 号后出现的“浮层提示”,内容为最近一张照片,提示用户你可能会发送的照片,这种做法通过浮层提示的样式,降低了用户的使用成本,搭起了一条完成既定任务的捷径。