以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://blog.rexsong.com/?p=14351

网购收货地址reDesign

作者:千鸟  |   发布: (编辑)kent.zhu   |   时间:2011-12-05 21:25:17 文字大小:- +

评估电商网站实力是支撑平台,每天能处理和管理多少订单。对用户操作来说,电商网站前台最核心的是购买流程,也就是基本的“购物车——下单——支付”三个环节,其中“收货地址”是比较核心的一块。以前电商网站用的不多,最近做调研把业内网站过了一遍,发现不少可改进的空间。

“地区、详细地址、邮政编码”字段分离
普遍网站做法都是如此,但我认为对用户来说这三个元数据关系很近,其实就是“地址”的意思。仔细推敲其组织逻辑,“收货人、地址、联系电话”是并列关系,且“邮政编码”与“收货人”并列也并不合理,如此直观传达给用户的逻辑也更清楚。

“手机号码、座机号码”字段并存
绝大多数网站都用了两个字段,再啰里八嗦的告诉用户“手机和电话至少填写一项”,但我认为用户只需要填一个“联系电话”的地方就够了。且选择填写“手机号码”与“座机号码”完全是两类用户,同时填写的用户少之又少。退一步,以填写两个号码为提高接通率为目地,也应该是能让用户填写两个号码,而非必须一个“手机号码”和一个“座机号码”。

“详细地址”控件用法有误
这是很纯粹的界面可访问性设计问题,input与textarea的用法不同,textarea用于“较长的文本信息”。用户地址长短不一,其元数据的属性是“一段”文本信息而非“一个”,经常看到用户地址过长而必须在input内移动光标检查。几乎没有网站正确,最后发现淘宝是对的。

“北京,北京市,朝阳区”的问题
几乎所有网站地域选择都是固定三级结构,这样会造成只有两级选择的“直辖市”出现如标题的问题,显然不是用户日常的习惯。目前看到的最优方案是1号店,默认只出现“省市”级别,如果用户选择直辖市则只出现两级。(京东直辖市第三级是根据自己物流配送范围定制)

表单规格与内容长短不符
同样也是常见表单“可访问性”问题,有设计师会提出表单规格一致看起来比较规整的观点。“姓名、地址、邮政编码、电话号码”几个字段不可能长短一致,应该设计恰当的规格比例,既可以更好展示,也能暗示给用户提升可用性。

海外用户习惯不符合
老外的姓名、地址写法与中文均不同,直接翻译过来不可取。苹果网站的案例,在内容组织角度是合理的,基本是我想要的效果,但与中文用户习惯完全不符。

reDesign

综合基本规避了以上问题,默认只显示地域选择第一级,选中末级之后出现邮政编码提示。目前小米网下单是类似思路设计,将来会根据数据一步步调整。如下是HTML原型截图:

更多
打印  |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买