信用卡贷款

您好,欢迎访问我们的网站,我们将竭诚为您服务!

合一资本集团有限公司:网站确认提示框的交互应用

2020-10-20 16:40分类:产品认证 阅读:

现在手头做的是公司内部系统,提示框用的还真不少,利用闲暇时间想给统一一下,小小的研究了一下确认提示框。

提示框,顾名思义,对用户的关键行为进行确认,比如询问是否删除,告知用户已删除。

分类

大体分为两类,询问和告知。

询问是指提示用户是否去做;告知是指告诉用户做的状态。

必要性

任何阻碍(或打断)用户行为的动作,都应该三思而后行。冷静下来,我们真的、一定、必须打断用户的动作吗?

通过以下问题考虑采用确认提示框的必要性

1、用户自己主动做的决定,那么确认框采用就有设计过度之嫌

2、担心用户容易误操作,这个时候要先解决误操作问题,再来考虑是否要用提示框

3、不提示对用户来说真的那么重要么?(流程上是否可再优化)

设计

有两种设计,原生态和弹出层两种。原生态是指采用研发系统框架内的默认提示框;弹出层指可以通过UI进行美化设计的弹出框。

第一种不用做过多解释,现在web页面基本不用。着重说一下第二种

关于UI设计,弹出层,因为是纯手工编写,完全可控,宏观上有:

  ● 遮罩:使用遮罩,因为确认框里的内容很重要。颜色则取决于网站的情感基调,与重要性无关(因为真的很重要);保持遮罩层颜色的统一

  ● 位置:相对居中

  ● 内容格式:左对齐,具体格式依内容而定

  ● 按钮格式:居中或右对齐

  ● 退出响应:必须点击某个按钮才能做出相应响应,因为确认框很重要。同理,不设置右上角的 “?”

  ● 快捷键。可以考虑,记得照顾视觉障碍的用户

关于文案,说匹配用户教育程度的语言

  ● 写出文案后,逐字删除,除非造成歧义

  ● 照顾用户的情感。这里多一个字,胜一万字

  ●条理清晰、格式清晰、逻辑清晰。是的,有时候脑袋一热,逻辑就乱了。清晰的格式有助于理顺(自己和用户的)逻辑。

  注明后果

  再说一遍,真的很重要。

  不使用判断词和代词

  仅仅写“是”和“否”不如写“删除”和“取消”直接。

摆放格局

我们习惯说“是否”,我们说“Yes or No”,那么,就按照这个顺序来设置按钮的摆放顺序。(反过来也可以)务必在全站统一,不要一会左一会右,你叫用户点哪?

样式

  ● 与全站按钮的样式统一。不推荐使用 HTML 内置的按钮,毕竟已经到这一步了,再多做一点吧

  ● 分清主次。鼓励用户点击的按钮使用突出 / 鲜明的颜色,反之使用常色,或者干脆使用文字链接的形式。但切忌用灰色和白色,因为会让用户误以为不能点击。

  • 共2页:
  • 上一页
  • 1
  • 2
  • 下一页
  • 郑重声明:文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!

    上一篇:合一资本集团有限公司:HR必须要改变了失业离每个人都不远

    下一篇:没有了

    相关推荐
    
    返回顶部