建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
响应式网页设计中优化用户体验的7个关键点(下)
发布日期:2018-04-08 阅读次数:302 字体大小:

  响应式网页设计中优化用户体验的7个关键点(下)

  1.增大文本字号

  小屏幕并不意味着小文本。换句话说,正是因为屏幕变小了,网站文本的字体字号更应该适当增大,这样文本内容的可读性才会更高,网站的整体阅读体验才能有所提升。在移动端网站应该使用多大的字体需要各位站长根据自身实际情况确定。不过,通常来说,移动端文本每行的字数应该是PC端的一半。

  2.意义清晰的微文案

  大家对微文案这个概念可能有点陌生。举个栗子来说,一般"行为引导"按钮上都是有文字的,这些文字就是微文案的一种。意义清晰的微文案对整个网站设计的成败有着重要影响,它不仅可以用来传递重要信息,帮助引导用户,还可以给网站添加个性化色彩,让整个设计更加出彩。

  在移动端网站中,微文案需要足够显眼,帮助引导用户完成操作。下图就是一个很好的栗子,在用户填写复杂的表单时,这存在一些文本提示,引导性较强的微文案能够更好的帮助用户一次填写好正确的内容。

  3.移除不必要的特效

  在PC端网页上,动画效果和视差滚动常会让网站看上去极富魅力,但在移动端上情况可就大不相同了。当内容迁移到移动端网页和APP上的时候,网站的效率和可用性始终是第一需求,用户首要需求的是快速无缝的加载和即点即用的交互。因此,让网站剥离掉花哨、无用的动效,这更能优化用户体验。

  另外,悬停动效也要去掉。这是因为。用户在移动网页上最主要的交互手段就是上手触摸,这时悬停动效毫无用武之地。站长们在构建移动端体验时最好围绕着点击和滑动这两种交互方式,因为只有它们才能给用户正确的反馈。

  4.尺寸根据屏幕大小自动匹配

  当用户通过移动设备登入响应式网站,没有什么比加载出来小尺寸的元素更让人觉得沮丧了。设计移动网站就是为了让移动用户更易访问,注意网站内容元素尺寸大小的调整。而很多时候,在移动端调整元素尺寸只需要重新调整它们的位置就可以完成了:

  在PC端横向排列的元素,可以垂直排列在移动端页面上;

  考虑移动用户的浏览方式,图片最好被切割为方形,或者和手机屏幕比例相近的形状;

  文本和微文案应该设计的更加简明直观

  导航可以不用沿用桌面端的导航模式,可以采用侧边栏或者底部导航等更适合移动端的方式;

  CTA按钮可以设计地更为醒目,甚至扩展到整屏

  所有的按钮或者可点击的元素都按照用户的手持方式,放到手指最易于触发的位置

  看了这么多设计技巧,你对移动端网站内容的呈现方式有什么新的想法吗?记得,在运用了响应式网站设计以后,最好对对网站内容细节、交互模式进行一些调整,这样才能作出真正匹配用户需求的设计,呈现令人惊艳的网站作品。