童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

浅谈WEB页面三种程度的提示弹窗

5月9日 满月族投稿
  在设计WEB页面时,经常会使用到弹窗提示,根据提示的深度层次,大致可分为三种,接下来介绍一下三种程度的弹窗样式与进阶样式。
  1、你一定要告诉我你知道了
  你让我帮你拆家里的墙,我说拆了之后房子会变得不安全,你确定要拆吗?你说要拆,拆了之后你没给我结工钱,然后让我去拆另一堵墙,我说:你必须给我结了上一次的工钱,我才能接着给你干活。这是必须让你知道的原则
  (1)最常见的是删除,内容被删除之后一般不可恢复,所以删除之前要告诉用户操作的后果并再次让用户确定行为。
  (2)用户未到达操作条件却点击了某些按钮,且提示语较长时(不过这种情况有时候不用弹窗而是直接跳转到去创造条件的页面,比如未登录时我点击评论,直接跳转到了登录页面)。这个时候可以用弹窗告诉用户应当怎么满足条件,比如:规定可推荐3条数据,推荐三条后,再次点击推荐时,要指导用户该如何去做。
  进阶样式:
  关于删除的弹窗,有人说每次让用户再次确认好像是质问,并且在用户使用熟练后都已经知道了后果,为什么还要一次次提示呢,因此下面两种形式可供参考:
  使用恢复操作代替再次确认的弹窗,可显示在顶端或者底部:
  在弹窗中增加“不再提示”勾选项,当用户感觉到弹窗提醒多余时,可自行选择(但我认为不是所有的弹窗都可以加“不再提示”,例如上方的删除适合,而提示信息则不适合。):
  每个人的眼光都有不同,做的实际项目也都不同,最好根据场景去选择样式。
  2、有些事还是你知道了比较好
  有些操作是可恢复的,或者有些必须让用户知道的提示内容较为简短,可以采用较轻量级弹窗,不需用户确认。
  (1)可恢复的操作,减少用户确定的步骤(如果操作后页面变动较大,用户可以感受到操作后的变化,我感觉可以大胆的去掉这些弹窗)
  例如:系统中将课程下架,或将用户拉黑,这些操作是可恢复性的,可以在页面的底部显示提示信息框,34秒后自动消失。关于这种提示框中的内容,我认为最好不要说“下架成功”,“拉黑成功”这些比较鸡肋的话,说一下操作的具体结果会比较好一点。
  (2)用户未到达操作条件却点击了某些按钮,且提示语较短时
  例如:在填写表单时,必填项未填写完全时点击了保存,弹出提示框,位置为了醒目可在页面中间,34秒后自动消失。
  3、甲:那个谁,你交的作业我收到了。乙:这你也告诉我
  很多软件系统中将大部分的操作都设置了反馈,将操作的结果(不是后果)告诉用户
  例如:下面是几个操作的结果,一般放在页面的底端,2秒后消失。但是很多时候通过页面变化就可以看出结果,我认为这种提示能少就少吧。
  总结:以上代表本人看法,经过访问,那些让我们纠结的交互细节,很多用户都没有在意(我们竟然用产品,测试的眼光去猜测用户的体验),在不违反人类习惯,法律法规的前提下,我们可以根据具体项目和心情去规定吧,好任性,哈哈!!!
投诉 评论 转载

浅谈WEB页面三种程度的提示弹窗在设计WEB页面时,经常会使用到弹窗提示,根据提示的深度层次,大致可分为三种,接下来介绍一下三种程度的弹窗样式与进阶样式。1、你一定要告诉我你知道了你让我帮你拆家里……浅谈APP交互设计师是一个什么样的职位这篇文章算是一篇对APP交互设计师重新阐述的一篇常识文章。希望对哪些想要从事APP交互设计师的小伙伴们有一定的基础认识。今天跟大家从下面4个方面来聊聊APP交互设计师到底……译文一个好故事在用户体验设计中的力量想想你最喜爱的电影吧如果你被问到与之相关的问题,你会怎么回答?最有可能的是,你会用开头,中间和结尾的方式来回答你对这部电影的感受。然后是你笑了吗?哭了吗?还是怀揣着……Web注册设计:参考下这5种类型的网站设计提到登录注册,大家想必不会陌生,要使用某个网站提供的全部服务,我们就需要进行账号登录操作;而要获取账号,就要进行注册网站用户了。注册大体可分为三种模式:开放注册模式……阿里干货!如何使用通用研究思维做用户研究?在开始讲述之前,先提两个业内用研人士经常会被问到的问题,为什么要做用研?用研能为业务做些什么呢?为了回答这两个问题,我将自己从事分析行业多年的战略规划法、业务分析法、用户研究方……iOS9人机界面指南(三):iOS技术(中)文章索引3。9通知(Notifications)3。10社交媒体(SocialMedia)3。11iCloud3。12HealthKit3。13应……【译文】“防止用户犯错:避免有意识的错误”人非圣贤孰能无过,当用户接触用户界面时也会犯错。DonNorman认为用户犯错分为两种:失误和错误。在之前的文章里我们详细地讨论了失误以及如何避免失误,这次我们讨论错误。……iOS9人机界面指南(三):iOS技术(下)文章索引3。12HealthKit3。13应用内购买服务(InAppPurchase)3。14游戏中心(GameCenter)3。15iAd富媒体广告(……用户体验测量的工具:可用性度量说到用户体验度量就不得不说用户体验,用户体验即用户在使用产品、系统、服务的过程中建立起来的主观心理感受、因为它是纯主观的,就带有一定的不确定因素;而个体的差异也决定每个用户的真……需求频次的高低,如何影响产品设计?最近看过了很多千篇一律的文章,一直在给我解释一个事情,为什么那么多O2O死了,外卖和打车还活着。大众的解释方法是按照频次需求来进行解释,衣食住行这些是生活中必不可少的行为……提高交互技能点,一些常见移动端交互方法“在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。1。层级设计,以iOS为代表iOS系统日历是目前最常见的一种做……抽屉式导航怎么用?这4种场景教你正确的设计姿势2012年,path首先使用了汉堡菜单作为产品的导航方式来替代原本的标签页的导航方式。一时引起了各大厂商的跟风,Youtube、facebook等App都纷纷把自己的导航改成了……
推荐系统老司机的十条经验B2BVSB2C网站:关键的体验设计差异点运营后台之商品管理篇:B2C电商(自营)是如何炼成的电商平台优惠券的发放、使用和退还、计算方式整理APP知多少:你真的了解APP吗?厌倦了汉堡图标,这4个替代方案也许不错情感化设计认知模型:引发愉悦情感化设计的4种元素企鹅FM3。0设计小结:如何让设计更具价值产品设计的思考方式:临界点(七)Daydream产品设计案例:YouTubeVR复杂B端产品体验设计的反思为什么要用SVG?svg与iconfont、图片多维度对比

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界