电子商务搜索引擎的细节设计

 [版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com

最近在使用Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com的时候,发现一些用户使用细节的小问题.针对这些问题,我体验了前面四个网站的处理方式,觉得还是有可以借鉴的东西.

针对suggestion的情感化设计细节处理

EBAY.COM:

当用户觉得不想使用suggestion,或认为suggestion会给他带来干扰的时候,用户可以选择关闭suggestion.( suggestion有的时候可能会切断用户的心流,对用户的心智模型造成影响)

当用户想重新使用suggestion的时候,仍然可以通过搜索框内右边的按钮还原suggestion功能.此时,当鼠标移到还原按钮上面时候,为避免用户不理解按钮的意义会有一个TIP来显示按钮的作用.

Continue reading

Posted in 交互设计 | Tagged , , | 2 Comments

设计原则-控件Balloons(气球状提示)

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com/

Balloons(气球状提示)

问题摘要

气球状提示(Balloon)是一个小型的弹出窗口,用于通知用户出现非关键性问题或控件处于某种特殊情况。

实例

图1

  • 注:气球状提示由图标、标题、正文文本组成,且所有这些部分都是可选的。
  • 注:当用户试图提交操作的时候,任何未处理的问题都必须由其所有者用户界面来处理。
  • 注:气球状提示通常与文本框或其他使用文本框来改变值的控件一起使用,如组合框、列表视图、树形视图等等。
  • 注:保持控件之间的一致性。当发现不一致性出现时,气球状提示不再适用。
  • 注:如果其他类型的控件已经进行了很好的约束,就不再需要气球状提示来给出额外的反馈。

Continue reading

Posted in 交互设计 | Tagged , , | 3 Comments

谁为用户买单(2)——无结果页面反馈提示交互设计

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com

接着上个话题“谁为用户买单”聊下去。有一种页面大家都很熟悉,就是当用户使用搜索引擎搜索关键词后,如果数据库没有找到匹配的结果,所提供的反馈提示页面——专业上我们称其为“无结果页面”。
下面举几个常见的无结果页面的例子让大家更了解下这样的交互设计,我们怎样更好地给用户提示。

GOOGLE的无结果页面

Continue reading

Posted in 交互设计 | Tagged , | 2 Comments

谁为用户买单(1)——电子商务网站的交互设计

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com

嘀咕嘀咕:

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

Continue reading

Posted in 交互设计 | Tagged , | 5 Comments

交互设计师怎样和产品团队合作

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com

交互设计师需要怎样和产品团队合作呢?除了要定义行为和与之有关的其他设计学科的交互之外,我们发现,还必须要定义好交互设计在一个企业中的位置。我们相信,要建立好一个严格的产品开发过程,设计必须要平等地与工程、市场,以及业务管理进行协同工作。这种协同工作需要明确每个方面的责任和权利,企业从设计中获得的收益将会有极大的提升。下面我们介绍的这种责任的划分,平衡了每个方面的权利。可以极大地提高设计的成功率,并保证企业在产品开发的整个周期中给予应有的支持,以及其他更多的好处,我们建议的这种责任和权利的平衡关系如下。

Continue reading

Posted in 交互设计 | Tagged , | 2 Comments

随感:交互设计两三事

[版权声明]:版权归作者Alite所有,转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://www.alitedesign.com
唧唧歪歪:概述
最近在D4得到一本(美) Penny Mcintire写的《Visual Design for the Modern Web》.突然觉得可用性交互设计中也应该融合点情感设计元素,其中一个表现方式就是WEB视觉设计.渐渐地我开始重新审视自己所走过的交互设计之路.从方正软件到现在的阿里巴巴中国站,每一次所经历的项目都给予我新的启示.秉承”大胆设想,小心求证”的思想,探索交互设计与其他WEB设计元素之间的关系,让我从中得到了不少乐趣,现与UED设计师们一同分享探讨一番.
Penny Mcintire提出交互设计位于技术,内容,网站架构和视觉设计交集部分,而且技术,内容,网站架构和视觉设计彼此都有交集互相依赖。
e59bbe
图1 Web设计中5个相互依赖的要素
在深入探讨Web设计中相互联系的5个具体要素(技术,内容,网站架构,视觉设计,交互)之前,我们先承认这样一个事实,即这些要素是一流网站所具备的,不可或缺的特征。我们需要处理好这5个要素,从而创建具有以下特点的网站。
 易于维护:网站必须是灵活,可以升级的。这样,在网站整个运行期间,能够以最少的时间和精力,实现不断的更新。
 具有美学吸引力:对于目标受众而言,网站必须是一种具有吸引力的,美妙的感官体验。
 易于使用:也就是说,网站要具备用户友好,高效和快速下载的特点。访问者应当从发现所寻信息的过程中,或完成任务的过程中,获得高度成就感,而不是白白浪费时间。
 技术坚实可靠:网站行为是可预知的,没有失效的链接。
Continue reading

Posted in 交互设计 | Tagged , | 1 Comment