(一) 不同屏幕尺寸带来的信息结构差异性当分别用手机和桌面电脑浏览同一网站时, 显示成效不太相同的最重要原因就是硬件设施不同带来的差异。手机设施的屏幕尺寸远远小于桌面电脑。从京东、苏宁等每个在线商城手机的销售状况可以看出, 目前市场上主流的手机, 像苹果、三星、联想、htc、oppo等手机大多数的屏幕尺寸在3至5英寸之间, 个别的像三星的note2屏幕为5.5英寸, note3为5.7英寸都是屏幕比较大的手机。但大家看一下比较小的手提电脑的尺寸, 屏幕大小大多数在13至17英寸之间, 像Microsoft超极本种类的笔记本屏幕尺寸在10英寸左右, 这是很小笔记本尺寸, 但仍然和手机屏幕的尺寸有将近一倍的差距。这种屏幕尺寸上的差距带来的不同显示成效就是, 当用户用手机浏览一个没专门针对手机优化过的网页的时候, 会出现两种状况:一种是该网站在手机上横向内容显示不完整, 另一种是网站内容在手机上显示完整, 但显示内容太小, 没办法正常浏览。手机网页设计的时候经常见到的办法是, 把原本并列的信息进行纵向排列, 通过手机浏览时逐层展开;有的设计依据需要, 甚至会抛弃次要的内容。手机网站的界面信息展示方法不是让用户横向扫描式浏览, 而是渐进式体验。所以屏幕尺寸的变化对于网站组织信息和版式设计的影响比较大。网站整体的设计步骤相同, 视觉原因不会有较大变化, 但图片依据需要适合调整显示比率。适用技术不同不大, 但为了适应不同设施, 目前提出网站建设的自适应性, 它的意思就是网站可以运用一些技术判断用户是用什么设施浏览该页面, 然后网站自动调用合适该用户的显示界面, 如此就能保证用户通过不同渠道浏览时有相同的体验。(二) 用习惯带来的界面设计差异性第一, 手机操作的特质之一是适用环境复杂化。大家会在旅游的过程中查询信息, 或许会在洗手间浏览, 或许会躺在舒适的床上翻看需要的内容。手机带给大家的用法环境的多样性和便捷性致使愈加多的人用手机上网。桌面电脑甚至手提电脑从这一点来讲不如手机。试想一下, 通过这么小的浏览窗口, 用环境多样的状况下, 需要迅速浏览所需要的信息的时候, 仍然像传统网站一样恨不能在一个页面上放上所有些内容, 植入很多的广告, 用户还能浏览到什么实质的内容?对比一下淘宝网站首页的传统版本和手机版本, 可以看出, 手机版本进行了高度的简化, 只突出了搜索和主要的导航, 界面愈加单纯, 用起来愈加便捷。简洁的、内容明确的网站更便于手机浏览。第二, 大家常常用单手拿着手机, 并且用拇指进行操作, 这种习惯致使手机网页设计主菜单的地方摆设正好与传统网站建设相反。传统网站常常把导航放到顶端, 而手机网站因为这种习惯带来的影响, 常常把主菜单放到底部。目前大多数是大屏幕的触屏手机, 而且拇指操作为主, 所以在界面文字链接设计的时候需要考虑字体大小、字体行距等视觉元素是不是易于拇指操作。过小的文字或者行距会增加点击的出错率, 这也是影响客户体验的要紧原因。第三, 大家已经习惯了竖屏用手机, 这就确定了手机网页设计基调是竖幅排版, 跟传统电脑显示屏幕横向显示有非常大不同。两者界面设计时候都是同样以宽度为主, 自适应高度。在传统网站容易见到的两栏、三栏等排版方法, 在手机界面中几乎看不到, 都是以单栏纵向结构为主展示信息。手机界面设计假如进行多栏展示文字内容的话, 并不利于阅读体验。因此目前主流的做法是单栏, 自适应高度, 或瀑布流展示信息。
