移动站页面设计应当注意什么?

2016-09-06 17:40  阅读 456 次 评论 0 条

在做手机网站设计的时候,需要将很多因素考虑进去,比如说页面要精简,代码要精简,图片要精简,网页的大小最好能控制在几百kb以内等等,所有这些都是基于优化和用户体验的考虑。大家可以参照sina.cn/?from=wap这个网站,那么手机网站页面要如何设计呢?需要注意哪些细节呢?

手机页面设计

 

一、页面结构

1、首页

主要是用来分流的,保证不同需求的用户在着陆后能找到想要的信息,或者是将重要的内容展示在首页。首页的定位是分流,就要知道你的用户需求是什么,用户感兴趣的内容是什么,然后优先展示出来。

导航式:风格简洁,可做品牌宣传,快速传达品牌形象。有些手机站的设置其实可以比较简单,几个大的板块即可,让用户选择他们感兴趣的内容。

内容式:内容丰富,快速传达信息。比如说新浪。内容信息量比较大,用户在看到首页的一个过程中,更多的是去浏览内容的标题。

2、列表页

主要是用来展示信息的。一般为纯文字和图片,封面栏目显示效果就不佳了。列表页是用来展示信息的话,这个时候就要涉及到各个页面的一个标题的吸引度,各个页面标题里面涉及到的内容,对用户来讲是否有帮助,这一块跟pc的优化是一样的。

3、详情页

详情页是展示首页和列表页未显示完全的信息。一般是产品和文章的介绍。详情页面想要展示的内容是什么,一般来讲,做手机端的优化重点在于文章页面,资讯页面,产品页面,用户浏览你栏目页面的时候,是为了看到他感兴趣的内容,进入详情页面,详情页面所需要展示和设计的要求要高一些。

需要段落分明,每一小段讲的是什么内容,又需要一个小标题来引导,讲到重点的时候又需要加粗描红来突出,并图文结合来展示。若是一个企业网站,那么可以推荐你的产品,某某产品的图片,价格是多少,然后引导链接到相关产品页面。像一个详情页面要去推荐信息内容的时候,推荐链接可能就只有一款产品。

手机端的软文编辑要求会更高一些,用户用手机端去查询一般都是一些非专业性的内容,这个时候其实是不需要一些过多的描述,简洁明了即可。

在手机端浏览的时候,具体的详情页面来讲,信息内容要求是比较高的,若内容信息展现比较少的话,用户了解的不全,若是卖产品的话,转化的氛围就起不来,若要围绕转化氛围的话,文章就会比较长,这个时候就需要在内容的连贯方面下功夫。

 

二、页面模块

1、幻灯片/焦点图/banner图。这种图片尽量少,一般一张,三张以下,从图片的设计上展现你提供的是什么产品,提供的是什么服务,需简约、清晰、直观。

2、纯文字模块。手机端跟pc端是一样的,像js、flash尽量减少,或是不要用,尽量多以文字的形式突出。

3、图文模块。图片方面也要进行优化,图片的设计最好控制在宽度为500-700px之间。

4、子链接。面包屑导航:在移动端的搜索里面作用会比较大些,最好就是每个页面都要有面包屑导航,用户就会更加方便些。

5、页面导航。避免繁琐点击,降低用户离开率,提升转化。

6、导航条。展示多种不同类型信息。

7、工具栏。悬浮特性。

pc端页面比较大的时候,会有左边栏和右边栏推荐信息,但移动端不需要,要精简。

 

三、交互方式(手机端独有的)

1、滑动切换图片。

2、滑动切换页面。

3、点击放大图片。

4、页面区域点击。

减少用户定位该区域造成效率损失,需要跟手指一样的尺寸。比如说在设计某一个链接的时候,这个链接行与行之间,文字与文字之间,行距就不能太小,大小要考虑到手指,以方便用户来点击。

整个网站的设计上来讲需要注意些什么呢?整个网站的风格最好也是简约,比如说淡蓝色,或者是红色的,或者是青绿色的,这一块的设计的风格可以结合你自己的行业。比如说,像IT行业,色调可以是浅蓝色的。像减肥产品,健康类型的,保健产品类型的可以使用浅绿色。医院类型的也可以是浅蓝色。若营销气氛要比较强的话,某个页面是专门做一个活动页面的话,可以使用一些橙色和红色。

本文地址:http://www.liuxinseo.com/217.html
版权声明:本文为原创文章,版权归 星雨 所有,欢迎分享本文,转载请保留出处!

发表评论


表情