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