如何将PC网站用户体验与手机网站设计可视化结合?
Post2015.06.04 15:11:10 Read891

      智能手机发展到今天,微信发展到今天,我们不得不说,作为现代人,手机已成为一种所有人不可或缺的工具。近期像素时代的越来越多的客户,也开始从之前做PC网站购物商城发展到今天PC电商+微网站+微信+APP+线下软件=多网合一电商网站。
      于是乎,视觉设计变得更加重要。设计小像前不久遇到一个客户,做了多年的电商总结出来的,极简的,是用户最喜欢的。不的不让小像深思。是的,我多么希望我的购物步骤简单,多么希望能很清晰的找到自己最想要的商品。那么怎么样的设计才能更清晰的被用户找到呢?
      为了让自己公司品牌的设计能够让人更容易理解,交付一个优秀可视化的成果是一个不错的选择。

      在实际的用户体验设计工作当中,作为设计师,我们的一些产出在信息呈现方式及沟通效果等方面做的其实不算理想,尤其是那些涉及到用户角色定义、信息架构分析、功能流程规划的文档。怎样将这些交付物打造的直观易懂,使它们具有更强的沟通能力,这同样是我们必须思考的问题。
      初学设计时就常常听到这么句话,设计不单单是做出一个极具美感的躯壳,设计源于生活——所谓设计的实用性。在互联网,这种实用性更多的体现在用户体验和交互使用上。美的视觉表达是第一印象,而酣畅的体验才是灵魂。随着移动互联的日益壮大,用户体验变得越来越重要。与此同时,也有很多人认为炫酷的 操作体验或者一些新颖的呈现是好的用户体验。苹果外形设计其实也是极简的,界面设计也是极简的,超强的用户体验让人感觉确实畅快的,迅速的。可视化操作不需要我们看大堆的操作文字,而是通过图标,通过简易的几部操作让我们了解到我们想了解的内容。现在流行的某些扁平化风格的设计也是如此。
下面看看几个相关的案例:
b3e09da0285845307b12f07cb4610f9d1 (1)

左图以图标的形式,把相关内容分别可视化的列出,更加清晰,右图则显得比较凌乱。

在设计时,我们常常会遇到网站特别长的情况,这种情况可以在网站右边加上可视化的便捷楼层导航,用户可以在最短的时间找到需要的分类。如下图

      简化整个网站或手机网站的设计,采用可视化的设计,我们对于现实世界的观察和理解主要是基于视觉的,可视化的沟通方式可以让人更有效的接收信息。作为设计师,我们每天都要与产品上下游的相关人员交流概念和想法,而承载这些信息的媒介同样需要良好的设计。优秀的可视化信息媒介不仅可以帮助人们更好的理解概念与想法,同时还有助于引发他们对于信息本身的共鸣,使设计产出更具影响力和说服力。

内容的引导也是很重要的
内容引导是一个站点最为重要的组成部分之一,而最为代表性的引导莫过于导航。一个清晰的导航,就如同一本读物的目录,会为阅读和查找内容提供最直接的帮助。导航内容要简介、准确、清晰,快速引导用户到达目标位置。切勿繁慵杂乱,但极简的未必是好的。


在这个飞速发展的信息时代,我们更习惯于我们所关注的物体,所以小像认为,不管是手机网站设计还是PC网站设计,可视化的设计是非常不错的选择,文字图形化,注重用户交互体验,简洁,便于用户浏览及操作,让网站变得有趣味,才能提升用户好感,给用户留下更深的影响。
      以上仅为小像的观点,如果您有更多关于手机网站可视化方面的观点和看法,请关注我们的微信公众号:像素时代网络营销!