首页 > 其他分享 >弹窗如何设计才能提高用户体验

弹窗如何设计才能提高用户体验

时间:2022-11-01 16:31:17浏览次数:50  
标签:窗口 用户 弹出 体验 设计 弹窗


弹窗对很多人来说并不陌生,我们经常在各种网站和各种APP中看到。虽然弹出式设计被评为“历史上最糟糕的设计体验”,但不可否认的是,它为网站的品牌、产品/服务和活动的传播做出了贡献。如何利用弹窗设计提升网站转型?这需要看设计师如何布局弹窗,让用户更容易接受和操作,又不影响网站用户体验。

弹窗如何设计才能提高用户体验_前端

弹出窗口设计的基本原则是什么?

如果您不想让您的弹出窗口影响用户的操作,但同时又需要它来帮助您与用户进行有效的沟通,那么您的弹出窗口必须设计得当,以帮助用户快速实现其目标。

1.减少干扰。由于弹出窗口会突然出现,用户会被迫停止当前操作,专注于弹出窗口的内容,所以在正常情况下,应该尽量少用弹出窗口,以免引起用户的反感。

2.使用用户熟悉的语言。弹出窗口应该尽可能使用用户熟悉的语言,而不是系统特有的专有名词。注意细节清晰。如果弹出窗口是供用户删除某些项目的,则应该完整列出。另外,语气上要使用表述清楚的问题或语句,尽量避免道歉、歧义或反问。

3.注重极简。不要试图把太多的内容挤进弹出窗口,弹出窗口的界面要保持干净简洁,弹出窗口提供的所有信息都要有价值,与用户相关。

4.选择合适的弹出窗口类型。弹出窗口大致可以分为两类,一类是模态弹出窗口,吸引用户的注意力,迫使用户与他们进行交互后才能继续。一般这种弹出窗口应该只用于特别重要的交互操作,比如删除账号,同意协议等。另一类是消息弹出窗口,应该考虑它对用户体验的影响。

既然现在还有那么多使用弹窗的网站和APP,那就证明弹窗确实有一定的价值。当然,要想让弹窗的价值最大化,就必须以“用户体验”为重点,考虑如何设计最适合用户、方便用户操作的弹出窗口。不难,参考其他弹出设计,请用户做相关测试即可。

标签:窗口,用户,弹出,体验,设计,弹窗
From: https://blog.51cto.com/sourcebyte/5814260

相关文章

  • 直播平台软件开发,展示弹窗常见API详解
    直播平台软件开发,展示弹窗常见API详解showToast演示代码 wx.showToast({ title:"购买失败", icon:"error", duration:100, mask:true, success:(res)......
  • 在Winform程序中设置管理员权限及为用户组添加写入权限
    在Winform程序中设置管理员权限及为用户组添加写入权限2017-12-04 1514简介:在我们一些Winform程序中,往往需要具有一些特殊的权限才能操作系统文件,我们可以设置运行程......
  • ps使用体验
    1.选中图片的图层,新建蒙版,点击这个图层,选择画笔加粗擦一下抠图融合,或者用橡皮擦大小弄大点硬度弄低点2.工具可以选矩形和直线3.选中图层c+t编辑按住shift等比缩放4.......
  • Linux下普通用户登陆提示 bash-4.2# 的解决方案记录
    记录一次在linux下登陆普通用户提示bash-4.2#的解决方案。经过网上查阅资料一翻得知,由于当初创建用户之后,看到用户home目录下的隐藏文件,对其进行了删除,才导致的这种问......
  • 后端只返回用户的角色名,如何进行权限管理
    背景后端只返回用户的角色名,由前端去定义角色下使用到哪些页面。思路思路1:将所有的路由组件像平常一样进行统一注册,然后在获取了用户角色后,在路由的beforeEach钩子中判......
  • 瘟疫传说 安魂曲 抢先体验
     APlagueTale:Requiem–Embarkonaheartrendingjourneyintoabrutal,breathtakingworld,anddiscoverthecostofsavingthoseyouloveinadesperate......
  • linux中断子系统(二) - 注册用户中断处理函数
    区别系统中断函数和用户中断函数和前面一篇文章区别开来,之所以要区别系统中断函数和用户中断函数,这是我自己的理解。来看一个结构体:structirq_desc{unsignedint......
  • JSP页面原生弹窗
    window.showModalDialog(已过时)window.showModalDialog()方法的作用是创建和展示一个指向特定网页的模态对话框。该方法已经过时,特性已经从Web标准中删除,虽然一些浏......
  • 关于vue项目中用户手动刷新,页面回到初始状态的问题
    当点击个人中心后手动刷新页面,下标会回到默认的首页下方此时可以通过vuex+localStorage来解决  在store目录下新建header.js ......
  • kafka服务端设置用户和密码登录及springboot访问实现
    1、先安装zookeeper,不会的可以去查一下。2、解压并放到目录下,改名tarzxvfkafka_2.12-2.4.0.tgz-C/datamvkafka_2.12-2.4.0kafka3、修改kafka配置文件server.......