大发welcome

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

时间:2021.11.12作者:大发welcome浏览量:934

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而不是重新请求效劳器。这样可以节省效劳器带宽 ,也可以让网站载入速度更快。  


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


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

大发welcome(首页)官网登录back

大发welcome(首页)官网登录北京市丰台科技园
诺德中心一期2号楼803-805室

? Copyright 2008-2021 bjycxf.com

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

大发welcome(首页)官网登录

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

大发welcome(首页)官网登录

扫一扫,加我企业微信

sitemap网站地图