Comments (0)

Easy&Care——WEB UI的两大趋势

昨天简单翻译了Luke Wroblewski（"Web Form Design: Filling in the Blanks一书的作者"）的“Sign Up Form Must Die”,今天又看到一篇文章提到了他文中所说的“Gradual Engagement”。
 
文中举出一些例子来证明“Gradual Engagement”和“Emotional Feedback”已然成为web UI设计的两大趋势。
所谓Gradual Engagement，是指用户从进入网站到有兴趣试用这个网站是一个渐进的过程，web UI设计应该充分尊重用户的这一过程，而不应该像传统网站那样在用户刚有兴趣试用网站时突然转到繁琐的注册表页面，从而打断了用户良好的Gradual Engagement体验过程。昨天《注册表必须消失》一文中所列的几个网站都是这方面做得比较好的例子。
而所谓Emotional Feedback，则是指网站在不显眼不影响用户体验的地方提供用户情感表达的简单模块，方便用户提供情感反馈，是一种关注用户的体现。
 
毫无疑问，Gradual Engagement是应该大力提倡的，但Emotional Feedback，还是值得更多的思考，怎样才能让这样一个新鲜贴心的小玩意不会被用户当成烦人的Pop-Up而影响了用户体验。
 

WuFoo’s Support Form

Xobni’s Emotional Feedback Pop-Up

GetSatisfaction’s Emotional Feedback

Comments (0)

注册表格必须消失

本文为简单译文
原文地址：http://www.alistapart.com/articles/signupforms
当用户带着热情想开始使用网站时，第一个蹦出来问候用户的却是一张空白表格。
 

Google Video的注册页面
 
 
与此形成强烈对比的是一些网站开始用别的形式让用户注册
下图是在视频网站Jumpcut上添加一段视频的过程，最后引导用户如何编辑已上传的在线视频

到目前为止，我们还没有看见表格。只有在你想发布或分享你的视频时，Jumpcut才会问你要名字和email.这样一来，你知道了Jumpcut是干什么的，而且你不需要被中途的注册表格打断就使用了Jumpcut的功能。这就是逐步介入。
另一个例子. Geni 是一个提供给用户创建家族图谱并和家人朋友分享的网站. 那些潜在用户来这里首先想做的不会是填张注册表，而是直接创建自己的家族图谱。下图是网站的首页，这里可以清晰的知道网站是干什么的，你只需要填你的用户名和email就可以开始创建了。当你在做这个的时候，Geni已经把你的用户名和密码发到了你的邮箱，这样任何时候你都可以回来看你的家族图谱。

这又是一个让用户逐步介入的过程，没有烦人的注册表格。Geni用这种方式为自己在5个月内赢得了5，000，000注册用户。
值得注意的是，确实有时候自动注册会让一些用户不知道自己是否真的已经注册了。毕竟，没有明显的提示告诉用户已经注册了。所以，这些网站需要保证用户在忽视含有注册信息的email的情况下也能很容易地获取自己的帐户信息。
另一个例子来自 TripIt: 这个网站提供用户设置包含天气和行程指南的行程表, 而这一切仅来源于用户的航班，酒店和租车预定确认函。用户只需要将确认函email给TripIt，它就会回复给你一个自动生成形成表的链接.
 
同样的，一开始没有注册表，而是真实地使用TripIt的功能。TripIt 从你的确认函中获取你的名字和email。
那怎样才能确定逐步介入这种方式是否适用于你的网站呢？重要的是，思考一下一系列的交互是如何体现潜在用户怎样使用你的服务的，用户为什么关注这个服务。 不能简单地将注册表分成几块放到不同的页面中去。
Fidelity’s myplan 就是这样的例子，虽然它让金融计划变得简单有趣，但我并不认为将注册表分成若干部分并且每部分变成滑鼠块是最好的方式。
 

最佳实践

当为网站服务设计用户初始体验时，考虑下如何能避免用户在逐步介入网站时突然出现注册表.
当你提供选择性的逐步深入方案时，确保你的用户理解他们为什么和如何使用你的服务
当你选择自动生成帐户的时候，确保用户能轻易进入他们的帐户。有可能用户会忽视包含帐户信息的email而不确定自己是否已经有帐户
尽量避免把注册表分成若干部分放到多个页面上。许多用户会因为不方便而不喜欢。

Comments (0)

产品设计话题： UCD立场与怎样引导用户

用户体验正成为一块用来随时砸向别人的理论砖头。但同时，大部分人对这个概念摸不着头脑。更多人把用户体验与可用性、UCD混为一谈。用户体验在国外的定义指的是一个用户使用一个产品过程中时的全部体验，包括他们的印象和感觉，能够忍受的问题，疑惑和BUG的程度。用户体验的概念的提出实际是体现在开发观念和设计立场上。可用性只是设计良好用户体验中的一个原则，并且不是绝对优先原则。而UCD（以用户为中心）同样只是立场之一，而且也不是绝对立场。
当可用性与视觉感官、运行效率、实现成本冲突时，怎样选择？ 当UCD与商业需求、设计约束、技术约束冲突时、怎样选择？
用户具有个体差异，使用体验又是主观心理过程。每一个产品的目标用户可能多样化、群体界线不明确，其共性难以把握。这一切让用户体验的成为一个没有“绝对”没有所谓对错的世界。
像腾讯的mini新闻推荐弹出框那样，点击推荐位上某个图片，进入的不是新闻的内容页面，而是有着更多花花绿绿图片的二级频道页。这样做好不好，从可用性角度肯定是不好的。简直等同欺骗用户。但从商业利益角度是好的，可以得到赢得更多PV。
 
这之间怎么平衡？把引导用户进来的目标内容放在频道页的第一屏容易找到的位置，同时使用_blank弹出。这样用户不会浪费更多时间就能很快找到目标内容，也愿意回头顺便看看其它内容。
用户体验的真正价值所在不光是让用户用的舒服，更重要的是一种引导。当用户在浏览某一篇内容，还有其它哪些内容值得向用户推荐；当用户使用某一功能时，还会有兴趣使用其它哪些功能。在有社区性质的网站中，如何让用户在使用过程中结识到更多他可能希望认识的人。
引导的用途除了让用户在网站多点击多停留，还有让陌生用户快速对网站形成正确认识，帮助用户找到有效的内容和功能，帮助用户顺利完成任务流程，激发用户活跃度等。。。
深度挖掘这些关联元素，引导用户更多得使用你的产品，（在web项目中，用户越多的使用就代表着更多的商业价值）比单纯把产品做得“好看”“好用”要难得多。这种关联性往往在底层逻辑设计和产品结构设计阶段就要考虑到。关联的逻辑和算法如何保证快速、高效和安全，关联的结果是否真正符合用户习惯和期望的内容。关联的表现方式和频率如何在无形中完成引导，而不影响用户的目标与使用，更不能让用户觉得厌烦。
当然不是说推荐像腾讯那么干。腾讯那样并不是一种高明的引导手法，和标题党一样，带有中国资讯站惯用的流氓气味。
实现引导的手法有很多种： 1、 通过关联性或推荐性内容引导 2、 流程引导 3、 用户行为过程或结果中产生引导 4、 提示页面中产生引导 5、 视觉吸引产生引导 6、 细节处理中完成引导 ……
______________________________________________
1、通过关联性或推荐性内容引导 这是最传统也最普遍的做法。内容站时期是使用编辑添加的关键字或者系统分词来关联到“相关阅读”
用户贡献内容时期关键字换成了TAG，但很少有站点用好过。TAG作为一种单层的信息分类分类方法，由用户来添加和收藏。对其用户行为的记录是产生推荐性内容的数据分析来源。有效的个性化的推荐，配上 “你有可能会感兴趣的**”（内容）     […]

Comments (0)

WEB策划的需求提出

1. 模块总体介绍
1.1 页面视觉传达
    为需求分析人员或者UI设计师把握整个网站的视觉风格和单个页面的颜色搭配提供思考基础
1.2 功能总体目标
    为需求分析人员或者UE设计师合理安排不同功能到不同页面上提供思考基础
2. 角色分类（如EC 的角色分类为：学生，教师，管理员）
2.1 简单介绍每个角色的特征
    能够更贴切的站在用户的角度来完成整个设计
2.2 大概描述每个角色的要完成的任务以及达到的目标
    将设计师移情到用户的角色并结合视觉传达和总体功能结果来模拟用户完成这些任务并探测是否能够完成目标，从而修正设计师的设计结果知道能够完成
目标
3. 模块具体需求（按角色分类）
3.1 功能点列表及意图
首先需要将功能点有机结合起来功能系统
3.2 页面交互关系以及对应的单独页面图
将3.1形成的功能系统与页面图对应起来
3.3 网站内容及分类（所有页面要呈现的内容）
将内容按照合理的分类有机的分布到各个页面
4. 将页面、功能、内容整体结合起来形成最后的原型图，表达不清楚的地方附加必要的文字说明，然后演示给需求提出者以及相应的领导，根据对方的反馈做
些必要的修改
5. 最后整理出两份文档，一份是关于详细的功能业务流程，交给开发人员；另一份是关于该模块设计到的所有页面以及页面之间的跳转关系，随后给前端工程
师开发
6. 备注说明
整个标准基于将一个web系统解构为视觉设计，功能架构，信息架构三部分进行思考