
网站设计是一个棘手的话题。当你创立网站时你需要思考许多事宜。为了简化这个任务,我这里筹备了一个列表,每个网站设计师在设计网页时都应当思考这些留意事宜。好消息是,这都是有些简易的设计原则。
应当做什么:
1.不管设备怎样,都应当提供相同的客户体验
客户会操作不同的设备来访问你的网站:他们可通过台式电脑或笔记本电脑,平板电脑,手机,音乐播放器甚至手表上访问您的网站。UX设计很关键的一部分是要确保客户应当具备类似的客户体验,不论他们是通过什么来访问你的网站,不论他们是操作怎样的设备。
如果客户是通过手机访问你的网站,他们应当能毫不费劲的找到他们需要的所有东西,就像他们在家里通过桌面端查看你的网站一样。
2.设计一个简洁,易用的导航
导航是可用性的基石。请记住,这不关乎于一个网页设计的有多好,但必须确保客户可通过自己的方式实行浏览。这就是为何你的网站上的导航应当设计成这样。
•简易(每个站点都应当有最简易的构架)
•简洁(导航选项对访客而言必须清楚易懂)
•统一(首页的导航系统应当在每个页面上都一样)
设计导航方式,尽可能减轻点击次数而帮助客户到达他们想去的网页。同时,应易于浏览并能轻松找到他们想去的地方。
3.更改已访问链接的颜色
链接是导航进程中的关键原因。当已访问的链接没有改变颜色时,客户可能会无意中重复访问相同的页面。
理解客户已访问过哪些页面能够防止让他无意中重复访问相同的页面。
4.轻易浏览你的页面
当客户访问你的网站时,他们更有可能火速扫描屏幕,而不是阅读页面的所有内容。因此,如果访问者想要查找内容或完成某项任务,他们将总是浏览直到找到他们需要的内容。而作为设计师,你能够通过设计好的视觉层次构架来帮助他们。视觉层次构架是指以暗示必要性的方式安排或体现元素(例如,他们的眼睛应当集中在哪了?第一、第二等)
将屏幕标题,登录表单,导航项目或其他紧要内容等紧要内容标记难点,以便访问者可立即查看。
5.仔细检查所有链接
当客户点击站点上的链接并收到提醒 404谬误页面时,客户可能很容易变为沮丧。当访问者正在搜索内容时,他们希望每个链接都能够将它们带向所指的地方,而不是出现 404谬误的提醒或者其他有些他们不想去的地方。
6.确保可点击的元素对客户显而易见
一个物体的外观可告知客户怎样操作它。视觉元素看起来像是链接或按钮,但不可点击(即,有下划线的单词没有链接,具备文字动作的元素,但不是超链接)这样很有可能会操作户混淆。客户需要知晓页面的哪些区域是纯静态内容,哪些区域是可点击的。
应让客户明白哪些是可点击的元素
橙色的盒子是一个按钮吗?结论是:不。形状和标签使其看起来像一个按钮,但它不是。
不应当做什么:
1.让你的访客等待网页加载
网页客户的留意力和耐心往往很差。按照NNGroup研讨:
10秒是将客户的留意力集中在此任务上的最低限度
当访问者必须等待你的网站加载时,如果你的网站加载速度不够快,他们会变为沮丧,并可能离开你的网站。如果加载时间过长,即使你有设计精美的加载指示器,也可能迫操作户离开网站。
2.不要在新标签页中打开链接
这种粗鲁的行径会禁用Back按钮,而这是客户返回到之前的站点的惯例方式。
3.让促销掩盖内容
促销和广告能够掩盖他们旁边的内容,并操作户更难完成任务。不要说任何看起来像广告的东西通常会被客户忽视(这种现象被称为旗帜盲点)
4.劫持滚动
劫持滚动是设计师和开发者通过操纵滚动条来使网站表现的不同。包含动画效益,固定滚动点,甚至滚动条本身的重新设计。被劫持滚动是众多客户最烦人的事宜之一,由于其不受客户控制。当你设计网站或客户界面时,你希望让客户通过网站或应用程序掌控其浏览速度和移动。
MacPro页面操作有些令人烦恼的滚动效益。它操作单页视差部署,其中的点表示页面的每个部分。
5.用声音自动播放视频
在后台自动播放视频,音乐或声音会刺激客户。这些元素应慎重操作,只有在适当的时候和可预期的情形下才能操作。
Facebook视频设立为自动播放,但不会出现任何声音,除非客户有意图以某种方式观看视频(例如通过视频实行交流)。
6.为了美而忽略可用性
站点或客户界面的设计不应影响客户在屏幕上阅读内容的能力。紧要的是要防止内容繁琐,色彩不均匀,其会妨碍网站的可读性或造成颜色对照度瑕疵(例如下面的示例)。
生活就是我们的老师,它会告诉我们许多的东西。
灵感源于生活,生活也带给我们更多的革新,全美设计做懂你的设计。
上一篇:企业网站设计实用案例解析
下一篇:精美网站设计的基础要素
