成都网站建设
扫描关注木子网络微信号

扫一扫微信二维码

移动端网站设计要点详解

木子网络2017-07-27网站设计

  相对于PC网站的设计来说,移动端虽然在版面布局上相对简洁点,但其功能却要比PC端网站完善和强大很多。所以,作为专业的网站设计师,应该在设计移动端页面的时候,更加需要注意移动端网站功能之间的相互配合。今天,木子网络就带大家了解下移动端网站设计需要注意的要点。

移动端网站设计要点详解

  一、简短、聚集

  移动端网站在与用户交互期间,无论什么时候都不要期望用户在使用之前能够阅读说明性质的内容。人们打开网站不是为了花时间学习怎么使用网站,而是为了在最短的时候内解决他们遇到的问题,其实这也是一个悖论,因为学会更有效率的使用网站,用户才可以为自己节省时间。但是,我们都知道,web用户不愿意阅读文字的习惯由来已久,而而移动用户在这方面则有过之而无不及,因为在移动情境中,人机会话时间更加有限,注意力更容易分散。

  二、避免一连串的提示

  有些时候,一个界面里会有多个功能点需要被讲解。然而通过一次一个的方式接二连三的蹦出浮层进行说明,则会使用户更加不耐烦的关掉这些说明,而不管它们是不是真的有用。你可以想象每个用户都有一个小容器用来盛放引导提示内容——那一定是喝威士忌的小杯,而不是一扎一扎喝啤酒的大杯——你不能给用户灌的太多,也不能灌的太快。

  接连不断的展示引导信息不仅会产生短期记忆方面的问题,而且会让新用户觉得你的应用过于复杂,望而生畏。记住,在实际当中,这样的初体验足以使他们关掉你的应用,然后去寻找其他的替换方案。

  三、尽量使用图形元素

  使用图文并茂的形式,而不只是干巴巴的文字,这将能使用户在最短的时间里对信息产生大致的了解。

  对于前面提到的多步骤说明,可以尝试将每一步内容浓缩为“恰当的图形元素+简短的文字”,并整合到一个展示层面上;这种方式即有利于用户阅读,也可以使多步骤的流程更直观、易懂、易记忆。

  下面是我们的建议方案。三步的操作流程被放在一起,通过图文并茂的形式展示出来。通过统一的标题“定制化你的模板”,用户立刻就可以了解这个会话是关于什么的,而下面的三个步骤说明让他们可以很快了解到怎样完成这件事情。

  四、不要和实际界面混淆

  必须使引导提示在外观上与实际界面元素有着明确的区分,否则引导提示就是在干扰实际界面,用户也会迷茫,甚至会把教学内容当做功能界面,试着与其交互。

  综上所述,当我们在设计移动端网站的时候应该了解以上移动端网站设计的要点,这样才会让我们设计出来的网站更加具有实际效果,用户体验度才会更高。

转载请注明:木子网络 » http://www.muziwl.com

文章标签
移动端网站设计