首页 > 经验 > 关键词  > 平板电脑最新资讯  > 正文

站长分享:如何设计对平板电脑友好的网站

2012-04-23 16:52 · 稿源:站长之家

导语:随着以苹果iPad为代表的平板电脑风暴越演越烈,许多行业都因此发生了重大变化。根据国际数据集团预计2015年,移动设备会取代个人电脑的霸主地位,成为接入网络的首选设备。对于网站站长而言,一个友好的界面对平板电脑用户的重要性可想而知,因此,站长们应该尽快更新自己的网站。为此,国外年轻企业家Ryan Taft在设计网站1stweb上,撰文阐述了在设计对平板电脑友好的网站时的注意事项。

站长之家(CHINAZ.com)4月23日编译:你的网站是否已准备好应对平板电脑革命了?除非你是末日准备族的一员,那么在过去几周就应该已经为此做好准备了。iPad刚刚投放市场不久,人们就开始为其疯狂。在诸多的平板电脑中,iPad只用了几年时间就创造了如此巨大的平板风潮。这一点是网站站长需要留心的。在平板电脑革命的席卷之下,许多站长已经重新思考网站的设计和布局。

在过去,创建一个对台式机和笔记本电脑界面友好的网站并不复杂。而今智能手机的出现改变了方方面面。许多网站站长都为此准备了网站的移动版以供手机用户访问。又到了更新网站的时候了,不过这次是为平板电脑用户。接下来我们会为大家阐述一个网站的友好界面对平板电脑重要性,设计此类网站的注意事项,并举例说明一些公司是如何做到这点的,最后为大家提供一些有用的工具和资源。

友好的网站界面对平板电脑的重要性

国际数据集团(IDC)预计2015年,移动设备会取代个人电脑的霸主地位,成为接入网络的首选设备。随着2015年的日益临近,这一估计也在逐步实现。无论现在还是以后,这样的趋势处于上升态势。你有多少次用智能手机访问网站时只意识到了它的设计繁重,而没意识到网站导航不方便?你在网站呆得时间有多长?你再次访问的频率多高?同样的道理,现在再想想,如果平板电脑用户访问你的网站时发现你的界面对平板电脑并不友好,他们会怎么做?随着更多的消费者用平板电脑上网,当务之急就是尽快更新你的网站。

创建对平板电脑友好的网站的注意事项

既然你意识到建立一个对平板电脑友好的网站的迫切性,你就要了解其中的注意事项。我们先从设计中不能做的部分说起。

如果你的网站中包含了下列内容,那么你的网站还为此做好准备:

· 不要在你的网站中添加Flash,这样会导致网站异常。

· 两个点击区域(链接等)之间不要隔得太近。要保证网页的导航易于发现,容易操作。

· 过多的多媒体内容会打乱网站排版。图片和视频对网站内容是不错的提升,但是每个页面都添加过多这些元素会导致网站排版杂乱,甚至会引发页面载入出错。

为了保证网站界面对平板电脑友好,下面的事你可以做:

· 用平板电脑访问你目前的网站,看看哪里会导致页面挂起,哪些地方做得好,哪些地方不好以及整体体验感。将这些内容整理做个记录,开展头脑风暴想想如何改进网站的功能更适合平板电脑,同时保留笔记本电脑和台式电脑访问时原有的功能。

· 添加更多的“移动”内容和信息。便携性是平板电脑最大的优点之一。平板电脑用户经常处于移动状态,这就意味着他们倾向于寻找与移动状态相关的内容。你可以将你的联系信息与Google地图进行联系起来。

· 确保你的网站字体在平板电脑上能清楚显示,由于平板电脑的显示屏较小,并且发光强度大,这会使得某些网站内容难以看清楚。通常,笔记本电脑和台式电脑用于室内,并且照明条件也比较固定。再次强调,平板电脑的移动性意味着光线变化频繁,这也在考验移动网站的各方面设计细节。因此,你要对网站的字体样式,颜色以及大小进行更新,适应用户的需求。

通过上述步骤,你可以开始对你的网站进行更新了。

优秀案例介绍

2年之内,苹果的iPad的出现让众多行业发生了翻天覆地的变化。越来越多的人用iPad等平板电脑上网,越来越多的公司使用iPad做记录。下面列举了几家大公司为了使网站对平板电脑友好而做出的变革。

· Amazon.com—2011年,亚马逊发布了专为iPad版设计的Windowshop(译者注:其实是对亚马逊网站的重新排版),整个网站界面也焕然一新。这一举措大大推动了移动行业的发展。PCWorld的编辑Brennon Slattery评价说,“亚马逊网站的全新外观和体验让平板电脑用户激动”。该网站存在大量的空白区域,左边混乱的工具栏消失了,搜索栏能进行放大,方便用户在触摸屏上输入内容,产品图片也是非常易点击的图标构成。

· Utah Government—去年八月,美国犹他州政府更新了政府网站,使得平板电脑与网站交互更容易。

· Nike—Nike的网站则充分吸取了平板电脑界面的优势,也是最能体现对平板电脑友好的例子之一。

随着新的平板电脑趋势越来越成熟。我们看到越来越多的公司开始在原有网站的基础上进行大翻新,确保平板电脑用户能更好地与网站进行交互。

对平板电脑友好的WordPress主题

如果你是使用WordPress建站,你就应该非常熟悉WordPress的主题。WordPress 有许多的可供选择主题,既有免费的,也有付费的。也就是说,从今天起,你不再需要在你的笔记本电脑和平板电脑上安装一大堆WordPress主题来装饰你的网站。如果你正在使用WordPress,又想安装一个适合平板电脑访问的主题,下面的主题你值得拥有:

· Onswipe—三分钟让你的博客在平板电脑浏览器上显示更完美。

· MobilePRO—移动设备专用的精美WordPress主题,不过它在任何电脑显示器上的显示都不错。

· Mobility—这是一款适用于iPad的WordPress主题,用户可以用手指进行滑动,并且可自定义拖曳对相册进行管理。

有用的工具和资源

将网站转换成平板电脑友好的环境宜早不宜迟,动作慢了,你就会和竞争对手形成差距。如果你想利用平板电脑风暴所带来的好处,并且创建一个对平板电脑友好的网站,最后我们为大家送上一些有用的工具和资源。

· Pressly—当在平板电脑浏览器上访问时,它会通过自有的原生应用自动将在线内容渲染成漂亮的平板电脑布局。

· 对每一个期望学习到更多未来如何适应平板电脑电子商务的人来说,我强烈推荐他们去看看Zmags最近发布的电子书《移动和平板电脑电子商务:大家都准备好了吗?》。Todd Anglin如果你希望你的网站界面对平板电脑更友好,学学HTML5是再好不过的事了。 正如Todd Anglin曾说:“事实上,所有现代移动设备的浏览器都应该更广泛地支持由HTML技术创建的诸如视频、定位、线下应用、本地存储以及CSS样式,让他们成为大胆开发开发HTML5的完美目标”。

既然你了解了网站对平板电脑友好的重要性。在接下来的半年时间里,你就应该好好思考一下你应该优先做些什么。至少你该在平板电脑上访问你的网站,看看具体情况以及是否方便导航。(VIA:1stwebdesigner.com 编译:jaysming)

注明:本文由站长之家编辑编译,未经允许不得转载,如需转载请联系pj@chinaz.com。

举报

  • 相关推荐
  • 基于华为云Token服务的稿定AI上线,一站式解决设计难题

    在视觉时代,AI正重塑设计交付方式。9月19日,华为全联接大会期间,中国商业设计品牌“稿定设计”推出基于华为云Token服务的AI设计平台“稿定AI”,实现从创意激发到成品交付的一站式服务。该平台具备灵感采集、创意激发、视觉精修等能力,通过分层内容生成和无限画布功能,让设计更高效可控。依托华为云算力支持,稿定AI大幅提升多模态大模型生成速度,文生图提速2

  • 李想入驻B站:自称每天手机电脑一半时间都在看B站

    理想汽车CEO李想正式入驻B站,并发布了首支视频,回应了看过B站哪些UP主为自己打开了新知识大门、买过哪些车、开口跪的歌是什么等问题。 李想在视频中表示,自己每天用手机和电脑加在一起,有一半的时间都是在看B站。 李想还称路哥会写歌”、食频道”这两位UP主打开了自己新知识世界的大门。其中,饼叔开着我们的理

  • AI赋能互联生态 三星Galaxy平板电脑与耳机新品邂逅京城

    三星于9月4日在北京举办2025 Galaxy秋季新品品鉴会,推出Tab S11系列、Tab S10 Lite和Buds3 FE三款新品。Tab S11系列主打轻薄设计、AI功能及大屏体验,配备新一代S Pen和Dex多任务处理;Tab S10 Lite面向学习场景,搭载S Pen和持久电池;Buds3 FE强化音质与智能互联。新品现已开启预约,9月19日正式发售,用户可通过线上线下渠道购买并享受购机福利。

  • 联想平板电脑服务体验获重大升级,想帮帮智能体现身全面提升用户体验

    联想推出行业首款个人智能设备AI服务智能体“想帮帮”,通过AI主动服务、精准制导和个性自适应三大核心技术,将传统被动客服升级为主动守护。它具备实时感知设备状态、预测潜在问题、自主优化修复等功能,覆盖设备“买、用、养、修、换”全生命周期,提供个性化一站式智能服务体验,让设备管理更省心高效。

  • 男子捡菌子 一抬头黑熊呲牙站面前:村民冒雨救援脱险境

    近日,重庆城口县高楠镇岭楠村发生一起野熊袭人事件。一名近五旬男子与妻子冒雨进山采菌时,在大巴山深处突遇一头黑熊,双方距离极近,场面极度危险。其妻迅速发出求救信号,二十余名村民不顾恶劣天气,携带工具赶赴现场展开救援。经紧张搜寻,救援队伍成功找到被困男子,并安全引导其脱离黑熊威胁区域。专家提醒,进入野生动物栖息地作业务必提高警惕,建议结伴而行,遇猛兽袭击应优先确保人身安全,切勿主动挑衅或反击。当地政府也呼吁村民重视自身安全防护。

  • 当可以“玩”的电子家具成为情绪充电站,情绪经济推动下的产品变革

    当前消费市场正从物质需求转向精神追求,情绪价值成为新关注点。以MORROR+ART为代表的歌词音箱品牌,通过视觉与听觉结合,放大音乐情绪氛围,让产品成为情感载体。其支持自定义壁纸、视频上传等功能,增强个性化互动,使音箱不仅是家居装饰,更是自我表达和社交分享的媒介。产品注重细节与美学,构建“M式生活美学”,满足年轻人对情绪消费的需求,推动消费从功能价值向情感共鸣延伸。

  • B站想用「视频播客」吸引更多优质创作者

    近两个月,「视频播客」作为一种新的内容形态火了起来。不止一个平台入局,不止一个创作者参与。鲁豫与易立竞的对谈,罗永浩与李想、何小鹏的对谈,不仅在B站获得百万播放,切片内容还在全网传播。最近,甚至有人建议罗永浩邀请贾国龙录一期《罗永浩的十字路口》。 但「视频播客」与音频播客的区别是什么、与其他视频内容有何不同、市场空间和商业化前景如何�

  • 锐捷网络与亚信安全战略携手,共筑“一站式安全”云桌面新生态

    锐捷网络与亚信安全近日签署战略合作协议,共同推出“一站式安全”云桌面解决方案。双方将整合各自在云桌面和安全技术领域的优势,为企业用户提供更可靠的数字化办公环境。该合作聚焦终端安全、云安全等关键领域,通过产品深度适配实现无代理杀毒等创新功能,助力企业降低运营成本,提升安全防护能力。未来双方将持续深化合作,共同拓展云桌面安全市场新边界。

  • 如何选择国内电商 ERP 系统?快麦 ERP 提供一站式解决方案

    快麦ERP为国内电商商家提供一站式解决方案,覆盖店铺管理、订单处理、库存控制和进销存核算等核心环节。系统针对不同品类定制管理方案,订单处理高效稳定,财务数据清晰透明。选择快麦ERP如同配备专业军师,助商家在激烈竞争中稳操胜券。

  • 与用户共创好空气!海尔空调全球创新大赛首站走进江南大学

    9月19日,海尔空调全球创新大赛首站活动在江南大学成功举办。海尔团队在校方陪同下参观校园并展开交流,随后在创新论坛与学生面对面互动,为校企协同创新奠定基础。论坛上,海尔分享了“以用户为中心”的产品企划体系及爆款实践案例,如“风洞空调”天樽,通过超67万用户交互整合全球资源,解决空调病等痛点。大赛以“AI无界·冷暖新境”为主题,面向全球征集创新方案,优秀提案可获得奖金、研发支持及实习机会,助力学生职业发展。此次活动强化了海尔与高校的共创机制,为产品创新和大赛推进夯实基础。

今日大家都在搜的词: