信息公开

移动互联网时代,响应式网页设计成潮流趋势,适配不同设备

2015年属于移动互联网爆发的起始年份,手机网民数量先于PC网民迎来第一次超越,要是你的网站在小屏幕情形下无法自行适配,那么所灭失的不光是流量,甚至还是具有实际价值的商业契机。

响应式设计不是选择题而是生存题

之前,CNNIC的数据已然释放出清晰信号,有一点清清楚楚,那就是在5.64亿网民之中,占据74.5%比例的网民是通过手机进行上网行为的,并且人均每周上网时长为20.5小时。这所蕴含的意义是,在每四个访客里能够发现,其中有三个访客存在着这样一种可能性,即他们会借助手机去点开你们的网站。要是页面呈现的依旧是传统的电脑版样式,那么文字就会挤在一起,图片会撑破屏幕,到头来用户划拉两下却弄不明白状况,便会直接将其关掉。在2015年的时候,用户的耐心是极其差的,根本没谁愿意在一个企业网站上进行放大缩小这般折腾。

淘宝与京东于2014年年底之际,就已然开展全面的移动端适配推行工作,那些反应较为迟缓的传统企业网站,因此遭受了极大损失。我曾遇见一位从事机械配件经营的老板,其网站在电脑端的排名颇为靠前,然而当在移动端打开时,产品列表仅有左边的一半得以显示,右边全然呈现空白状态,致使用户根本无法查看参数,在三个月的时间内,流失了四十多个潜在的询盘。这并非是技术层面的问题,而是认知方面的问题。

回归自然的设计逻辑最抓人

要说回归自然,并非是叫你于页面之上绘制山水画,而是要使操作逻辑契合人类本能,像按钮放置于右手拇指自然覆盖的区域,滑动切换图片需与翻书方向保持一致,下拉刷新仿佛拉 drawer 那样呈现有阻力反馈,微信朋友圈的下拉拍照设计便是显著实例,其模仿了现实生活里“提起相机”的动作,用户无需教学便会运用。

2015年间兴起的超级App之中有陌陌以及快手,其设计团队针对用户于厕所、地铁、被窝里的使用习惯作过专门研究,你能够发觉这些应用的夜间模式、单手操作区域,甚至按钮大小均经过了精密计算。UI设计并非是在画布之上涂抹颜色,而是在模拟现实世界的交互惯性,用户耗费的脑力越少,便越心甘情愿地停留在你的页面上面。

色彩减法比加法更难也更有效

2015年左右的时候,网站尤为喜爱运用渐变色以及多种高饱和度色彩,认为如此才够炫酷,才够有互联网的感觉,然而数据却给了打击:某电商平台通过A/B测试发觉,首页主色调从三种缩减为两种之后,用户停留时长增长了22%,跳出率降低了7%。当色彩越是繁杂,用户大脑处理信息的负担便越重,他们要更快地找寻到“购买”以及“关闭”按钮,而非去欣赏你的配色方案。

有些设计师并非真正聪慧,他们不学苹果与谷歌的Material Design,采用白色和灰色做背景时,并非只用一种品牌色做点缀。就像当时热度颇高的小红书网页版,并非大面积留白,图片本身并非色彩主体,用户打开页面第一眼看到的不是内容而是花里胡哨的边框。情绪引导工具并非个人才华展示台,色彩是如此,可很多设计师直至如今都没转过这个弯来。

适合比创新更能留住用户

UI设计师存在这样一个普遍毛病,那就是总认为倘若不运用一些新奇的元素,便无法彰显出自身的水平。然而,在2015年时用户已然历经了长达七八年的互联网洗礼,而他们对于陌生的操作方式天然地存在抵触情绪。比如说,有一个从事在线教育的网站,硬是要将翻页设计成3D翻转效果,结果是大量用户进行投诉,表示找不到下一页,最终无奈之下只得改回普通的左右箭头样式。创新的前提条件是用户能够毫无障碍地接受,不然的话那便是自我陶醉了。

合适的参照准则挺简易:你所面对的用户是哪些人,那就依照他们的习惯去做。从事母婴网站业务的,按钮得大,字体也要大,缘由在于用户群体或许是正在哺乳的年轻妈妈,她们单手操作不太便利。从事科技媒体工作的,信息密度得高,分类得清晰,根源是用户皆是来求取快速讯息的。设计并非是艺术家作画,是为用户去解决难题,谁把这个难题琢磨透彻了,谁就能在移动互联网时期站稳脚跟。

发现的眼睛比技术堆砌更值钱

真实的灵感并非存在于Dribbble以及Behance的案例库当中,而是存在于真实的生活场合里。在2015年的时候,我对一个从事旅游网站设计工作的人员进行了采访,他获取设计灵感的源头是医院的导诊台。他察觉到病人们在查看导诊牌之际,仅仅会将目光聚焦于自己所要找寻的科室,其余的信息则会被他们自动忽视掉,所以他把旅游页面里边的目的地推荐制作成了这种“聚焦式”的展示形式,当用户点击进入之后所看到的仅仅是相关的攻略内容,其他地区均处于虚化状态,其转化率提高了30%。

你每天于地铁之上,目睹众人玩手机之状、情形如何,于餐厅之内,留意食客扫码点餐之举,并留意其方式怎样,这般种种细节,皆为UI设计之起始素材。举例而言,诸多之人惯以拇指尖点触屏幕,如此一来,关键按钮理应设计于屏幕之下半部分区域。当处于上厕所之际,手机易于滑落,此情况下,是否能够思索增添防误触之区域构造?以上种种,并非属于技术范畴之问题,而是关乎观察力方面之问题。于移动互联网时代背景之下,并不存在全新如同广袤大陆般的领域,仅有全新之观察视角而已。

搜索引擎已经用排名逼你转型

2015年,百度站长平台多次发出文章,着重强调移动友好度将会成为排名的因素,谷歌在算法更新当中,也明确地提出对响应式网站有所倾斜。这表明同样的内容,倘若你的网站移动端适配做得不错,那么在搜索结果页就能排列在竞争对手的前面所处位置领先。当时存在一个从事本地服务的公司,由于进行了响应式改造,移动端流量在三个月的时间里增长了80%,而成本仅仅是重新制作了一套CSS样式表。

搜索引擎的逻辑是挺简单的,用户搜出的网站要是打不开,或者体验不好,那就会去换别的搜索引擎,所以它们得优先去推荐对移动端友好的页面,这跟技术情怀没关联,纯粹就是流量分配的规则发生了变化,2015年要是还不跟进响应式设计,那就等于在百度谷歌的搜索结果页里主动往后面站,把客户拱手送给对手。

用手机打开你当前的网站,是否得缩放才可看清内容呢,若答案为肯定,那因此错过的潜在客户数量是多少呢,在评论区讲讲你的真实体验如何。