UX用户体验设计 ·

app消息设计几种交互方式

这里介绍一下关于APP中的消息提示设计的几种交互方式,这边省略了大家熟悉的弹窗提示。

1、全局提示:

顶部提示一般用于提示页面的当前状态或者想要引导用户进行什么样的操作。大概分为三种样式。这三种样式使用场景不同,对用户的干扰程度也不同,是其它提示样式的一种变形。

第一种:始终存在于页面顶部,用于重要的提示或是交代页面状态的提示。

例如:左一页面更新、左二页面断网。都是在交代当前页面的状态么,左二严重影响操作的提示。右一提示用户对于喜欢的视频进行打榜。

第二种:操作出错或页面内容出错,页面下拉后出现,又马上消失。是toast的一种变形,这样的提示比普通toast提示更显眼些,更引人注意。如下图左一。

第三种:位于页面底部,固定显示不会消失,描述页面当前状态。对用户干扰极小。如上图右一。

 

2、页面文字提示:

常用于单个输入框信息注释。或者一组输入框填写内容诠释。如下图输入框内浅灰色字和灰色底上的文字信息。

3、toast提示:

Toast比较特殊,它出现之后会自动消失,一般维持时间在1秒到1.5秒。时间太短用户没办法感知,时间过长又影响用户体验。

Toast提示的使用场景:

1、使用场景复杂的时候。当用户执行了某个操作,APP不能立刻反馈给用户操作结果,此时提示用户已执行该操作。

2、操作错误或者正确的时候,例如App经常会提示用户:登录成功、下载失败、密码输入错误。此外还有操作无效时,例如上图右三。

3、提示用户页面的当前状态,例如上图左一左二。当前页面为数据示例页面等。

4、页面操作提示

通常用于页面中的相关操作或者功能提醒,用户根据引导点击之后消失。例如左图播放按钮的操作提醒,右图的功能操作引导。右图通常带有强制性操作,而左图只具有引导式操作,并不对其他操作有干扰。

5、特殊提示

特殊提示包括:动态提示、卡片式提示、气泡提示。

动态提示常用于密码输入错误提醒,例如上图左一、左二。当密码输入错误的时候,左一会出现一行红色的提示文字,并左右晃动。

卡片式提示类似于页面操作提示,例如上图右一的长条形卡片提示,首次进入页面的时候出现,点击卡片滚动跳转到首页下拉页面。右侧的信件提示当系统发给用户来信消息的时候会在右侧显示,显示方式是类型抽屉式的,当我滚动页面的时候不显示。页面停止的时候显示。

气泡提示一般用于系统消息提示,例如上图右一,右上方的小气泡提示。

 

除了弹窗提示这里没有提到以外,大致分为以上这些类,日后再见到其他类型会再补充。

 

作者:角马X  來源:简书

参与评论

  • 莺鸣

    虽然平时都有接触到这些提示,但没有做过这样系统专业的整理,好文章,学习并收藏了!

    4月前 (07-19)
    回复
    回复莺鸣