TEL:15195455103

Java培训 > 焦点资讯 >

web界面设计原则有几个?

作者:南京北大青鸟    来源:Web前端资讯    发布时间:2021-09-16 17:35    浏览量:70

  web前端现在不仅仅局限于PC和移动端的开发,还有很多的软件的前端界面开发,所以我们要想更好的完成工作就要不断的学习,web界面设计原则主要有这些:一致性原则;主次性原则;扁平化原则;及时反馈原则。如果想具体了解web界面设计原则有几个?可以看完我本文的介绍。
 

  1.web界面一致性原则

  对于相同或相近的业务功能,操作方式保持一致,培养用户的操作习惯。比如查看联系人功能,如果有的页面是点击弹出窗口查看,有的页面是点击从右侧展出内容,就会让用户产生困扰,降低用户体验。所以要不就统一的弹出窗口查看详情,要不就统一的从右侧展开详情。此外,对于组件颜色、组件尺寸、组件摆放位置也尽量保持一致。比如弹出窗口,类似的业务不能有的窗口大,有的窗口小;一个查找联系人的输入框,不能有的页面放在右侧,有的却放在左侧;确认按钮,不能有的页面是蓝色,有的页面是灰色。
 

  2.web界面主次性原则

  避免并列过多操作让用户选择,在不得不并列多个操作时,需区分操作主次,减轻用户的选择难度。
 

  3.web界面扁平化原则

  这里说的扁平化除了指界面效果的扁平化外,还包含了操作的扁平化这一层意思。即:
 

  (1)降低页面层级,能够一个界面解决的不要弹出窗口,能够弹出一层窗口解决不要弹出两层窗口;

  (2)降低操作复杂度,以清晰明了的方式让用户完成操作。比如对于复杂的表单填写进行分步处理,每一步给出指引;

  (3)降低鼠标点击次数。比如一个新增用户操作,如果是每增加一个用户都要用户点击弹出一次窗口,完成后点击“确定”窗口关闭,添加第二个人再弹出窗口。不如加入一个“确定并继续添加”按钮,这样窗口并不关闭,让用户每次添加用户都可以少点两次鼠标,降低用户使用系统的疲劳感;


北大青鸟软件学校
 

  4.web界面及时反馈原则

  任何一个产品,即使用户界面做的再好,也离不开用户引导和信息提示。操作过程中尽可能将状态的反馈给用户,即时的响应会给用户增加信赖感。包括:
 

  (1)加载反馈。比如当用户点击一个按钮时,其实后台已经开始处理业务,但如果界面无任何反应会让用户觉得操作失败,所以当一个操作需要一定时间完成时,就需要即时告知进度,保持与用户的沟通;可以给一个进度条或者一个信息提示,甚至是一个转圈的小图标表示正在进行中也可以;若加载时间较长,应提供取消操作。

  (2)录入反馈。比如操作过程中可通过校验规则,让用户及时发现并纠正错误;使用输入框组件的自动完成功能,用户输入时,下拉列表会随着输入的关键词显示匹配项;实时搜索,随着用户输入,实时显示搜索结果等。

  (03)结果反馈。操作结束后,给出提示告知用户。尽量使用toast这类提示,这是不打断用户操作的轻量级提示方式。必要时也可使用弹窗反馈,弹窗是很强的反馈机制,只有在传递非常重要,且可操作的信息时才需要使用它。
 

  以上就是对于web界面设计原则的介绍,虽然对于简单的html和css我们可以通过自学掌握,但是这些真正在工作中能够用到的技术还是需要经过系统的,如果你想系统的学习能够选择南京北大青鸟的web前端课程,我们在课程中加入了大量的企业级实战,让大家能够更全面的掌握工作技能。

本文内容、图片由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至2353260942@qq.com 举报,一经查实,本站将立刻删除。(如需投稿联系管理员开通!)

© CopyRight njjava.com      苏ICP备14052071号

抢试听名额

名额仅剩66名

教育改变生活

WE CHANGE LIVES