手机网页建设网页设计
日期 : 2019-03-10 13:16:16
移动终端是一项应用于互联网的主要设备, 其中包括了手机、平板电脑、笔记本、POS机等, 在互联网运行中发挥重要作用。近几年, 移动设备的全面普及, 用户对浏览Web页面提出更高要求, 为满足人们的需求, 移动终端的网页设计逐渐得到优化, 移动终端浏览模式越发快捷、便利。
1 移动终端的页面布局方式
在移动终端网页设计中, 其页面布局方式主要有以下几种:拍扁式、手风琴式、棋盘式。其中, 拍扁式主要是将主流页面分为三栏布局, 布局比例为1∶2∶1, 导航栏在页面的顶端, 排列顺序以区块重要性进行排列, 文章以标题形式显示, 页尾处有返回顶端的设计。手风琴式, 该种页面布局下, 人们在打开移动终端浏览器时, 仅能看到一个简单摘要, 后续内容可层层展开, 便于用户观看更多、更详细的信息。棋盘式网页, 在打开网页时, 用户能够对页面全局有整体了解, 并且, 用户还可利用局部缩放功能, 便于用户观看浏览器的细节布置。其缺点在于, 若移动终端屏幕较小, 当用户收缩页面时, 难以看清屏幕文字。
2 移动终端网页设计的优化原则
2.1 精简原则
须知, 移动终端因其的移动性, 为满足用户需求, 所使用的网络为无线网络, 带宽普遍低于有线网络的带宽;所使用的屏幕普遍小于固定终端设备的屏幕, 尤其是人们越来越依赖的智能手机, 其屏幕明显小于PC机、平板、笔记本等, 因此, 在为智能手机设计并优化页面时, 必须遵循精简原则, 突出主要内容, 力求一目了然。
2.2 兼容性原则
近年来, 移动终端市场需求不断扩大, 加入该行业的企业越来越多, 各种不同品牌的笔记本、智能手机等在硬件配置与软件设计上存在较大差异, 然而, 一款设计好的网页, 想要保障其广泛应用, 兼容性非常重要。
2.3 避免弹窗
对于多数移动终端用户来讲, 在浏览器搜索中, 弹窗已经成为多数人烦恼的问题, 因为, 弹窗不仅会带来额外的等待时间, 还会造成多余的流量消耗, 因此, 若在浏览网页时存在大量弹窗, 极易影响用户对网页的整体印象。对此, 在移动终端网页设计优化中, 应添加拦截自动弹窗的相关软件。
2.4 优化搜索引擎
在网页设计的优化中, 应重视搜索引擎的优化。第一, 设计人员应对搜索引擎的响应速度进行优化, 降低用户等待时间;第二, 搜索内容应进行分类, 如在首页上, 设计人员可加入meta标签或者关键词, 将用户可能搜索的内容分门别类, 如新闻、视频、购物等, 以保障用户在搜索过程中快速寻找到所需要的信息。
2.5 触屏设计优化
目前, 我国移动终端设备大多引进了触屏设计, 尤其是平板电脑、智能手机等, 同样, 人们对触屏的灵敏性提出更高要求。因此, 触屏设计中, 设计人员应重视这一点, 优化触屏的灵敏性。另外, 因触屏网页与依靠鼠标的网页不同, 触屏网页设计中, 应使其结构扁平化, 翻页、连接的响应区域较大, 突出编辑区域等, 便于用户触屏操作。
3 移动终端的网页的设计优化
随着移动终端的普及, 得益于其便利性与快捷性, 网上冲浪的用户不断增多, 人们对移动终端的依赖性不断增强。在移动终端普及的几年间, 可以发现, 移动终端已经改变人们的生活, 为门户带来诸多好处, “一部手机, 行走天下”已经不是梦。但是, 在移动终端应用时, 引起与网络相互连接, 互联网上的复杂内容, 影响了移动终端网页的响应速度、流量消耗等, 对此, 优化移动终端网页设计成为重点。
3.1 用户信息采集模块的设计
新形势下, 市场竞争越发激烈, 为在市场上立于不败之地, 移动终端的网页设计优化应重视个性化, 通过“与众不同”吸引用户, 之后, 通过便利的网页搜索模式, 快捷的响应速度, 较小的流量消耗等留住用户。
在网页设计中, 设计者应加强用户信息采集模块设计。因为, 用户采集系统能够将用户浏览信息记录, 并通过分析, 判断用户感兴趣的内容, 并为用户显示类似内容, 提高网页的服务性能, 吸引用户进入网页浏览。因为, 当用户利用浏览器输入信息, 访问页面时, 网页会自动记录用户的浏览信息, 并通过历史信息反映用户该段时间感兴趣的内容。用户信息库的基本流程如下:其一, 用户输入信息或关键词, 网页通过用户输入的信息搜索与其相关的内容, 并响应用户请求。其二, 用户历史记录信息。通过观看一个用户在一段时间内的历史记录, 就能够了解用户关注重点, 尤其是用户收藏的内容, 更能反映用户兴趣所在。
3.2 预处理模块设计
用户信息采集模块, 所采集到的信息都是用户因自身行为产生的各类信息, 但是, 行为信息并不标准, 若不对用户行为信息进行规范, 极易影响网页的后续运行。对此, 制定标准化的文本格式, 将用户行为信息进行处理, 是网页必不可少的一项功能。因此, 应重视预处理模块的制定与优化。
为推动移动终端网页的良好运转, 在信息系统设计中, 应重视预处理模块的设计。信息预处理模块, 位于系统中央, 接收用户行为数据, 并对信息进行处理, 将信息模式转化为标准化文本, 并产出数据, 为后续建立用户兴趣库做准备。
预处理模块由三个子模块构成, 分别是页面抓取、文本内容提取、关键字提取。页面抓取的主要功用是读取用户信息库中储存的行为信息, 分析用户兴趣所在, 抓取相对应的页面。文本内容提取, 其主要功能是将抓取到的页面信息进行过滤, 去除不相关的信息, 提取与页面主题相关联的内容, 并将其以文本文件的形式保存至数据库, 便于用户观看与查找。关键字提取, 该项子功能模块会将用户行为信息进行分词, 将文本中的内容以词条形式显示, 并计算每个词条的重要性, 依此排序, 选出与词条相关的内容。
3.3 页面分割模块的设计
在移动终端日常应用中, 搜索功能一直是网页不可或缺的一种功能, 移动终端网页的优化, 必须保留搜索功能, 甚至优化搜索功能, 以此吸引更多用户浏览网站。诸多用户几乎每天都会利用搜索功能查找心仪产品、信息资料等, 因此, 可将搜索功能放置在网页顶部。另外, 网络拥有巨量资料, 当用户查找信息时, 通常会出现大量的信息, 而移动终端的屏幕较小, 网页所显示的内容有限, 用户往往需要不停地滚动屏幕, 才能找到所需要的信息, 影响了信息查找的便捷性。对此, 设计者应对页面信息进行设计优化。页面分割是一种有效的方法, 其应用在保证了语义信息完整性的同时, 将网页页面分割, 并根据移动终端屏幕进行合并, 便于用户的查询。
上一篇:手机网页版式设计研究
下一篇:手机网站建设的开发