2013年7月31日星期三

响应式设计逐渐成为趋势


现今,无论是移动设备还是平板电脑亦或是PC屏幕,屏幕大小各不相同,若是针对每个屏幕大小单独设计一个解决方案,则会大幅增加网站建设的复杂程度和运营成本。响应式Web设计的概念就是可以让网页根据用户的使用环境进行自动调整,有效的改善用户体验。

什么是响应式设计?

响应式设计的概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出,其目标是要让设计的网站能够响应用户的行为,根据不同终端设备自动调整尺寸。通俗地讲,响应式设计是指可以自适应屏幕宽度、并做出相应调整的网页设计。一个网站能够兼容多个终端(iphone、ipad、android),而不是为每个终端做一个特定的版本,这样就可以不必为不断到来的新设备做专门的网站版本设计了。

响应式设计的基本原理

网页的宽度使用百分比制以及利用CSS3 Media Queries语句事先设定各种分辨率下的页面布局。相当于对同一个网页,设计师要进行好几份设计(例如宽屏下的三栏设计、普通屏幕下的两栏设计以及移动设备上的单栏设计等)。但现在似乎还没有一个比较统一的CSS框架或设计模式来减少CSS设计师的工作量。

响应式设计的用户体验

一个网站若是没有良好的用户体验,即便有诱人的内容也无法很好的吸引用户。响应式设计虽然可以合理的呈现给我们想要的内容,但并不是将整个网页完美的缩放给我们。由于移动设备屏幕大小的限制,在其上进行显示的内容一般是经过精心筛选的。过多的内容会使页面看起来杂乱不堪,用户也很难找到自己想要的东西,根据WDOPS的经验,比较好的做法是留下少部分最重要的内容直接进行展示,其余的部分可以先隐藏起来,用户点击时再展开。这样信息都保留在了页面上,但是不会一次性的全都推到用户面前,用户可以按需索取想要了解的内容。对于移动设备流量上的考虑,可以设计成AJAX模式,而不是预先加载所有的页面数据,这样可以节省一部分的流量。

响应式设计对于SEO的影响

相对传统的网页设计来说,响应式设计对搜索引擎更加友好。Google的官方建议也是优先采用响应式设计。https://developers.google.com/webmasters/smartphone-sites/

响应式设计正成为通行的趋势

越来越多的公司开始采用响应式设计,今年微软也开始重新设计自己的网站。

WDOPS为您建设的网站采用响应式设计

我们依据"一次设计,普遍适用"的原则,让您的网站能自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout),能同时适应个人电脑,平板电脑,手机等各种的平台,提供优秀的用户体验。

2013年7月4日星期四

从电子商务网站设计理念谈易用性原则



对于竞争日益激烈的电子商务网站而言,如何让用户尽可能快而简单的完成购买,用户体验的设计尤为重要,有时候,网站设计理念中一些小小的改进可能带来巨大的改变。本文阐述了在电子商务网站设计理念中,用于改善用户体验的部分易用性原则:
用户无需注册直接购买
很多公司喜欢让用户注册,但注册过程实在冗长,尤其对那些临时光顾的用户,强迫注册会将他们吓跑。让用户直接往购物车里添加货物,在结算前,另外提供一个注册选项以方便他们的下一次购买是一个很有效的方法,在任何时候都要明白,实现销售比收集一堆电子邮件地址更有价值。
注册要简单
你希望注册用户给你提供多少信息?也许是越多越好,然而实际上,你用不了那么多,你真正需要的也许只是简单的联系方式和一个密码。尽可能使用邮件地址作为用户名,因为用户名容易混淆,而邮件地址是唯一的,更容易记忆。
告诉用户他们所处的步骤
面包屑导航条是任何大型电子商务站点的必需,用户需要随时知道他们目前所处的步骤,以及后面余下的步骤,否则,用户会觉得茫然,甚至半途放弃。另外,面包屑导航条还可以帮助用户自由后退,返回,以便在需要的时候对前面的操作进行修改,如果面包屑导航条不容易实现,那你至少对每一步操作进行编号标识,如,第一步/共四步。
让用户有安全感
用户对安全非常在意,尤其当他们需要输入信用卡号的时候,在用户购买的任一步骤,你都需要让他们有安全感,并且让他们知道你会保护他们的安全与隐私,最好的办法是在网站上部署 SSL。
避免隐匿费用
隐匿费用比任何东西都让客户愤怒,一定将价格,税,快递费用,以及可能有的优惠明明白白地显示给用户,而且越早越好,人们喜欢在添加货品到购物篮之前就知道它们需要多少钱。如果在结算之前发现多出来很多额外费用,他们会放弃订单且不会再来。
订单确认
确认页对一个电子商务网站的易用性来讲非常必要,不仅可以让用户对前面操作的内容进行确认,也避免了用户因不确定而不断向你查询。
一个有效的确认操作包含以下三个部分:
订单处理的最后一步,让用户进行确认,确认页应该包含所有必要的信息,订单概要,总价格,发货信息,以及订单取消按钮。订单一旦确认,用户会看到订单确认信息以及订单号,这些信息可以保存和打印。同时应该使用电子邮件将订单确认信息发给用户留档。
列出相关产品
如果处理得当,列出相关产品可以带来交叉销售,比如,用户购买电子产品的时候,可以列出与该产品相关的电池,线缆等配件,实践证明该方法十分有效。
搜索功能
任何电子商务网站需要一个随时可见的搜索框,用户可以对结果进行筛选,搜索功能可以让用户更好地查找商品,提供更愉快的体验。如果你的商品种类繁多,搜索应该支持按类别筛选。允许用户按颜色,尺码进行搜索也不失一个好方法,另外,也可以让用户定制自己的搜索结果,如每页显示多少条结果。
行动按钮清晰,随处可见
购物车应当随时可见,应当浮显在右上方。这样用户不必滚动页面去浏览里面的货品和总价。为了更好地体现易用性,应当允许用户在任何时候都可以修改,添加或移除货品。"结算按钮"应当直接放在购物车内,方便快速访问。
不要低估了那些行动按钮的力量,"添加到购物篮","注册","结算"一类的按钮可以提高你的成交率和易用性。要想让这些按钮吸引人,需要在字体,颜色,措辞,位置等方面仔细揣度,按钮应该足够大,清晰,色彩应该同背景形成对比。在措辞方面,应该使用"添加到购物篮",而不是"立即购买",后者会吓跑某些用户。应该考虑使用本地化语言,比如,美国用户更习惯"添加到购物车",而英国用户习惯"添加到购物篮"。如果可能,可以使用 IP 区分客户的来源以便针对不同地区的用户,提供不同的本地化语言。
最后,准确的满足用户
对于电子商务网站而言,网站设计理念的精髓同样具有普适价值,在简单中展现优雅,准确的满足用户。意味着改善用户体验的关键,正是要尽可能的降低用户的理解成本和记忆负担,避免无用的信息、花哨的背景干扰到用户的判断:
  • 尽可能减少用户的输入
  • 简洁表达必要信息
  • 避免不必要的交互
  • 有策略地向用户提请求