电商网站如何正确进行屏幕适配设计

标签: 互联网 屏幕自适应 移动web 网站设计 | 发表时间:2013-09-04 02:49 | 作者:李辉
出处:http://www.ctocio.com

mashable-responsive-design

随着智能手机和平板电脑取代PC成为人们的主流上网设备,屏幕适配设计,或者说屏幕响应式设计(responsive design)已经成为新闻和电商网站的热门趋势之一,IDC公布的移动开发者调查显示: 开发者在选择移动平台时,首次将平板电脑放到与智能手机同等重要的地位

屏幕适配设计的本质是移动web网站,相比原生移动应用具有跨平台、跨终端、无需安装应用、快速部署等优点。(编者按:但很多情况下,开发者应当意识到:HTML5的开发难度和成本会比原生应用还要高,参考阅读: Xero,我们放弃HTML5的原因

但是关于如何进行屏幕适配设计,以及屏幕适配设计的关键步骤、关键规则和关键元素等话题则是众说风云。最近WhoisHostingThis.com对屏幕适配进行了结构,并制作了如下的信息图:

其中的关键信息包括:

屏幕适配设计在开发阶段有三大技术元素:流动卡片(按照比例与屏幕尺寸排列匹配)、伸缩图片(图片有多个尺寸与不同元素框匹配)和终端匹配(根据浏览器显示尺寸匹配对应的CSS规则)

电商网站屏幕适配设计实现最佳用户体验的五大关键设计要素:

1.主栏头(醒目的同时尽量窄些,将注意力留给核心内容,突出搜索框)

2.相册(让产品图片成为视觉焦点,尝试轻量级脚本Swipe.js创建可以滑动的图片栏,这对智能手机和平板电脑用户来说滑动操作会产生更加友好的操作体验)

3.产品描述(产品简介、评星、评论、社交分享按钮、购物车等按钮)

4.附属信息(相关产品、产品评论、)

5.页尾(回到顶部按钮)

屏幕响应式设计-design

相关 [电商 网站 正确] 推荐:

电商网站如何正确进行屏幕适配设计

- - IT经理网
随着智能手机和平板电脑取代PC成为人们的主流上网设备,屏幕适配设计,或者说屏幕响应式设计(responsive design)已经成为新闻和电商网站的热门趋势之一,IDC公布的移动开发者调查显示: 开发者在选择移动平台时,首次将平板电脑放到与智能手机同等重要的地位. 屏幕适配设计的本质是移动web网站,相比原生移动应用具有跨平台、跨终端、无需安装应用、快速部署等优点.

电商网站的购买按钮

- Fay - 所有文章 - UCD大社区
一般上电子商务网站买东西的用户分三种:. 这样的需求反应到产品页的购买按钮上,我们一般会看到购买和收藏两个按钮,而购买又可以分为立即购买和加入购物车两种. 对于第一种用户来说,你按钮做的再大再合理也不关他的事,因为他压根就不想买. 对于第二种用户来说,购物车按钮或是收藏按钮对他来说是优先选择的按钮,因为他过一段时间才买.

主流电商网站视觉分析

- - 优设(UISDC)
最近在收集国外电商网站的视觉设计,看到很多极具前瞻性的网页设计,框架结构、内容排版、色彩搭配、图片运用上达到了非常和谐的统一. 下面总结出的几点,供大家参考和探讨:. 非常大胆的留白,给内容足够的呼吸空间. 各个页面的图文间距都控制得非常好,页面整体感觉更通透,衬托出信息内容. 这种留白,给用户思考和想象的空间,在引 导用户视觉和创造流畅的视觉感受方面却是至关重要的.

电商网站社交关系探索

- - 腾讯ISUX - 社交用户体验设计 - Better Experience Through Design
越来越多的电商网站努力在社交关系上寻求突破点,淘宝天猫一直在优化类似千人千面的用户体验,国外一些比较有趣的网站比如Svpply则是在feed推送上不断深入. 那么,在电商中融入社交关系有神马意义. 如何去巧妙的发动“群众的力量”,从商家对用户,发展到用户与用户之间的商品推送关系. 我们自从接触爱逛这个项目以来,思考了蛮多,咱就借着这篇博文来看看通过爱逛而收集到的数据,聊聊以后爱逛可能有些什么变化.

电商网站商品评价模块设计

- Fay - 所有文章 - UCD大社区
对于消费者而言,要买一样商品,或多或少都会受到他人的影响,各种各样的信息聚合在消费者的脑中,它们共同影响了一单交易的发生. 这其中很重要的一类信息就是别人的商品评价. 商品评价是很常见的电商网站的功能模块. 让我们来看看商品评价都有什么样的信息结构. 商品评价大致分两类,一类是商品评分,现在一般是五颗星的打分标准,另一类是商品评论,主要由消费者的评论组成.

电商网站的宕机案例分析

- - InfoQ cn
性能调优社区dynatrace在其 博客中分享了客户案例,电商网站在假日客流峰值期间数次崩溃,经过SQL优化和调整负载均衡算法解决了相关问题,值得读者借鉴. 按照博文的描述,该电子商务网站在圣诞节期间崩溃了七次,每次宕机的时间都超过5个小时. 这种情况让企业损失了大量的收入和名誉. 我们的一个客户就曾经遭遇到这种情况,我们在此分享下他们的经历.

解析电商网站优化过程的常见问题

- - CSDN博客互联网推荐文章
电子商务平台的发展跟随着互联网的脚步日益增强着,网络营销代替着各大企业的传统营销方式,在网络营销手段中搜索引擎优化成为电商网站的核心,电商网站是否具备营销的基础,要网站在seo优化方法是否完善,笔者给大家分享几个电商网站优化过程中常见的几个问题,希望能帮大家更好的去运营.   电商网站不同于其他营销型网站,产品页面并是网站的核心内容,产品页面能更好的被收录,可能给网站带来的流量是越多的.

垂直门户网站和电商的SEO思路

- - i黑马
一些大型网站内部SEO团队做的方案有上百页,根本无法执行. 为什么会出现这种情况呢?因为大型网站的关键词、栏目和内容太多,而SEO的优化点又比较琐碎,所以整出来的方案就繁琐的无法下手. 那怎么更高效的做SEO呢,i黑马看到这篇文章,希望能对纠结SEO的人有所用处. 王通接手大型网站的SEO咨询之后,并不直接上来就是整SEO的细节,而是站到网站策划与运营的角度来理清整体的思路,然后用一套系统化的SEO策略,把方案变成几页纸,也就是把复杂的SEO事情变的简单化,很快就可以快速的执行,网站团队执行力越狠,效果就越好!.

全球B2C电商网站创新模式研究

- - 互联网分析
过去的一年,国外的电商网站好过得多,尤其是在模式上有所创新的企业:. 大体上,不管是国内电商企业,还是国外电商公司,都有值得借鉴之处. 为此,我们总结了目前国外B2C电商网站创新模式及相关案例,以飨读者. (以团购为代表的每日特价模式在国内面临较大挑战,故不作为本报告研究对象). 简介:类似于报纸杂志的订阅,此类网站采用会员制度,用户在预先支付一定的费用后,可按月获得精美礼盒,里面装的是网站工作人员为用户精挑细选的商品.

浅谈电商网站客服的利与弊

- - 人人都是产品经理
现在的 电子商务,甭管是淘宝、京东还是其他神马店啊、站啊,几乎都少不了一个模块. 基本上现在很多人也形成了一个认知,就是想做 电子商务就必须要有 客服,那今天就说说 客服的那点事. 先声明,不是说客服的趣事也不是说客服怎么着啦之类的,而是就单纯的讨论一下客服这种东西(是说这种行为而非客服从业人员)在 电子商务领域中存在的利与弊.