Web2.0电子商务网站的交互设计

作者:Alite Yu 来源:aliued.cn 时间:2009-05-15 12:08:00 

嘀咕嘀咕:

每次写文章往往开头是最难的,总想给UED读者不同的sense。就像我们设计产品总是想迎合我们的用户,最后觉得好似跟在用户后面狂奔的傻子。我们希望通过教育我们的用户来尝试一些新鲜的玩应,用户是否买单就很难说了。从一个极端走向另一个极端,显然是不科学的。用户的需求一定要听,但要有鉴别的听。好的设计用户总愿意为它买单,差的设计用户会让我们为他买单。

类目选择:

这里我先从电子商务网站中比较重要的类目选择谈起,什么样的设计用户才会愿意掏出钱包支付设计账单?

eBay.com

EBAY的LIST搜索结果页面类目选择如图所示。

从EBAY的设计的样式看,国外用户更喜欢把类目选择放在最左边的位置,并且在LIST页面类目选择还是可以折叠的。根据最新YAHOO报告显示:可能用户点击左侧的比上面的要少,但是他们觉得这样促使了更多对Results和翻页的点击,并且没有对广告产生影响。也不需要用户在看结果前需要滚动……
针对以上的特点我设计了搜索结果后LIST页面一个隐性广告的方式,在为用户提供导航功能的同时,还为用户有针对性的提供一些推荐热卖商品信息。如图所示。

当用户在首页搜索框中输入MP3时,点击搜索按钮进入LIST搜索结果页面,将看到左边为MP3相关类目选择,右边为搜索OFFER结果页面.
上图给出了类目的几种状态(鼠标经过,鼠标移开,鼠标点击后),让用户可以轻松的选择自己需要的产品类目。同时,为用户提供关联度高的隐性提示产品信息,可以提高用户使用类目的黏度。当顾客在超市选择购买的物品时,他们会根据卖场放置产品的位置去寻找自己需要的产品.所以越简单的提示类目选择会对用户寻找产品越方便.由此,制定出一套类目选择规则的方案:

  1. 白色方框代表未被选中类目;

  2. 蓝色方框代表已被选中类目;

  3. 白色方框内含对号代表鼠标经过未必选中类目,鼠标点击后将变成蓝色方框已选状态,其他如有被选中状态将被取消;

  4. 蓝色方框内含叉号代表鼠标经过已被选中类目,鼠标点击后将变成白色方框弃选状态,页面刷新恢复到未被选中初始状态.

标签:电子商务,web2.0,交互设计
0
投稿

猜你喜欢

  • SQL Server数据库占用过多内存的解决方法

    2009-10-23 14:02:00
  • Oracle存储过程之数据库中获取数据实例

    2009-03-04 10:57:00
  • 再谈“字符串拼接”的效率

    2009-04-30 12:48:00
  • 优化Oracle库表设计的若干方法

    2010-07-16 13:24:00
  • 分享css处理浏览器兼容问题上的小技巧

    2008-02-03 14:41:00
  • 详解MySQL数据类型之数字类型正确使用

    2010-06-20 15:02:00
  • FCKeditor技巧之在按钮旁边加文字

    2007-10-10 13:17:00
  • 如何利用SQL Server 2005中的模板参数

    2009-01-23 15:02:00
  • 优化你的ASP程序及优化网页

    2007-10-06 23:02:00
  • 仿淘宝网站的导航标签效果!

    2008-11-05 12:37:00
  • DNS优化的原理和方法

    2012-04-26 16:43:56
  • 可以输入的下拉菜单

    2009-01-04 14:21:00
  • SQL根据时间范围条件查询数据

    2009-01-18 13:32:00
  • Sql语句优化注意

    2009-10-31 13:15:00
  • SQL Server应用程序的高级Sql注入

    2009-04-11 16:54:00
  • Oracle 启动例程 STARTUP参数说明

    2009-07-07 10:26:00
  • 扫盲大讲堂:SQL查询结果集对注入的影响及利用

    2009-09-05 09:49:00
  • 使用 TRUNCATE TABLE 删除所有行

    2008-04-24 19:20:00
  • 根据时段自动切换你的站点CSS皮肤风格

    2007-09-20 18:08:00
  • jQuery方法扩展:type, toJSON, evalJSON

    2009-02-15 12:42:00
  • asp之家 网络编程 m.aspxhome.com