5个网页弹窗设计的原则,讲求视觉一致性

弹窗应当减少对用户的干扰;弹窗内容与现实世界相关联;尽量将内容减少;选择合适的弹窗种类;弹窗的各个元素应当保持视觉效果的一致性

5个网页弹窗设计的原则,讲求视觉一致性

弹窗的组成

虽然很多设计师都吐槽弹窗设计对网站的用户体验实在太差,但如果弹窗设计及使用都能恰到好处的话,那它对网页设计而言,是非常有效的用户界面元素。,因为它能帮助用户快速且便捷地达成目标。下面,香港网页集团将为大家介绍,“设计弹窗时要遵循哪些原则”,帮助各位在使用时避免可能对用户造成的困扰。

什么是弹窗?

弹窗是一个刺激用户回应,让用户与之交互的浮层。它可以告知用户关键的信息,要求用户去做决定,同时还能涉及到多个操作。

设计弹窗时要遵循哪些原则?

减少干扰

对用户来说,突然出现的弹窗会强迫用户停止正进行的任务,并将注意力转移到弹窗的内容上,这会容易引起用户的反感。

解决方法:

不是每个选择、设置、或细节都有必要中断用户当前的操作。弹窗的备选方案有菜单以及同框内的扩展,这两种控件都可以保持当前页面的延续。可不要突然跳出弹窗,应该让用户对弹窗的每次出现都有心理预期。

与现实世界相关连

弹窗应该尽量使用用户熟悉的的文字,短语和概念,而不是一些特有的专有名词,否则用户会感到疑惑或不理解。

解决方法:

在弹窗中语言要尽量简洁,同时使用语意清晰的问题和选项。设计促进操作完成的弹窗。在操作完成后,提示用户操作已经完成了。

讲求极简

别试

若你发现很多地将所有元素都放到弹窗里,通常代表该弹窗并不是最优的设计方案。将不必要的,且对用户没帮助的元素或内容从弹窗中去除,以达到简化的目的。尽量避免在弹窗内安置多个步骤。

适当的弹窗种类

5个网页弹窗设计的原则,讲求视觉一致性

模态弹窗

弹窗大致分为两类:

1. 吸引用户关注的模态弹窗,强制用户与之交互后才能继续。这种弹窗通常被用在独立、强制的流程中。

2. 非模态弹窗,允许用户通过点击或轻触周围就可关闭。

视觉一致性

首先,打开弹窗时后面页面可稍微变暗,一来能将用户的注意力转移到弹窗上,二来能让用户知道后面的页面是不可再用。

其次,弹窗右上角应有关闭的选项,方便用户关闭窗口。

最后,避免弹窗内附加校探闯,这会加深用户所感知到的网站或app的层级深度,从而增大了视觉的复杂性。

用户体验的目的是为用户而做的设计而非技术,所以要知道什么设计最适合你的用户,才能方便他们进行你想要的任务。

本文来自投稿,不代表【】观点,发布者:【

本文地址: ,如若转载,请注明出处!

举报投诉邮箱:253000106@qq.com

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年5月7日 09:14:32
下一篇 2024年5月7日 09:16:35

相关推荐

  • c语言获取网页源码,c语言网页编程

    怎么通过C语言读取网页里面的数据 1、使用WebBrowser控件,可以操作网页中的元素、控件,调用网页的JS方法。 可以使用MFC集成WebBrowser。 QT中,有与WebBrowser类似的QWebEngineView控件。 2、解决方法:当使用的输入法为微软拼音输入法2003,并且隐藏语言栏时(不隐藏时没问题)关闭RealOne就会出现这个问题,因…

    2024年5月23日
    5400
  • linux网页设计工具,linux简单网页

    网页设计流程 视觉性的语言运用 对网页页面设计其实是一种视觉性的语言运用,在设计中对版式的设计非常讲究,一般会通过对多种元素进行空间化的组合,从而达到一种和谐的美感来。 搜集材料 明确了网站的主题以后,你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。 在图像软件中设计网页效果图…

    2024年5月22日
    4800
  • 网页与c语言,网页c语言在线编译

    网页代码和c语言都属于编程吗? 1、c语言。元老级程序语言。php就是c和c+开发的。编程。写php代码。html代码。c代码都叫做编程。api Application Programming Interface,应用程序编程接口 这个东西没法说是哪有。这个接口就是一个集成功能的一个按钮似的东西。 2、需要考虑起点 编程需要一定的数学知识做为支撑,要有良好的…

    2024年5月21日
    5400
  • 网页中的内容复制到excel表格中,网页复制数据到excel

    Excel表格中怎么将网页数据导入 1、①单击数据–导入外部数据–新建Web查询。图1②勾选我可以识别此内容,允许播放,单击继续按钮。图2③在地址栏输入网站地址,转到此网站里面。图3④跳转到指定网页,点击箭头按钮,然后导入数据到Excel。 2、首先我们打开一个Excel的新工作表。 点击“数据”选项卡下的“获取数据”,选择“自其他源…

    2024年5月20日
    5400
  • 关于excel转换htm网页格式的信息

    如何将word,excel,powerpoint等转换成html或pdf 1、方法1:使用在线工具或软件使用简单的在线转换工具。最简单便捷的方法是将你的Word文档复制粘贴到TextFixer转换器中,或者将文档上传到Online-Convert.com。 2、首先,用Word打开一个文件,然后点击工具栏中的图标,会出现图2这样的对话框,使用系统的默认值就单…

    2024年5月19日
    3700
  • linux通过命令访问网页,linux命令浏览网页

    如何使用linux命令打开网页 )、sudo命令:sudo命令用来以其他身份来执行命令,预设的身份为root,简单来说就是提升权限,因为apt-get install是要安装程序,这个需要管理员权限,因此借助于sudo命令提权。 在命令符界面浏览网页可以使用lynx,links, w3m等的使用方式都很类似,以w3m为例:安装w3m浏览器:sudo apt-…

    2024年5月18日
    4100
  • java打印当前网页内容,java打印html

    java传值到网页中并在网页上打印出来的问题。 1、后台到前台,程序经过tomcat,以及框架容器,以及web.xml。如果在不需要编码的情况下,要统一这些框架,容器,配置文件的编码。好好检查检查。 2、第一种几乎不用编写程序,最简单快捷,这里会遇到几个问题,只能打印表单内容,按钮不希望打印出来;页眉页脚不想打印出来;IE的titile不想打印出来。 3、代…

    2024年5月18日
    3500
  • c语言读取网页cookies,c语言打开网页

    如何用C语言打开网站? 调用connect连接对端主机,如果失败,判断当时的errno是否为EINPROGRESS,也就是说是不是连接正在进行中,如果是,转到步骤3,如果不是,返回错误。 URLDownloadToFile(NULL, http://10.1/txt, C:\\temp\\txt, 0, NULL);下面处理C:\temp\txt就可以了。这…

    2024年5月17日
    3600
  • c语言编写程序判断对称数,c语言中对称原则

    C语言编程:从键盘输入一个四位正整数,输出其逆序数,并判断是否是对称数… c语言编程:从键盘输入20个整数存入数组b中,要求逆序输出,简单代码如下:思路:首先输入20个数;然后逆序输出。 求C语言答案 1,输出一个3位整数的逆序数,比如输入123,输出321 2,计算球的体积和表面积 您好!这是我写的程式。希望对您有用。 分析:首先,输入的是一个…

    2024年5月17日
    5500
  • 网页游戏java代码,java编程游戏网站

    求用java语言制作猜物品价格的小游戏的程序代码 (2) 驱动程序未正确安装,此类故障一般表现在显卡驱动程序之止,倘若由此引发,则打开一些游戏程序时就会产生非法操作,有时打开一此网页也会出现这种程况。(3) 内存质量不好,降低内存速度也可能会解决这个问题。 //这是个聊天程序, 在ECLIPSE 运行 Client.java 就可以了。 程序返回提示信息,提…

    2024年5月17日
    3900

发表回复

登录后才能评论



关注微信