欢迎访问宏点网络,兰州宏点信息技术有限责任公司是甘肃省知名网络公司,品牌兰州网络公司 - 主要从事网站建设、网站维护及全景漫游等业务

宏点网络是从业 16 年 成功完成 1365 个网站建设项目的 网站建设专家
首页 > 行业 > 新锐视点

新锐视点先锋新锐的行业视点

手机网站界面与传统网站界面设计的差异性

2017年9月20日() | 打印内容 打印内容

(一)不同屏幕尺寸带来的信息结构差异性

当分别用手机和桌面电脑浏览同一网站时,显示效果不太相同的最主要原因就是硬件设备不同带来的差异。手机设备的屏幕尺寸远远小于桌面电脑。从京东、苏宁等各个网上商城手机的销售情况可以看出,现在市场上主流的手机,像苹果、三星、联想、htc、oppo等手机大部分的屏幕尺寸在3至5英寸之间,个别的像三星的note2屏幕为5.5英寸,note3为5.7英寸都是屏幕比较大的手机。但是我们看一下比较小的笔记本电脑的尺寸,屏幕大小大部分在13至17英寸之间,像微软超极本类型的笔记本屏幕尺寸在10英寸左右,这是非常小笔记本尺寸,但是仍然和手机屏幕的尺寸有将近一倍的差距。这种屏幕尺寸上的差距带来的不同显示效果就是,当用户用手机浏览一个没有专门针对手机优化过的网页的时候,会出现两种情况:一种是该网站在手机上横向内容显示不完整,另一种是网站内容在手机上显示完整,但是显示内容太小,无法正常浏览。

手机网站界面设计的时候比较常见的方法是,把原本并列的信息进行纵向排列,通过手机浏览时逐层展开;有些设计根据需要,甚至会舍弃次要的内容。手机网站的界面信息展示方式不是让用户横向扫描式浏览,而是渐进式体验。所以屏幕尺寸的变化对于网站组织信息和版式设计的影响比较大。例如手机版本的百度搜索结果每行能显示20个汉字左右,而用电脑版本,汉字有40个字左右。

网站整体的设计流程相同,视觉因素不会有较大变化,但图片根据需要适当调整显示比例。适用技术区别不大,但为了适应不同设备,现在提出网站设计的自适应性,它的意思就是网站能够运用一些技术判断用户是用什么设备浏览该页面,然后网站自动调用适合该用户的显示界面,这样就能保证用户通过不同途径浏览时有相同的体验。

(二)使用习惯带来的界面设计差异性

首先,手机操作的特性之一是适用环境复杂化。人们会在旅行的过程中查看信息,可能会在洗手间浏览,可能会躺在舒适的床上翻看需要的内容。移动设备带给我们的使用环境的多样性和便捷性导致越来越多的人使用手机上网。桌面电脑甚至笔记本电脑从这一点来讲不如手机。试想一下,通过这么小的浏览窗口,使用环境多样的情况下,需要快速浏览所需要的信息的时候,仍然像传统网站一样恨不得在一个页面上放上所有的内容,植入大量的广告,用户还能浏览到什么实质的内容?对比一下淘宝网站首页的传统版本和手机版本,可以看出,手机版本进行了高度的简化,只突出了搜索和主要的导航,界面更加单纯,使用起来更加便捷。简洁的、内容清晰的网站更便于手机浏览。

12

上篇:

下篇:

来源(互联网) 作者(佚名) 阅读()

相关内容
    400-6808-205

    24小时全国统一客服专线

    在线接待 在线支付
    • 请扫描微信服务号二维码
    • 请扫描在线QQ号二维码
    网罗客品牌是宏点网络面向客户的内容服务平台:资讯门户 / 电子期刊 / 新浪微博 / 腾讯微博

    甘公网安备 62010002000245号 | 陇ICP备15001403号