pg电子游戏

网站设计中哪些细节最容易被忽视?

时间:2021.11.12作者:pg电子游戏浏览量:1258

UI设计维持统一气概。详细来说就是 ,网站的界面元素在整个网站中具有一致性。好比说“按钮” ,这个很是主要的界面元素。登录界面的“登录”“注册” ,发帖界面的“回帖”“宣布” ,尚有“确认订单”?梢钥闯鏊鞘蔷哂邢嗨频墓πУ摹猻ubmit。那么它们在外观上就要坚持一致。


UI一致可以让用户凭着自己的直觉找到所需的功效 ,镌汰用户的网站使用学习本钱。  


功效收放有度。我的意思是指在网站首页和网站的其他位置中 ,功效按钮的折叠和展示情形。有些不常用的按钮一样平常不需要展示 ,而是折叠到某个菜单中。而将常用的功效直接设为链接或按钮。这点在制作导航条的时间特殊主要(由于导航条会泛起在每一个页面上)。这个不但与网页编程 ,并且与网页内容设计关系也很大。好比导航栏一样平常推荐安排3~4个一级导航 ,若是你有十多个分类 ,建议再分到几个更大的分类里。导航栏排十多个链接并不是很悦目的。 不要让统一元素多次泛起在页面上 ,尤其是这一元素很显眼的时间。好比某网站有许多栏目 ,首页是这些栏目内容的推荐 ,网页上充满着大宗的“审查更多>>”按钮 ,(每个栏目都有一个 ,边上有个排行榜又来一个。一个网页上十二三个大按钮还都长得一样 ,看多了就感受恶心了。)并且按钮元素还很是大。给人感受特殊欠好。 网站要精练 ,把你重大的功效隐藏起来 ,等用户需要的时间再出来。而不是平铺在页面上 ,不管用不必都在那。这才是设计。  


确定页面层叠顺序。(写到这里我发明这点确实容易被忽略。于是单独出一条来写)若是你的网页需要多个层 ,上面的层有可能会笼罩到下面 ,这时间要特殊小心设置z-index值。不要造成遮挡的问题。好比我就见过某网站弹出对话框 ,一层透明图片层把按钮盖住了 ,于是完全无法操尴尬刁难话框按钮。好吧 ,这是较量大的bug ,尚有一些小细节 ,好比某最近改版了的弹幕视频网站 ,它的“返回顶部”按钮盖在了谈论区域迷你播放器的上面。于是视频部分被遮挡。果壳以前也泛起过类似问题。当编辑器过长的时间 ,好比我这样的一篇长回覆。编辑器的顶部工具栏会被牢靠在页面顶部。这是个很是好的照顾用户的设计。然而果壳其时出了个bug ,他们遗忘了上面的导航栏 ,于是编辑器工具栏盖在了导航栏的上面。  


全心安排广告位和推荐位。网站的用户总是不喜欢广告的 ,可是事实广告是网站的收入主要泉源。现在网页广告屏障软件也较量多 ,若是广告太难看/影响操作 ,就难逃被用户屏障了。广告位/推荐位安排最主要的是显眼。比显眼更主要的是不可影响用户的使用。没有人喜欢右下角弹出广告。 


广告最好占有页面的一个牢靠的位置 ,不要放在浮动层 ,万万不要弹窗。广告显示的时间不要影响用户的操作 ,好比以前的网易、腾讯(网易腾讯这么大 ,我就黑一黑吧 ,不说某网站了)广告 ,会把整个网页的header部分向下压 ,并且有个动画。更郁闷的是 ,动画是在载入后才播放的。于是就会泛起——我正要点击某个链接 ,广告出来了 ,广告的位置占有了我原来鼠标的位置 ,我点到广告了。这种广告会遭致用户反感 ,不是大网站或流氓网站万万不要这么干 ,会把自己搞死的。  


网页的title标签和网站的语义化。HTML的title属性是最容易被人忽略的属性之一 ,然而它非!常!有!用!title的作用很是简朴 ,就是在鼠标停留在上方一小会之后弹出一个工具提醒。有的时间为了UI的设计 ,有些文字的按钮就用一个图形取代了。当你的图形设计较量笼统的时间——用户怎么知道你谁人图标代表什么意思。这个时间title的作用就泛起了。title尚有一个作用是处置惩罚...元素。所谓...元素是指元素内容过长 ,以至于显示了“...”来体现这后面尚有更多的工具。这种元素一定要加上title标签体现所有的内容。这样可以在用户鼠标悬停在“...”上一小会后 ,显示出所有的内容。 图片的alt属性也同理。总是我是推荐图片一定要有alt属性。以及其他的一些语义网需要注重的地方。好比用


镌汰不须要跳转。有的时间你的网站可能需要处置惩罚一些信息而没有显示的网页 ,有些网站会用一个跳转页来解决。好比登录的时间 ,会先跳到一个空缺页来设置登录状态 ,修改数据库等操作 ,然后再将用户定位到登录完成页。不过跳转页的最大弱点就是会增添期待时间。并且容易导致操作失败(用户在这里刷新)。某外卖网站的支付功效在支付乐成的时间 ,从到银行支付乐成页点回到商户网站 ,会跳到一个支付完成页 ,然后跳到支付正在处置惩罚页 ,然后又是一个支付乐成页 ,最后跳到订单乐成页。我看着我的浏览器跳来跳去都以为好难受啊。 后台可以用curl收发某些新闻 ,也可以在最初的跳转页带上更多的参数 ,直接让效果页中的sql语句处置惩罚所有内容。  


配景、边框和底纹。有的时间这些配景 ,边框和底纹会直接的对用户造成使用上的影响。首先弹出对话框一定要有非透明配景。边框和底纹可以为用户标识操作区域。哪些区域是推荐修改的 ,哪些是无关紧要的之类的工具。若是提供应用户选择的是几个大区域 ,那么用差别的边框来标识出用户的选择也是很主要的。  


在包管UI设计气概的基础上 ,不要为了抵达某一视觉效果来修改网页。有些网页为了抵达某些UI上的要求 ,好比是间距的特殊要求来用一些空元素。现实上这些空元素关于HTML来说 ,就是垃圾代码。这种情形下只管用CSS抵达某些要求 ,若是着实达不到 ,不应该强求。我一直是以为UI设计不应该要求前端设计100%还原。垃圾代码不但影响网页运行 ,还可能导致一些希奇的bug。  


给用户明确的反响。当你在做一个操作的时间 ,可能背后的javascript要执行很长的时间。这个时间你必需明确告诉用户你正在处置惩罚一些工具。最常用的要领是将鼠标光标切换成wait模式 ,尚有在网页上显示一个小圈圈的动态图。若是你用Ajax登录 ,那么在点击登录按钮之后应该显示一个“登录中”的提醒。若是你的表单验证蜕化 ,你应该用红色指示蜕化误的那一项 ,并见告过失缘故原由。 有些网站会让谁人框闪一闪 ,甚至直接把输入焦点重定位已往(这在你的表单很长时很是管用)。用ajax载入的工具 ,默认文本应该设置为“正在载入” ,而不是用一个空div。总之就是让用户知道这张网页正在做什么 ,这样虽然不可镌汰用户期待时间 ,可是可以给用户一个心理慰藉 ,告诉它们:我正在忙着处置惩罚你的数据。而不要让你的网站体现的像是失去响应一样。  


合并css和javascript来包管不必每次载入。一个网站通常都接纳的相同的UI ,那么你每张网页的CSS可能很是相似 ,虽然也会有一些差别的地方。这个时间你应该合并它们 ,纵然有一些内容在目今页面上用不到。一个网页更应该阻止载入多个css。现在的浏览器都可以自动缓存文件 ,有些效劳器也支持发送HTTP 304 Not Modified状态 ,告诉浏览器使用它缓存中的信息。若是整个网站使用相同的css和javascript文件 ,那么它们都只需要在主页载入的时间载入一次。在网站中的其他页面间切换的时间 ,浏览器会在缓存中取出css和javascript而不是重新请求效劳器。这样可以节约效劳器带宽 ,也可以让网站载入速率更快。  


务必不要忘了支持键盘操作和触摸操作。键盘永远是交互的最主要的接口之一 ,在你的网站中请不要忘了键盘的使用。最常见的是支持回车提交表单 ,好比登录的时间 ,大大都人更习惯输入完账号密码后按回车来登录 ,惋惜的是 ,网页并不会自动帮你做这件事 ,你需要自己行止置回车事务。移动互联网生长迅速 ,你的网页可能大大都人都是在手机上看的。若是你的网页是响应式设计 ,你很可能需要处置惩罚一些触摸事务来让这个页面在手机上更好用。  


明确的退却链接。若是你的网页内容较量多 ,那么用户可能会深陷到一个很深的目录结构里 ,好比子栏目的子栏目 ,当他们想回来的时间并禁止易。提供一个退却到高级目录的链接(注重不是浏览器的退却链接 ,由于用户可能从子栏目的一个文章跳到另一个文章。)就可以有用的提高用户体验。若是允许 ,提供一个面包屑导航栏显着更好。若是你的网站有导航条 ,那么确保有一个“首页”链接。利便用户在网站各个栏目间跳转可以让用户更惬意。

pg电子游戏试玩(模拟器)官方网站 -手机版app下载back

pg电子游戏试玩(模拟器)官方网站 -手机版app下载北京市丰台科技园
诺德中央一期2号楼803-805室

? Copyright 2008-2021 bjycxf.com

版权所有 京ICP备09080439号 京公网安备11010802012755号

pg电子游戏试玩(模拟器)官方网站 -手机版app下载

过往皆为序章 未来一切可期

pg电子游戏试玩(模拟器)官方网站 -手机版app下载

扫一扫,加我企业微信

【网站地图】【sitemap】