DDR爱好者之家 Design By 杰米
据调研公司Gartner预测,平板的销量每周都在增加,到2016年,全世界平板的销量将达到6.65亿台。随着以苹果iPad为代表的平板电脑风暴越演越烈,相信移动设备取代个人电脑的霸主地位,成为接入网络的首选设备只是时间问题。
Adobe最近发布的数字营销报告显示,使用平板电脑浏览网站的用户比普通PC访客的每笔交易金额高出20%。这些数据意味着对于电子商务企业来说,设计对平板电脑友好的网站非常重要。
iPad的横空出世让原本死寂沉沉的平板市场重新焕发生机,可整整两年时间过去了,很多网站还是没有专门针对平板电脑进行优化,甚至很多新建的网站在平板电脑上无法正 常使用。而且这当中不只是那些不起眼的小网站,就连大名鼎鼎的Google Docs的用户体验也是相当糟糕,不信的话就在iPad上面试试Google Docs,你会发现除了浏览什么都不能干,尤其是当你需要编辑文档的时候。
问题出在了哪里
诸如细节是魔鬼、细节决定成败等等的话我们都耳熟能详。其实导致上面的问题也很简单:有些网站的链接和可点击的图片实在是有点小。Web可用性方面 的世界顶尖专家Jakob Nielsen一针见血的指出了问题的症结所在,这些问题在Kindle Fire一样的中等大小的平板上面尤为凸显。为15寸笔记本电脑或者22寸显示器设计的网站并不适合iPad的10寸屏幕,整个屏幕会显得过于拥挤而无处下手,用户需要经常通过双击放大,这绝对不是个愉快的体验。
平板与笔记本、台式机的五大重要差异
大体上说来,设计适合平板的网站与适合台式机/笔记本的网站存在如下五大差异:
尺寸
相对于笔记本和台式机而言,平板电脑的尺寸一般较小。
屏幕分辨率
平板电脑屏幕分辨率可谓是千差万别(从Kindle Fire的600×1024到新一代iPadd的2048 ×1536),而且因为平板电脑的屏幕方向可以旋转,所以平板电脑的网站需要在水平和垂直方向都能正常浏览。
兼容性
使用过平板的人都知道,Abobe Flash与平板的兼容性是个大问题。但是像Silverlight这样的插件,以及一些计算任务较重的JavaScript Web程序也会导致麻烦。
触摸界面
这是个大问题。触摸界面是平板电脑和传统PC最大的区别,为了方便用户操作,就需要更大的可点击元素和更少的导航元素。
内存和CPU限制
我们都知道平板板电脑已经进入四核时代,所以平板的性能缺陷往往很容易被忽略。事实上平板电脑的内存和CPU性能依然远远落后于传统PC,所以多媒体元素过多的网站对于平板电脑来说依然是个不小的挑战。
理解用户体验
网站机构Domain7的创始人Shawn Neumann说,设计网站最重要的一点就是要理解用户体验,并制定策略来满足用户的需求。台式机是用来搞研究的和完成任务的,智能手机是用来临时打发时间的,平板则是用来在家里好好享受时间的。
“有时候采取响应的办法是最为有效的”,Neumann建议道。响应式的网站是流动的,可以根据不同的屏幕尺寸和显示分辨率进行调整。所以理论上来 说,同一个网站可以同时在大屏幕和小屏幕的设备上浏览,但实际的结果往往是差强人意。如何克服分辨率变化这一问题,难度也是不小,专门为大显示器设计的网 站在小屏幕上的显示效果往往并不怎么好,所以,一个网站并不是放之四海而皆准的。
究竟如何解决这一问题,大家众说纷纭,有建议说创建一个移动友好型的网站,也有说根据用户使用的设备来进行自定义。设计移动友好型的网站难度不小, 特别是是要运行不同的内容管理体系,此外同时维护两个网站难度也不小而且代价很高,而且用户在平板上不能使用网站的完整版本也会令他们相当搓火。总之不管最终选择哪种方案,都会增加额外的开发工作和额外的费用。
使用工具软件
当然有时候也可以走捷径:使用像Pressly或者OnSwipe一类的软件。使用这一类软件,标准的网站页面就像是被施了魔法一样,适合平板浏览的页面立刻就会完美地呈现在用户面前。
以上这种方案是OnSwipe的CEO兼联合创始人Jason Baptiste希望看到的,他说:
“人们将逐步从“点击时代”进入“触屏/扫屏”时代,平板的网站界面将更加集中,而且要求的是不同的设计方式。有些人认为只要设计一次网站页面然后到处使用,就可以一劳永逸了,我认为这根本站不住脚。在平板上我们要注重的是触感,所以设计的时候也应当以触感为重点。”
适合平板的网站页面
那么什么样的网站页面才是适合平板电脑的?我认为需要做到以下几点:简洁干净的用户界面,再加上大而显眼的导航和控制元素,空间排布合理,尽量减少 互动性插件的使用,最好还要创建灵活的、能适应多种屏幕尺寸的框架;再考虑使用第三方服务,针对平板或者其他类似的设备自动对网站页面进行转换。
其实平板电脑网站的设计者可以多学习Flipboard和Pulse等个性化的内容聚合服务,它们设计的网站页面在小型设备上的展示效果相当不错,所以可以对它们加以研究并借鉴它们的设计方法与风格。
为平板打造完美的网站页面的重要性已经一目了然:要么将网站设计得更“平板化”,要不就等着流失用户、收益损失的情况出现吧。将网站转换成平板电脑 友好的环境宜早不宜迟,动作慢了,你就会和竞争对手形成差距。如果你想利用平板电脑风暴所带来的好处,并且创建一个对平板电脑友好的网站,赶紧行动吧!网站设计者们!
Via VB
(Danice 供雷锋网专稿,转载请注明!)
Adobe最近发布的数字营销报告显示,使用平板电脑浏览网站的用户比普通PC访客的每笔交易金额高出20%。这些数据意味着对于电子商务企业来说,设计对平板电脑友好的网站非常重要。
iPad的横空出世让原本死寂沉沉的平板市场重新焕发生机,可整整两年时间过去了,很多网站还是没有专门针对平板电脑进行优化,甚至很多新建的网站在平板电脑上无法正 常使用。而且这当中不只是那些不起眼的小网站,就连大名鼎鼎的Google Docs的用户体验也是相当糟糕,不信的话就在iPad上面试试Google Docs,你会发现除了浏览什么都不能干,尤其是当你需要编辑文档的时候。
诸如细节是魔鬼、细节决定成败等等的话我们都耳熟能详。其实导致上面的问题也很简单:有些网站的链接和可点击的图片实在是有点小。Web可用性方面 的世界顶尖专家Jakob Nielsen一针见血的指出了问题的症结所在,这些问题在Kindle Fire一样的中等大小的平板上面尤为凸显。为15寸笔记本电脑或者22寸显示器设计的网站并不适合iPad的10寸屏幕,整个屏幕会显得过于拥挤而无处下手,用户需要经常通过双击放大,这绝对不是个愉快的体验。
平板与笔记本、台式机的五大重要差异
大体上说来,设计适合平板的网站与适合台式机/笔记本的网站存在如下五大差异:
尺寸
相对于笔记本和台式机而言,平板电脑的尺寸一般较小。
屏幕分辨率
平板电脑屏幕分辨率可谓是千差万别(从Kindle Fire的600×1024到新一代iPadd的2048 ×1536),而且因为平板电脑的屏幕方向可以旋转,所以平板电脑的网站需要在水平和垂直方向都能正常浏览。
兼容性
使用过平板的人都知道,Abobe Flash与平板的兼容性是个大问题。但是像Silverlight这样的插件,以及一些计算任务较重的JavaScript Web程序也会导致麻烦。
触摸界面
这是个大问题。触摸界面是平板电脑和传统PC最大的区别,为了方便用户操作,就需要更大的可点击元素和更少的导航元素。
内存和CPU限制
我们都知道平板板电脑已经进入四核时代,所以平板的性能缺陷往往很容易被忽略。事实上平板电脑的内存和CPU性能依然远远落后于传统PC,所以多媒体元素过多的网站对于平板电脑来说依然是个不小的挑战。
网站机构Domain7的创始人Shawn Neumann说,设计网站最重要的一点就是要理解用户体验,并制定策略来满足用户的需求。台式机是用来搞研究的和完成任务的,智能手机是用来临时打发时间的,平板则是用来在家里好好享受时间的。
“有时候采取响应的办法是最为有效的”,Neumann建议道。响应式的网站是流动的,可以根据不同的屏幕尺寸和显示分辨率进行调整。所以理论上来 说,同一个网站可以同时在大屏幕和小屏幕的设备上浏览,但实际的结果往往是差强人意。如何克服分辨率变化这一问题,难度也是不小,专门为大显示器设计的网 站在小屏幕上的显示效果往往并不怎么好,所以,一个网站并不是放之四海而皆准的。
究竟如何解决这一问题,大家众说纷纭,有建议说创建一个移动友好型的网站,也有说根据用户使用的设备来进行自定义。设计移动友好型的网站难度不小, 特别是是要运行不同的内容管理体系,此外同时维护两个网站难度也不小而且代价很高,而且用户在平板上不能使用网站的完整版本也会令他们相当搓火。总之不管最终选择哪种方案,都会增加额外的开发工作和额外的费用。
使用工具软件
当然有时候也可以走捷径:使用像Pressly或者OnSwipe一类的软件。使用这一类软件,标准的网站页面就像是被施了魔法一样,适合平板浏览的页面立刻就会完美地呈现在用户面前。
以上这种方案是OnSwipe的CEO兼联合创始人Jason Baptiste希望看到的,他说:
“人们将逐步从“点击时代”进入“触屏/扫屏”时代,平板的网站界面将更加集中,而且要求的是不同的设计方式。有些人认为只要设计一次网站页面然后到处使用,就可以一劳永逸了,我认为这根本站不住脚。在平板上我们要注重的是触感,所以设计的时候也应当以触感为重点。”
那么什么样的网站页面才是适合平板电脑的?我认为需要做到以下几点:简洁干净的用户界面,再加上大而显眼的导航和控制元素,空间排布合理,尽量减少 互动性插件的使用,最好还要创建灵活的、能适应多种屏幕尺寸的框架;再考虑使用第三方服务,针对平板或者其他类似的设备自动对网站页面进行转换。
其实平板电脑网站的设计者可以多学习Flipboard和Pulse等个性化的内容聚合服务,它们设计的网站页面在小型设备上的展示效果相当不错,所以可以对它们加以研究并借鉴它们的设计方法与风格。
为平板打造完美的网站页面的重要性已经一目了然:要么将网站设计得更“平板化”,要不就等着流失用户、收益损失的情况出现吧。将网站转换成平板电脑 友好的环境宜早不宜迟,动作慢了,你就会和竞争对手形成差距。如果你想利用平板电脑风暴所带来的好处,并且创建一个对平板电脑友好的网站,赶紧行动吧!网站设计者们!
Via VB
(Danice 供雷锋网专稿,转载请注明!)
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2024年11月24日
2024年11月24日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]