网页设计注意到这几个细节了吗?

2020-01-31 12:46:34

不同的网页设计师都有同样的烦恼:同一类型的网站是一样的,风格不明显,无法吸引用户扎根!


为此,小编在具体问题和细节上总结了几个需要注意的问题。


用户可以从不同的设备访问您的网站,或在台式机、笔记本电脑、平板电脑和手机上打开,甚至在智能手表上打开。作为用户体验设计的目标之一,就是要尽量保证无论打开哪个设备,都能给用户一个类似的、相对一致的体验。


导航是web可用性的基石。如果用户通过导航找不到自己想要的内容,不管网站设计多好,都达不到标准。因此,您的网站导航应符合以下特点:


简单(每个网站都应该有一个简单明了的结构)


清除(导航选项对用户来说应该是不言而喻的)


一致(所有页面上的导航应该一致)


(这样的导航允许用户尽可能少地单击以访问他们想要转到的页面)


对于拥有大量不同子页面的网站来说,大型导航菜单似乎是一个很好的解决方案,但事实并非如此。大型导航菜单对于绝大多数普通用户来说,看起来更像是一个迷宫,尤其是在他们寻找内容时更是不显眼的类别之一。这种解决方案似乎足以满足所有用户的需求,但实际上却让所有用户感到不太舒服。事实上,这不是一次极好的经历。


如果用户单击然后返回,链接颜色不区分,用户可能会无意中重复访问同一页。因此,让访问的链接显示其他颜色,并让用户更好地决定下一步单击的位置。


当用户刚开始打开一个网页时,他们可能倾向于快速扫描整个网页,而不是阅读所有内容。作为一个设计师,页面的层次结构足够清晰,使用户能够更清晰、更快地获取信息。如何根据内容的重要性和层次来呈现内容,仍然是对网页设计者衡量能力的考验。


(将屏幕标题、登录表单、导航类别和其他关键内容设置为用户发现的视觉焦点。)


当链接指向的页面不存在时,用户打开的页面自然会变成404,这种情况肯定会让用户感到沮丧。为了避免用户在浏览时对你的网站感到失望,请确保没有指向正确页面的链接。


确保元素的视觉和功能相同


很多元素的外观特征都会表现出其功能性的一面,这也就是人们常说的明显而不言而喻的设计。例如,链接通常以特定颜色显示,并带有下划线。用户需要知道哪些内容是可点击的,这只是强调,设计应该是一样的。


无论是面对应用还是网页,用户的耐心都是非常有限的。有研究表明,7秒的等待时间几乎是用户的等待极限,而10秒的加载时间只会让绝大多数用户关闭页面,无论加载动画有多漂亮都能平息用户的烦躁情绪。所以,不要让你的用户等待负载,特别是当它需要很长时间的时候。有很多相关的策略。例如,可以先使用占位符显示布局,然后逐步加载内容,至少可以让用户知道此过程正在进行中。


在现实生活中,广告一直让人难以忍受。如果你的网页的主要内容被广告屏蔽,它几乎迫使你的用户愤怒地关闭网页。从某种意义上说,广告收入的回报也是饮鸩止渴。


在用户体验设计中,打断正在进行的用户体验是一大禁忌。这种设计模式将用户从体验中推出。


有许多相应的替代方案,可以是在内容阅读完成后提供一个微妙的弹出框,或者以其他方式提醒信息,或者添加需要在用户过程中提示的内容。


滚动劫持通常是指开发人员或设计人员为了实现新的布局、动画或排版而修改滚动的固定点,甚至滚动条和体验本身的非常规滚动体验。滚动劫持是更烦人的情况之一,所以,一般来说,除非出于非常个别的原因,尽量不要过度调整和修改滚动浏览的用户体验设计。


(MacPro页面有一些疯狂的滚动效果来适应其视差布局。)


无限滚动的出现,更终解决了在移动终端上查看复杂分类页面的问题。但同时,无限轧制的设计也给我们带来了许多新的问题。例如,当你想访问一个重要的页面,而它恰好位于一个长滚动页面的底部,无论加载页面的时间和流量如何,滚动到底部都会很痛苦。


就像一个大的导航菜单,有一个合理的解决方案使其工作。结合传统的移动页面和无限滚动模式,用户可以选择更合适的模式,有助于提高页面的可访问性。


视音频自动播放对用户来说是一种失控的体验,也是对用户的一种刺激。这样的设计应该谨慎使用,除非用户已经预料到了。


(Facebook的视频设置为自动播放,但不会发出声音。只有当用户浏览视频并与其交互时,才会触发声音控制并释放声音。)


网站和应用程序界面设计的出现不应影响其可用性。避免乏味的设计,牺牲内容的可读性和对比度来获得美感是不可接受的体验。


令人眼花缭乱的文字和广告体验不佳。它们会分散注意力,引发生理敏感型癫痫(这不是一个严重的胡说八道)


当然,一切都有两面性。这些都是正常情况。在许多设计项目中,它们也可以是特定需求下的解决方案。另外,学习根据实际情况寻找方案是设计师应该做的。