超有建设性的手机移动网站设计技巧

Author: Chris Song

以我身边的朋友为例,假如手头上没有工作没有事情忙,60%以上的时间几乎都用手机上。这个现象和趋势不知道多少年后会改变,在还未出现改变之前,手机已经占据了人们大多数的闲暇时间,以至于越来越多的商机都集合到手机移动网站上来了。另一方面手机移动技术正在改变网民的操作习惯,移动策略需要考虑响应式设计,以及跨平台的浏览体验。手机移动网站设计方面的技术和经验也逐步成熟稳定。对于这方面经验欠缺的企业或个人设计师而言,不如好好学习由经验丰富的网站设计公司素马分享的超有建设性设计技巧



5个设计技巧让手机移动网站吸睛

-


1.微互动


移动体验其实是各种微互动的整合,而且用户需要在很分心的状态下快速的完成各项任务。所以好的移动设计都要简单而明显,让用户的操作尽量的直觉化



2.带感情的设计

因为移动设备更多起网络入口作用,所以使用非常方便,同时对它产生了一种情感,我们很多人甚至睡觉的时候都把手机放在身边。所以使用它是个有情感的过程,好的设计会体现这一点。



3.突出品牌形象

用户的每次使用都应该能够反映品牌的故事,并加强认同感和忠诚度,所以确定哪些元素能够凸显品牌形象就非常重要了。移动设计师需要充分利用有限的屏幕空间,不断增加品牌的形象。



4.关注内容

用户会在各种环境下使用移动设备,所以任何影响用户交互的因素都非常重要。最好能够知道你的用户是在什么环境中使用移动设备的,不可能对各种环境进行同样的设计,比如添加语音辅助和亮暗变化非常有必要。


5.从富于变化的界面开始

要停止在已有的设计上,要有不断变化的交互,这样整个设计的感觉都会不一样。


移动设备的使用正在疯长,要意识到移动端已经不是桌面电脑的辅助了。因此需要完全不同的设计思路,不是简单的缩小尺寸而已。



10个用户体验细节设计原则

-


1、做好内容规划

首先,你要明确自己想在手机网站上展示什么,分析一下手机用户的浏览习惯,然后再有针对性地进行相关内容的制作,这样才能做吸引用户,并会为企业带来一定量的潜在用户。


2、设计方式符合手机使用习惯

一般的手机屏幕,阅读文字或图片时更需要加以放大。即使智能手机具有网页放大缩小功能,但是观看起来也较为麻烦,因此在设计手机网页时,应能够以滑动屏幕的方式来阅读网页。


3、不能参照PC端网站来设计手机网站上的导航功能

手机网页与跟一般的PC端网页不同,由于受到手机屏幕大小和屏幕操作的限制,在设计导航功能时应该按照手机屏幕来设计,不能完全照搬PC端网站,该简单的地方简单化,该去掉的去掉,同时在当阅读文章到最后时,要方便于用户回到最前头,减少卷动画面的机会,让网页变得更容易于移动设备上阅读。


4、考虑多种浏览器的兼容

由于手机上的浏览器也有多种,比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器,如此多的浏览器在浏览网页的时候,如果手机网站的兼容性差,就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。


5、尽量减少用户文字输入操作

在手机上输入文字比起使用电脑键盘麻烦得多。因此,减少使用者输入文字的机会,例如用户名、密码等,都是手机网站制作时要尽力避免的。


6、兼顾非触摸屏幕的设计

虽然大多数手机都是智能手机,但也有为数不少的传统手机,不具备触摸的功能,这时手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。


7、尽量简化网页内容

一般的手机、平板电脑等移动设备,不易容纳下个人电脑的大容量的网页资讯,因此手机网站制作的首要一点就是减少网页内容,最好不用图片或是影音视频等,文字也应该精简,但要保持网页内容的可读性。



8、注重网页产品和服务的展示

移动用户访问企业手机网站往往是有备而来,想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示,可选择企业的主要产品,对其各类参数或价格加以详细说明,必要时可以采用图文并茂的方式,但图片的体积应尽量小。


9、移动网站与PC网站的跳转

确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接,让用户可以在手机版和PC版进行切换,也便于搜索引擎更好的收录。一般情况下我们的PC网站上都可以看到一个手机版的按钮,或者是当手机输入域名的时候会自动跳转到手机网站,这一技术改变了手机用户的用户体验。

 

10、简化网站结构

对于移动版的企业站来说,网站结构最好不要超过3层,层次过多是不利于搜索引擎蜘蛛的爬行的,深层页面的内容不容易被蜘蛛抓取出来,树形结构(“首页——栏目页——详情页”结构)是目前相对理想的结构。



还有其他的一些细节,诸如桌面端与移动端差距不要太大,起码风格要一致。别让用户觉得换了一个环境,这样用户很难感受到这是一个网站的两个展示平台,这种困惑的设计会让用户接受感降低。 



小结

-


任何一款产品都希望能够符合大众口味,为人们喜闻乐见。专业的产品这意味着能给绝大部分人带来良好的使用体验。一个真正能让用户满意的移动端网站,必须具备减少用户的厌恶情绪,黏住用户让用户不卸载或者不关闭,并且让用户越来越喜欢移动端,变成手机中不可少的一种软件的功能。手机移动网站设计开发,不是单纯地把PC端的页面照搬,其中需要注意用户的使用习惯和方式。希望通过以上界面设计及用户体验设计技巧的分享,能带给正在为手机移动网站项目设计开发的小伙伴带来建设性意见。


相关阅读