网络编程
位置：首页>> 网络编程>> 网页设计>> Web2.0电子商务网站的交互设计

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

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

标签：电子商务,web2.0,交互设计

嘀咕嘀咕：

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

类目选择：

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

eBay.com

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

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

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

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

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

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

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

1
2 3 下一页
0
投稿

猜你喜欢

  • 1.视图的概述 视图其实就是一条查询sql语句，用于显示一个或多个表或其他视图中的相关数据。视图将一个查询的结果作为一个表来使用，因此视图可
  • 惊现！表面下的隐藏信息——浅谈信息可视化1910年，病卧床上的魏格那（德国气象学家，以“大陆漂移学说”闻名），无意地注视着墙上的世界地图……
  • ASP是目前一种广为应用的用来快速构建动态WEB站点的编程语言，默认的内置开发语言是VBScript，由于ASP和微软Windows系列操作
  • 记得有一期ucdchina书友会里面，聊过一次大家的工作习惯问题，现在回想起来很有意思，特整理这篇文章分享给大家。关于photoshop1
  •  <％ Function ReplaceUrl2(HTMLstr) Dim n,st
  •  <ScriptRUNAT=SERVERLanguage=VBScript>SubApplication_OnStar
  • 假设有一个表，结构如下：mysql> CREATE TABLE `a` (  `id
  • 昨天给公司服务器重做了一下系统,遇到Asp附件无法上传,之前服务器上使用好好的,怎么重做了就不正常了,于是一番google，baidu，下面
  • 1、灵活运用样式 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，
  • iframe的防插与强插（一）中介绍了“市面上”能见到的两种防御被第三方网站iframe的方法，以及相应的变态突破方法。貌似把“受害人”逼上
  • IE 开发团队更改了 IE8 的 User-agent ，更改的部分信息如下：IE8 on Windows Vista (Compatibi
  • 如果原来没有使用过正则表达式，那么可能对这个术语和概念会不太熟悉。不过，它们并不是您想象的那么新奇。请回想一下在硬盘上是如何查找文件的。您肯
  • 1.3 安装 ASP.net跟基督山一起检查你们的计算机哦CPU Pentium II 450以上，推荐733内存 256M 推荐 512M
  • 说到这个话题，我们有个产品叫群组，为什么人们需要群组？简单说，群组就是个圈子，是有共同爱好和话题的人群聚在一起讨论、分享的地方。这个产品的诞
  • 在Dreamweaver4中，你可以存储你自己设定的图片、链接、flash影片、颜色表、模板等等，组成这个站点的资产，这就是Assets面板
  • 上篇文章讲了js中的传值和传址 和 函数的作用域.这章我们来探讨js中的变量，表达式，和运算符 还有一些 js 语句。升级中……1, 表达式
  • 在表中有两个字段：id_no (varchar) , in_date (datetime) ，把in_date相同的记录的in_date依次
  • 使用MySQL，目前你可以在三种基本数据库表格式间选择。当你创建一张表时，你可以告诉MySQL它应该对于表使用哪个表类型。MySQL将总是创
  • 学习目的 掌握如何用ADO.NET插入新的记录 我们学得好快，今天做一个简易的新闻发布网页，可以说是个演示型的，只是让大家能理插入数据的最主
  • 1.如果客户端和服务器端的连接需要跨越并通过不可信任的网络，那么就需要使用SSH隧道来加密该连接的通信。2.用set password语句来
手机版 网络编程 asp之家 www.aspxhome.com