近几年移动互联网也开始如雨后春笋般迅速成长,是继互联网之后又一新力军,这个新力军本身是互联网的延续。移动互联网的快速发展,也使对移动互联网页面设计的要求越来越高,本文主要主要探讨移动互联网的特点、页面设计中存在的问题及页面设计原则。
一、移动互联网网页设计特点
移动互联网载体是手机,从界面角度来看,桌面网页设计的分辨率大都是1024以上,而手机的分辨率因型号不同各异,一般只有320,最多也就是800的分辨率,从物理角度来看,这基本上是移动互联网页的最高值。要在足够小的屏幕里让你看到想要的东西,是一件非常难的事。基于这个出发点,大部分移动互联网网页设计的比较简单和实用。移动互联网比起传统的网页具备较强的实时性。我们可以第一时间把身边发生的事情通过手机发布到互联网上,在此基础上推动了诸如手机人人网、手机微博等社区化移动互联网站的加速发展。
二、移动互联网网页设计中现存问题
1.移动互联网网页分辨率难以衡量目前市场是的手机型号各式各样,屏幕种类令郎满目,规格不等,分辨率从320—800像素都有,这些因素给移动互联网网页设计带来不同程度的难度,设计师很难针对一种或几种手机型号进行设计,只能通过对主流手机进行界面设计,这种设计完全依赖于UC浏览器来自动转换分辨率的设计导致了网页文字错位,页面杂乱,严重降低了用户满意度。
2.网页设计缺乏规划性由于目前移动互联网页面设计受到移动终端的条件限制,设计师设计出的页面往往过于简单,甚至出现文字堆积的状态,整个页面毫无设计感。于此同时,由于移动互联网处于刚起步阶段,很多设计师还不够成熟,设计出的页面缺乏色彩规划,要么颜色过于单调,要么花里胡哨。移动互联网站同时也有电脑桌面网站,由于受到手机条件限制,很多移动互联页面趋于简单,移动互联网站与桌面网站缺乏统一性。
3.网页载入速度慢受到移动互联网速度的影响,再加上很多网站并非是专门设计的WAP站点,在访问一个网站时,大量的图片和视觉效果加载缓慢,使用户丧失耐心,用户体验度大打折扣。
三、基于用户体验的移动互联网页设计原则
1.简洁、易操作、避免输入
鉴于手机屏幕狭小,要做好页面设计,简洁便成了必然的要求。简洁并不单指设计的不拥挤,同时还包括页面板式和图形图像的简练概括。就现行的手机屏幕而言,页面上一行的字数最多能容纳14个中文字符,所以,移动互联网页面的板式结构要相对简单,呈现形式最好单列布局。由于屏幕太小,不足以观察到页面中细微的设计,所以图像的设计要以简洁为主,要让用户对页面内容一目了然,而花里胡哨的设计只会干扰用户的视觉。良好的用户体验下的设计应当遵循少即是多的原则,简单的交互、清晰的提示和反馈,少而精确的用户请求,从简单、易操作中准确的满足用户需求。另外,还应尽可能的减少用户输入,避免给用户增加负担。
2.信息扁平化原则
所谓信息扁平化原则,就是指减少信息层次关系,用户用最少的页面跳转操作找到想要的东西。现在大多数移动互联网页面设计信息结构都以深度为主,整个信息结构的链接呈现树状结构,用户想找到自己想要的信息,要一层一层的点击链接,这样导致用户操作的复杂性,在每一次页面跳转是,都会损失掉用户的流量,严重影响到用户使用。在这种情况下信息的扁平化显得尤为重要。我们可以通过增加Tab将并列的信息显示在同一个界面内,以减少页面的跳转;增加流程的便捷通道,如图(1),在页面A中增加到达C的快捷方式,虽然在程序上讲C还是第4层,但对于用户而言C却变成了第3层,这样无疑就增强了用户体验度。3.增强交互性和通用性移动互联网页面设计要加强交互性的设计。使用手机浏览网页的过程实际上就是用户与页面进行交流的过程,因此良好的交互设计是提升用户体验的重要因素。另外,移动互联网页设计师应充分考虑各种型号手机屏幕大小,不能单单依靠UC浏览器来自动调整页面布局和大小,要增强页面设计的通用性。
4.重视色彩搭配,少用图
移动互联网页面色彩要和桌面网站色调统一、搭配协调。在此,我建议:(1)在同一个页面中,颜色种类不易过多。颜色太多会使用户觉得页面太杂乱,混淆视觉,用户难以分清主次关系;(2)颜色搭配分清主次,色调要统一;(3)尽量使用同色系颜色,同色系的颜色容易使页面色调统一,但需要注意的是,在一些小的元素上可以适当搭配小面积的其他颜色,避免呆板。另外,尽量减少用图,使用图片能美化页面,但同时也会使加载速度变慢,增加用户流量。结束语:移动互联网发展势头日渐凶猛,其页面设计也越来越重视用户体验和人性化,越来越多的设计师将设计重心转移到用户体验上,现实证明,基于用户体验的移动互联网页面设计可以更好的提高用户满意度,以用户为中心的页面设计正在为移动互联网开拓一个崭新的人机交流局面。
word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报(33)人阅读时间:2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需(25)人阅读时间:2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打(24)人阅读时间:2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来(25)人阅读时间:2024-09-12word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报..2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需..2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打..2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来..2024-09-12word怎么调整纸张的尺寸大小? word怎样调纸张大小
word怎么设置文档的水印呢?(word文档中怎么设置水印)
Word文档中表格的单个单元格边框怎么设置
使用Word制作成绩表表格的方法 表格制作excel教程成绩表
怎么批量导出Word文档中所有图片 word批量导出图片并分别储存
Word文档怎么设置自动保存 wpsword文档怎么设置自动保存
word怎么设置自动滚动页面(word怎么设置自动滚动页面)
Word实现Excel表格分栏打印的方法 word表格分页打印
Word2013怎么自定义SmartArt图形形状样式?
怎样去掉Word文档中的手动换行符(怎样去掉word文档中的手动换行符号)