你的网站是否已准(zhǔn)备好应对平板(bǎn)电(diàn)脑革命了?除非(fēi)你是末日准(zhǔn)备族的一员,那么(me)在过去几周(zhōu)就应该已(yǐ)经为此做好(hǎo)准备了。ipads刚(gāng)刚投放市(shì)场不久(jiǔ),人们(men)就开始为其疯狂。在(zài)诸多的平板电脑中,ipads只用了几年时间就创造了如(rú)此巨大的平板(bǎn)风潮。这一点是(shì)网站站长需要留心的。在平板(bǎn)电(diàn)脑革(gé)命的席(xí)卷之(zhī)下(xià),许多站长已经重新思考网站(zhàn)的设计和布局。
在过去(qù),创(chuàng)建(jiàn)一个对台(tái)式机和笔记本电脑界(jiè)面友好的网站并不(bú)复杂。而今智能手(shǒu)机的出(chū)现改变了方方面面。许多网站站(zhàn)长(zhǎng)都为此准备了(le)网站的(de)移动版以供手机用户访问。又到了更新网站的时候了,不过这(zhè)次是为(wéi)平板电脑用户(hù)。接下来我们会(huì)为大(dà)家阐述一(yī)个网站的友好(hǎo)界面对(duì)平板电脑重(chóng)要性(xìng),设计此类网站的注意事项,并举例说明一(yī)些公司是如何做到这点的,最后为大家提供一些有用的(de)工(gōng)具和(hé)资源。
友好的网站(zhàn)界面对平板(bǎn)电脑(nǎo)的(de)重要性(xìng)
国际(jì)数据集团(IDC)预计2015年,移动设备会取代个(gè)人(rén)电脑的(de)霸主地位,成为接入网络的首选(xuǎn)设(shè)备。随着2015年的日益临(lín)近,这一估计也在逐步(bù)实现。无论现在还是以后,这样的趋势处(chù)于(yú)上(shàng)升态势。你有多少次用智能(néng)手机访问网站时只意识到了它的设计繁重,而没意识到网(wǎng)站导航(háng)不方便?你在(zài)网站呆得时(shí)间有多长?你(nǐ)再次(cì)访(fǎng)问的频率多高?同样的道理,现在再想(xiǎng)想,如果平板电脑(nǎo)用(yòng)户访问你的网(wǎng)站时发现你的(de)界面对平板(bǎn)电脑并不友好,他们会怎么做(zuò)?随着(zhe)更多的消费者用平板电脑上网,当(dāng)务之(zhī)急(jí)就是尽快(kuài)更新你的网站(zhàn)。
创建(jiàn)对平板电脑友好的网站的注意事项
既然你意识(shí)到(dào)建立一个对平板(bǎn)电脑(nǎo)友好的(de)网站的迫(pò)切性,你就要了(le)解其中的(de)注意事(shì)项。我们(men)先(xiān)从设计中不能(néng)做的部分说起。
如果你(nǐ)的网站中包含了下(xià)列内容,那么(me)你(nǐ)的网站还(hái)为此做好准备(bèi):
· 不要在(zài)你的网站中添(tiān)加Flash,这样(yàng)会导致网站异(yì)常。
· 两(liǎng)个点击区域(链(liàn)接等)之间不要隔得太近。要保证网页的导航易于发(fā)现,容易操(cāo)作(zuò)。
· 过多的多媒(méi)体内(nèi)容会打乱网站排(pái)版(bǎn)。图片和视频对网站内容是不错的提升,但是每个页面都添加过多这些(xiē)元(yuán)素(sù)会(huì)导致(zhì)网站排版杂乱,甚(shèn)至会引发页面载入出错。
为了保(bǎo)证网站界面对平板(bǎn)电脑(nǎo)友好,下面的事你可以做:
· 用平板电脑访问你目前的网站,看看哪里会导致页(yè)面挂起,哪(nǎ)些地方做得好(hǎo),哪些地方(fāng)不好以及整(zhěng)体体验(yàn)感。将这些内容整(zhěng)理做个(gè)记录,开展头脑风(fēng)暴想想如何(hé)改进网站的功能(néng)更(gèng)适(shì)合(hé)平(píng)板电脑,同时保(bǎo)留笔(bǐ)记(jì)本电脑和台式电脑访问时原有的功能。
· 添加更多的“移动”内容和信息。便(biàn)携(xié)性是平板电(diàn)脑最大的优点之一。平板电脑用户经常处于移动状态,这就意味着(zhe)他们倾向于寻找与移动状态相关的内(nèi)容。你可以将(jiāng)你的联(lián)系信息与(yǔ)Google地图进行联系起(qǐ)来。
· 确保你的网(wǎng)站字(zì)体在平板电脑上(shàng)能清楚显示,由于平(píng)板(bǎn)电脑的显示屏较小,并且发光强度大,这会(huì)使(shǐ)得某些网站内(nèi)容难以看清楚。通常,笔记本电脑和(hé)台式电脑(nǎo)用于(yú)室(shì)内,并且(qiě)照明(míng)条(tiáo)件也比较(jiào)固定。再次强调,平板电脑的移动性(xìng)意(yì)味着光线变化频繁,这也在考验移动网站的各方面(miàn)设计细节。因此(cǐ),你要对网站的(de)字体(tǐ)样式,颜色以及大小进(jìn)行更(gèng)新(xīn),适应用户的需求(qiú)。
通(tōng)过上述步(bù)骤(zhòu),你可以开始对你的网站进行更新(xīn)了。
优(yōu)秀案例介绍
2年之内,苹果的ipads的出(chū)现让众多行业发生了翻(fān)天覆地的变化(huà)。越来越(yuè)多的人(rén)用(yòng)ipads等平板电脑上网,越(yuè)来越多的公司使用ipads做(zuò)记录(lù)。下面列举了几家大公(gōng)司为了使网站对平板电脑友好而做(zuò)出(chū)的变革。
· Amazon.com—2011年,亚马逊发布了专为ipads版(bǎn)设计的Windowshop(译者(zhě)注(zhù):其(qí)实是对(duì)亚马逊(xùn)网站的(de)重新排版),整个网站界面也(yě)焕(huàn)然(rán)一新(xīn)。这一举措大大推动了(le)移动行业的(de)发展。PCWorld的编辑Brennon Slattery评价说,“亚马逊网站的全(quán)新外观和体验让(ràng)平板电脑用(yòng)户激(jī)动”。该网站存在大量的空白区域,左边混乱的(de)工(gōng)具栏(lán)消失(shī)了,搜索(suǒ)栏能(néng)进行放(fàng)大,方便用户在触摸屏上输入内容,产品图片也是(shì)非常易点击(jī)的图标构成。
· Utah Government—去年八月(yuè),美国犹他州政(zhèng)府更(gèng)新了(le)政府(fǔ)网站,使得平板电脑(nǎo)与网站交互更容易。
· Nike—Nike的(de)网(wǎng)站则(zé)充分吸取了平板电脑界面的优势,也是最(zuì)能体现对(duì)平板(bǎn)电脑友好的例子之一。
随着(zhe)新(xīn)的平(píng)板(bǎn)电脑趋(qū)势(shì)越来越成熟。我们看到(dào)越来越多的公司开始(shǐ)在原(yuán)有网(wǎng)站的(de)基础上进行大翻(fān)新,确保平板电脑用户能更好地与网站进行交互。
对平板电脑友(yǒu)好的WordPress主题
如果(guǒ)你是使用WordPress建(jiàn)站,你就应该非(fēi)常熟悉(xī)WordPress的主题。WordPress 有(yǒu)许多的可(kě)供选择主题,既有免费的,也有付费(fèi)的(de)。也就是说,从今天起,你不再(zài)需要在(zài)你的(de)笔记本电脑和平板电脑(nǎo)上安装一大堆WordPress主题来装饰你的(de)网站(zhàn)。如(rú)果你正在使(shǐ)用WordPress,又想安装一个适合平板电脑访问的主题,下面的主题你值得拥有:
·Onswipe—三分钟让你(nǐ)的(de)博客(kè)在平板电脑(nǎo)浏览器上显示(shì)更(gèng)完(wán)美。
·mobilesPRO—移(yí)动设备专用的精美WordPress主题,不过(guò)它在任何电脑显示器上的显示都不错。
·Mobility—这是一款(kuǎn)适用于(yú)ipads的WordPress主题,用户(hù)可以用手指进(jìn)行滑动(dòng),并且可自定义拖曳对相册进行管理。
有用的工具和资源
将网站(zhàn)转换(huàn)成平板(bǎn)电脑友(yǒu)好的环境宜早不宜迟,动(dòng)作慢了,你就会和竞争对手(shǒu)形成差(chà)距。如果你想利用平(píng)板电脑风暴所带(dài)来的好处,并且创建一个对平板电脑(nǎo)友好的网站(zhàn),最后我们(men)为大家送上一些有用的(de)工具和资源。
·Pressly—当在(zài)平板电(diàn)脑(nǎo)浏(liú)览器上访问时,它会通过自(zì)有的原(yuán)生应用自(zì)动将在(zài)线内容(róng)渲染成漂(piāo)亮的平板电脑布局。
· 对每一个期望学习到更(gèng)多未来如何适应平板(bǎn)电脑电(diàn)子商务的人来说,我强烈推荐他(tā)们去(qù)看看Zmags最近发(fā)布的电子书《移动和平板电脑电子(zǐ)商务:大家都准备好了(le)吗?》。Todd Anglin如果你(nǐ)希望(wàng)你的网(wǎng)站界面对平板电脑更友好,学学HTML5是(shì)再好不过(guò)的事了。 正如Todd Anglin曾(céng)说:“事实上,所有现代移(yí)动设(shè)备的浏览器(qì)都(dōu)应该更广泛(fàn)地支(zhī)持由HTML技术创建的(de)诸如视频、定位、线下(xià)应用、本地存(cún)储以及CSS样式,让(ràng)他们(men)成为大胆开(kāi)发开(kāi)发HTML5的完美(měi)目标”。
既然你了解了网站对(duì)平板电脑友好的(de)重要性。在(zài)接下来的半年时间里,你就应该好好(hǎo)思考一下你应该优先做些什(shí)么。至少你该在平板(bǎn)电脑上访问你的网(wǎng)站,看看具(jù)体情况(kuàng)以(yǐ)及是否(fǒu)方(fāng)便导航。
蚌埠文由蚌埠开云和华迅网络(http://www.kj.najiang.ww38.viennacitytours.com)转自网页设计师联(lián)盟
|