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

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

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

  手机网站界面设计的时分比拟罕见的方法是,把原本并列的信息停止纵向陈列,经过手机阅读时逐层展开;有些设计依据需求,甚至会舍弃主要的内容。手机网站的界面信息展现方式不是让用户横向扫描式阅读,而是渐进式体验。所以屏幕尺寸的变化关于网站组织信息和版式设计的影响比拟大。例如手机版本的百度搜索结果每行能显示20个汉字左右,而用电脑版本,汉字有40个字左右。

  网站全体的设计流程相反,视觉要素不会有较大变化,但图片依据需求适当调整显示比例。适用技术区别不大,但为了顺应不同设备,如今提出网站设计的自顺应性,它的意思就是网站可以运用一些技术判别用户是用什么设备阅读该页面,然后网站自动调用适宜该用户的显示界面,这样就能保证用户经过不同途径阅读时有相反的体验。

  (二)运用习气带来的界面设计差异性

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

  其次,人们经常用单手拿着手机,并且用拇指停止操作,这种习气招致手机网站界面设计主菜单的位置摆放正好与传统网站设计相反。传统网站经常把导航放到顶端,而手机网站由于这种习气带来的影响,经常把主菜单放究竟部。

  如今大局部是大屏幕的触屏手机,而且拇指操作为主,所以在界面文字链接设计的时分需求思索字体大小、字体行距等视觉元素能否易于拇指操作。过小的文字或许行距会添加点击的出错率,这也是影响用户体验的重要要素。

  再次,人们曾经习气了竖屏运用手机,这就确定了手机网站界面设计基调是竖幅排版,跟传统电脑显示屏幕横向显示有很大区别。两者界面设计时分都是异样以宽度为主,自顺应高度。在传统网站罕见的两栏、三栏等排版方式,在手机界面中简直看不到,都是以单栏纵向结构为主展现信息。手机界面设计假设停止多栏展现文字内容的话,并不利于阅读体验。因此如今主流的做法是单栏,自顺应高度,或“瀑布流”展现信息。

提供最优质的资源集合

立即查看 了解详情