赞助商
立即赞助

春节专题!App 设计系列之提示的概念和设计要点

产品经验3年前 (2021)发布 流光
2.7K 0 0

上篇文章为设计师们拨云见雾,分析了模态弹窗与模态弹窗,受到了多读者喜爱,详文《节专题!App 设计系列模态弹窗与模态弹窗》,是其实于弹窗诠释是有限,弹窗作用是引导、指导用户,予用户反馈信息。么在类反馈信息中,怎样的提示能加人性化?本文根据提示信息中的反例子、各种提示的作用,家明解释,提示的人性化设与提示形式的多样性。

一. 提示反馈概述

提示反馈:指用户系统内行任务操作时系统的回应。

目的:遵循用户心理预期,告用户当前状况,反馈用户有效信心。

二. 提示的人性化设计要点(利用正反例子)

1. 提示信息应针对特的用户场景

例:花瓣的收集功,如果只显示功,则会增加用户辨识难度。

析:提示样式是样的,提示信息是有区别的。刷新提示不适用做模态弹窗,删除确认不适用做非模态弹窗等等,提示信息肯定有所不同,刷新显示「刷新成功」,关注显示「关注成功」。

针不用户场景,需要有不提示内容与应。有些应用在所有成功状态下都使用提示信息,如「关注成功」与「取消关注成功」,都仅仅提示「成功」,会用户带来难以区分不便利影响。

春节专题!App 设计系列之提示的概念和设计要点

△ 花瓣、微

作:同示信息符合户当情景的使需求。

反例:一款应用中所有提示息都一。

2. 提示息应简洁易读

例:刷新成功、关注成功、取消关注。

解析:提示信息应用广「刷新」,用户操作后接到的提示反馈不应阻碍用户阅读,因此多数app刷新提示的信息置于顶部或底部,避免阻碍用户操作。

常见有产品的提示信息带有符号,虽符号表情能为提示信息增加趣味,但是复或者的信息堆积,影响用户理,增加阅读障碍。

春节专题!App 设计系列之提示的概念和设计要点

用:提示为用户说明当下的状态、所处的位置及操的结果,所以简明的信息是易理、易阅读、易流的,提高用户易读。

反例:大串奇怪文符。

3. 用户遇到问题时提示应友善

例:404页、输入误时。

解析:户使过程中的错误行为是见的,但是有些错误因素却一定是户成的。如见的络连接错误、务器未响应,登录或注册无反应等。户在操作的过程中现问题,情绪上会有波,优秀的设计很好的抚的户情绪。

春节专题!App 设计系列之提示的概念和设计要点

作:友善对待你的户,可用户体验到你品是舒服、便利、是为他们而设计,从而提升用户体验,抓住了用户满足感,更能在接下来抓住用户心,提高用户品信赖度。

反例:枯燥乏味的空白页。

4. 户在即将犯错时的避错示

例:误点删除。

解析:当用户在进行一项极其「危险」的操作,能给予用户显眼的息提示,避免用户犯错。曾经就经历过不好的产品体验,在该应用上正在查阅息,进入套餐项目,一用户会先清套餐条款,再选择购买,但是不心点击购买按钮,购买已经产生,既不需要用户再次确认,也没有任何提示弹窗,涉及金额不,一个误操作就让用户犯了错。即便是支付,对于额数值还需要用户去置是否免密操作。所以作为产品本身,应当选择尽量避免让用户轻易犯错。反之如果不能解决这种用户问题,可能会让用户的忠诚度降低。

春节专题!App 设计系列之提示的概念和设计要点

作用:避免用户在误操作产生了消极情绪,避错提示能够给予用户需要的「安全保障」,提高用户忠诚度。

反:直接清空缓存、直接删除联系人。

5. 完反馈提示——激励

例:签到功、完奖。

析:此类提示很常见,签到机与奖励机是现在娱乐类、类平台惯用的运营手法,通奖励的措施培用户习惯,来达到持产品活跃度的目的,工具类应用则用完成任务即奖励的形式来持用户热度。但也有不的验,最直接的就是无反馈提示,有产品是存在签到模块,但是点击却只是换「已签到」的字样。

春节专题!App 设计系列之提示的概念和设计要点

△ 触漫、欲望与成就

作用:刺激用户活跃度,引导与鼓励用户操作为,培养用户使用习惯。

反例:无反馈效果。

6. 错误示信息应该是对户有的,有帮助的

例:请输入正确验证码、请输入正确密码。

解析:错误提示和避错提示是有别的。错误提示息是为让用户有效地避免犯错,人都不喜欢犯错,用户也不喜欢,但是仅仅只是避免用户的犯错行为还不够,交互逻辑不够严谨的界面,没有的错误提示有可能造成用户操作停滞,响用户体验。

常见的还网页中的登录注册界面,当输完账与密码时,仅提示用户登入失败,并无提示用户账误,还密码误。即影响用户体验,还会让用户对产品失去耐。

春节专题!App 设计系列之提示的概念和设计要点

作用:用户提供捷、清晰的解决方案,能让用户速意识与纠错误。

反例:模糊不清地描述用户的错误。

7. 提示信息以根据产品特位不同位置

例:顶部刷新、底部刷新。

解析:提示信息位是不固定,上篇文章弹窗形为大家解释了多类弹窗特及区。不位用户体验是不,用户视觉心放在部以下时(如阅读类app),此时大部分要提示信息应放于顶部,如刷新提示,主要提示信息需要放于乃至全屏弹窗。

春节专题!App 设计系列之提示的概念和设计要点

作用:遵循用户使用习惯,满足用户使用所需。

反例:任何示都同样式弹显示。

8. 示信息中色彩的应(红色、绿色、牌形象色)

例:成功、错误。

解析:色彩心理学对于人的响巨大,不了解的可以翻阅相关色彩心理书籍,根据色彩心理学一论,颜色对于人的情绪是有导向作用。正确的使用配色能更好的体现提示息的优先层。如常用的「删除」、「退出」、「注销」一以红色为主,代表警告操作,优先层最高等。成功操作一为绿色,也有使用身品牌形象色。

春节专题!App 设计系列之提示的概念和设计要点

作用:通过色彩心理学足用户当前使用情景,有效地反馈提示息的内容。

反例:区分。

三. 提示形式(利用正反例子)

1. 页面提示(全屏弹窗)

春节专题!App 设计系列之提示的概念和设计要点

△ 布卡app

优点:优先最高,可以让用户停留在产品想要给用户的页面,息展示最全。

缺点:遮挡用户当页面,阻碍用户行操作,影响用户体验。

2. 窗口提示(模态窗口)

春节专题!App 设计系列之提示的概念和设计要点

优点:吸引用户视觉焦点。

缺点:模态弹窗下需用户行操作可继续,影响用户体验。非模态弹窗下提示信息显示不全,用户易忽略。

3. 标签提示(输入表单常见)

春节专题!App 设计系列之提示的概念和设计要点

优点:提示用户当前操作存在的问题。

缺点:不宜存太多表单。

4. 动画提示(加载动画、刷新动画)

春节专题!App 设计系列之提示的概念和设计要点

优点:使页面生动有趣,提升产品体验。

缺点:过于花俏的动画不仅会让人疲惫,还会增加产品的发难度。

5. 点击反馈(按钮的点击效果)

春节专题!App 设计系列之提示的概念和设计要点

优点:让用户更好融入产品的使用情景,辨识当前操作。

缺点:按钮的可点击标识不可以太低,会让用户误以不可操作状态。

四. 总结

用户至的设理念,其根本的核就用户读得懂、读得。用户的目的知道的自己哪里、什么、应该什么、且知道这样的结果,iOS Human Interface Guidelines 中也所体,并且苹果把此类信息称之「反馈」。其实这篇文章不止用于App的产品设中,也同样可用于Web设中。

者微信号:JJ865477301

欢迎关注作者微信公众号:「JAYGO」

春节专题!App 设计系列之提示的概念和设计要点

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

网易UEDC – 魏辛逸 :过度设计,一般是说过度满足用户需求的设计。用户想要A,你给了他ABCDE,结果BCDE全部用不上。既让用户...
用户体验
一般而言,杰作的诞生不是花更多的时间和资源去解决问题本身,而是少说废话多做事。 过去我认为随着技术的进步,我们的工作...
Eugen Eşanu
@Daidai丶呆 :随着互联网的发展,国内设计知识的沉淀是越来越深,许多设计师已经慢慢培养起新的设计理念,如「基于交互模式...
交互设计
@苏大牙牙牙 :在产品内容越来越同质化的背景下,用户体验设计的价值不言而喻。本文中,笔者也结合自己的心得,与大家聊一聊...
大牙的设计笔记
编者按:很多人都在做设计,但是不同的设计师职位到底要匹配什么样的设计技能,并不是每个人都搞得清楚,当你问很多不同的人...
经验分享
编者按:随着亚马逊、小米、阿里巴巴等大公司都推出了智能语音产品,如何为这类以语音交互为核心的智能产品做设计也成了一个...
交互设计
我们总在说,复古一直流行,确实如此。回想一下我们小时候,许多设计似乎比现在的还要酷。最近两年,Nexflix 的美剧《怪奇物...
2018设计趋势
@菜心设计铺 :前几天做了《暴风影音 App 重设计》,不过还没做完,所以今天主要讲讲我寻找改版切入点的方法——品牌探索。 到...
ICON