冰天国度

想说的不多，先看图：

在没接触设计类工作之前，一直以为设计是没有什么方法可言的，设计好不好全凭设计师的功力来决定，现在发现这个观点是错得比较厉害的。至少，在宠观层面上，还是有很多设计方法的，所谓设计师的功力，只是在无形之中熟练用这些方法的表象而已。
在交互设计的过程中，有一个非常简单而实用的方法，那就是有针对性的进行用户访谈。在前期准备好访谈要点，然后找10—20名主体用户，与他们进行面对面的沟通，通过这种方式了解用户的想法。这同时也是人物角色设计的第一步。
访谈的过程是比较花时间的，一般维持在30—70分钟内，有时甚至更长。而且访谈还需要有一定的技巧，不仅仅是你问他答，就像做市场调查一样，是不能带有任何引导性的，否则，会大大降低访谈效果。
那么，在进行用户访谈时，它的要点是什么呢？或者说怎么样进行有效的访谈？

上次有人提到想要一些做交互设计可能会用到的文档模板，当时比较忙，没有时间去整理。今天准备了一个《可行性研究报告》的模板，需要的朋友可以来下载（为什么当初写可行性报告时，就没人提供模板下载呢。。。郁闷）。在以后会陆续的再提供其它文档模板。
在该模板中针对每点都有详细的说明项，在本文最后可以下载，以下是目录：
1引言 
1.1编写目的 
1.2背景 
1.3定义 
1.4参考资料 
2可行性研究的前提 

Adaptive Path（http://www.adaptivepath.com/）是三藩市一家用户体验设计公司，有很不错的团队blog和一些用户研究分享。
　　
　　最近，他们一项研究比较了包括博客平台、社交网络、社区及其他四类、共20家2.0公司的注册页面在以下几方面的表现：
　　
　　• Homepage content 主页内容
　　• Initial calls to action 吸引注意力的首元素
　　• Registration flows 注册流程
　　• Error handling 错误处理
　　• Finding and inviting friends 寻找、邀请朋友
　　• New user calls to action 吸引新用户注意力
　　
　　 从所得数据中，他们总结出注册页面的若干模式以及提出四条设计指南。内容太多，无法迅速翻译完毕。详见原文,可免费下载。含大量例子，巨有用！

来讲点概念吧，如题所云，这三个模型看起来差不多，实际上各自的带表的意义是完全不同的。在做设计时，一定要进行区分。那么，先来了解一下这些都是什么吧。
实现模型：
也有人称之为“系统模型” 在About Face2.0里作者更愿意使用“实现模型”这个术语，因为它描述了程序在代码中实现的细节。
简单理解就是一个产品是如何实现的，原理是什么样的。比如软件是靠各种代码，是用类、库、函数等代码实玩一定的逻辑关系。而冰箱是用压缩机制冷，然后输出冷气。汽车是将油燃烧时的内能转化为动能，进而推动发动动，传递给轮子前进的。。。。。

这是转来的，点击此处到原地址看。
量化用户体验有四个互相关联的重要因素:
1． 品牌(branding)
2． 使用性(usability)
3． 功能性(functionality)
4． 内容(content)
 

以下是“清明如水”的留言：
“看了你写的交互设计的工作流程,偶是一个一直在这个行业的门口徘徊的人,想了解一下是否有一个完整的范例可以分享,这样可能可能更直观,比如你说的几个阶段,每个阶段需要用到什么工具和所出的作品的例子,在不涉及到您的工作机密的情况下能否发至我的邮箱,万分感谢希望多指点。”
首先非常感谢您关注我的博客，关于文档范例，恕我不能将工作文档给你看，因为这些都属于商业机密的范畴了，这里表示抱歉。其实这些范例在网上是可以找到的，在google上搜索“需求分析报告”模板、用例描述”、“概要设计模板”、“详细设计模板”、“这几个关键词都可以找到不少。
在需求阶段，我用rose画用例图，使用“用例图”表现需求，当然还要配合文字说明。
在做界面模拟，也就是交互设计阶段，如果是软件项目，我习惯用PPT；如果是网站项目，那么Axure RP这个软件绝对是首选。

每次在结交到新朋友时，他们都会问我的职业，每到这个时候都会觉得很无奈，因为每次的过程都是那么类似。。。
———————————–
别人：你是做什么的？
ME：我是做交互设计的。
别人：交互设计？没听说过啊。
ME：是一个冷门行业中的热门行业，刚从国外传进中国，目前只有大的互联网公司才有这个职位。
别人：具体是做什么的呢？
ME：呃。。做的东西好多，主要是负责软件或网站的结构与模拟界面，提升产品可用性。
别人：哦，原来是UI啊。。。
ME：不是UI，UI属于视觉设计，研究的是怎么样好看。我研究的是用户的使用行为与体验。
别人：听起来很专业（其实还是不懂是什么）。
ME：（无言）。。。。。。。。。。。。。。。。。。。

 得知Google的在线百科工具Knol今日正式上线，于是上去体验了一把。这个小东西在经过近7个月的小范围测试，终于正式上线,有举趣的朋友可以去看看：
http://knol.google.com
　　从上图就可以看到界面，本来想写篇交互设计的解释，无奈是个E文版，再次BS一下Google，居然不支持中文稿（难道他不知道中国人多一些吗？？）。转回正题，尽管Knol的目标和使用方法和现有的维基百科类似，也是以百科的方式挖掘、收集互联网用户的知识，但Knol还是有些不同。

工欲善其事，必先利其器。在做一件事情前当然需要一件好的工具。这次被从软件项目调到网站项目，做软件模拟的那些装备都不好用了。本着要“专业点”的原则，准备使用Axure RP 软件进制作网站的界面模拟。无奈得知似乎只有腾讯才有中文版，其它都是英文版，于是只能找别人的教程看,发现这篇不错，于是毫不客气的转过来了。^_^.本文由:Hawking原创
先提供Axure RP pro 4.6版本的下载
http://www.jojobox.cn/blog/attachments/month_0803/AxureRP-Pro-Setup.zip
（软件仅供学习使用，反对商业用途 -_-！！！）

马上要开始做公司网站的相册功能了，为了将相册的用户体验做好，也为了便于和开发人员、测试人员进行需求上的沟通。于是画了一张相册的用例图，本着先做加法再做减法的原则，将其它网站相册能做的功能点全部进行了罗列。为了便于观察程序逻辑，着重的突出了各用例之间的关系。由于本人一直将用例图做为交互设计的用户行为参考基础，长期下来习惯于用一张图把所有功能画完。所下，画得图难免显得有些复杂，看看下面这张像是乌龟壳的图就知道了-_-. （点击图片放大）

今天看到新闻，说是百度贴吧正式推出了会员功能，能为吧友提供更多的吧内权限，方便吧友更好的交流；同时，对吧主赋予了更高的权限，如删除不相关帖子及吧成员等，便于吧主增强对贴吧的管理。
我一直认为百度贴吧的那种结构对用户体验是有很大的负面影响的，初次去的时候甚至不知道东南西北。但是它发展的今天，确是越来越壮大了，特别是地方性贴大，影响力非常大。再加上这次增加了网友的权限，感觉百度是想让网友更深的介入到社区的管理了，带来的影响还是相当大的：
对网友而言：完善用户体验，保持用户规模
百度贴吧赋予吧主权利删除与贴吧主题不相关的帖子与贴吧成员，有利于维护贴吧内帖子主题的一致性，减少不相关信息对用户浏览行为造成的打扰，方便网友快速、便捷的找到感兴趣的内容。并有利于维系老用户的使用，使用户规模得到保持。

先声明一下，这里的“设计”是指宽泛的理解。做过好几个项目了，有时侯在想，给我们交互设计师的责任是不是太重了，除了写代码以外，几乎承载着一个产品最重要的部分：逻辑设计、体系设计、结构设计等（俺还要写需求分析）。当一个产品完成时，我们所做的工作是那样的容易被忽视。而当产品出现问题时，我们又总是处于矛盾的中心。交互设计除了提升用户体验以外，岗位所承载的意义又是什么？

最近熊sir经常给我们进行“交互设计”的培训，确实受益不少。昨天讲到“设计的遗传性”时，讲了一个相当有趣的例子。问题是这样的：
“为什么女人的衬衣扣子是反的？”，男士的衬衣扣子一般在右手边，而女人的衬衣扣子一般在左手边，无论东西方都一样。相信很多人都没有注意到这一点，所以上图一张，^_^（其实我也不知道还有这样的区别）

为啥？所有人都不思其解，“难不成跟那件小衣服有关系-_-!!”，虽然好几位的心中都有这个想法，但终究是忍住了没说出来，等待着熊sir的正确答案。原因是这样的：

心流体验（Flow Experience）是消费体验理论中引用最多的概念之一。Csikszentmihalyi 将心流体验定义为个体完全投入某种活动的整体感觉，当个体处于心流体验状态时，他们完全被所做的事深深吸引，心情非常愉快并且感觉时间过得很快。
心流体验的九个特征：清晰的目标、即时反应、技能与挑战相匹配、行动与知觉的融合、专注于所做的事情、潜在的控制感、失去自我意识、时间感的变化和自身有目的的体验。
依据心流体验产生的过程又将这九个特征归纳为三类因素：
 • 条件因素，包括个体感知的清晰目标、即时反馈、挑战与技能匹配，只有具备了这三个条件，才会激发心流体验的产生；
 • 体验因素，即个体处于心流体验状态时的感觉，包括行动与知觉的融合、注意力集中和潜在的控制感；
 • 结果因素，即个体处于心流体验时内心体验的结果，包括失去自我意识、时间失真和体验本身的目的性。
总结出的四条相对重要的原则，可以帮助设计师培养用户的心流体验。详情请阅读原文：Designing For Flow，以下节选部分（非完全翻译）：
设定清晰目标
第一步就是为用户设定清晰的目标，设定清晰目标意思是告诉用户产品能够完成什么事。市场部分的描述实际上比大部分设计师所想的要重要的多，比如说 37signals 对 Campfire 的描述：“类似于 IM，它为团队使用提供了便利的功能，尤其能够帮助远程协作的团队。”这样的描述能够让访客一下子明白产品的特色。又比如 37signals 的另一个产品 Backpack，他们提供了一系列的使用实例，可以帮助用户了解和熟悉具体的应用，比如计划和组织信息。

今天搞到了网易邮箱的内部设计稿（点这里看图），目前该页面还没有公开，凭着兴趣，简单的研究了一下，这里只针对旧版与新版之间的改变谈交互改进。
从表面上看，两个界面的变化似乎不多，但是新版的设计比旧版高出了一个档次。（点图放大）

先谈大的方面:
1.这个页面的主要功能是让用户登录，在旧版中由侧边栏承载功能。新版中将登录区域进行了集中，并在视觉上让该区域处于上层，特别是在登录框右边露出的那一点图片尾巴，带来的效果是不言而喻的。无论是形式还是视觉，都加强了冲击力，益于吸引视觉焦点。
需要注意的是新版中加的那个7月标记，这是一个非常隐蔽且好的的视觉交互。首先，邮箱是建立在时间轴上的，时间越长，内容越多，这里的七月图标，可以给用户一种心理暗示，让他们意识到自己有多长时间没有登录了。另外一个用处，注意看七月图标的上方，是“帮助”的链接，帮助对任何网站来说都是重要的，而这里的7月图标可以让人的目光很自然的从登录框引到帮助按钮上，让登录区域与小导航链接区域间形成微妙的的连带关系。

据传以下是搜狐正在测试的新首页(点图放大)，转这篇文章的目的不在于它的新闻价值，也不在于笔者对设计的评价。只是纯粹的觉得本文作者对于需求的分析很清晰，对于搜孤这样大的资讯网站，如何处理与平衡各种需求可能是最为头痛的问题，而且网站栏目的摆放绝对不是想像中的那么随心所欲。本文最有价值的地方在于告诉我们栏目为什么要这样排放，是什么样的原因导致的，以及这样做可能带来什么样的结果。
PS:其实我比较在意搜孤是如何平衡内部需求的，从文章看来，似乎内部需求占了相当的份量。
转至:http://www.bianews.com/viewnews-21123.html

从上图中可以看出，搜狐新版的主要变化体现在如下方面：
一、页面设计和呈现方面
1、采用了1024*768分辨率显示下最佳的屏幕显示宽度。
2、左侧主路径阅读字体选择了12px，之前则主要为9px。
3、页面长度变成了八屏(以按键盘pgdn为准)，之前为六屏。这一点很难理解，做减法应该是大势所趋，信息爆炸的年代，难道搜狐觉得当前网民还缺少信息吗？
4、阅读主路径不变，仍然放在左边。
5、颜色仍为科技蓝，看起来较为美观。

昨日在群里与网友们讨论游戏网站的设计问题，主要是两种观点，一种是重设计，一种是重需求，因为只是简单的讨论了一下，最后并没有什么结果。但却引起了偶的一点兴趣，也简单说一下自己的想法。
事情是这样的，某位网友说他的公司因为想做出好的游戏网站，所以要招聘厉害的网页设计师。
我觉得如果把玩家的需求弄得相当清楚了,游戏页面做起来也就不会很难，因为对设计而言,目标群体的需求（这里排除内部需求）应该是最重要的前提条件。从另一外角度来看，无论是做网站，或是做软件,说白了都是在服务,而只要是做服务的,就一定是把用户需求摆在第一位。
再扯得远一点，网站的建设是遵循一套原则的：目标–定位–整体策划–信息架构–制作。很明显，定位、策划都跟用户需求有直接的关系。所以如果一个网站如果做不好，其根源很可能在需求上，而不是页面设计。相反，如果满足了用户需求，页面丑一点又有什么关系呢，看看游侠的网站，垃圾了那么多年，还不是一样火爆。
回到游戏网站（其它网站也一样），单纯的来看待网页的设计其实也分两个部分：

      一直都不想写这篇文章，就因为题目太大，以我辈现在的经验值来判断，还不太适合对此进行评价，并且一旦开始写了，就不是一两篇文章搞得定的。但是，本着想写就写的原则，在克服懒得写的极端困难下，这第一篇关于交互方式的文章还是被你看到了，虽然它显得那么的“不实用”。
 
       在现在的环境下，与各种系统（电脑，汽车等可以用电脑控制的东东）的交互主要还是依靠手动输入，最常见的输入工具就是鼠标与键盘，从电脑诞生至今天，操作系统变了，硬件也升级了，可是交互方式却从来没有改变过。
       事实证明手动输入的交互方式是最复杂的，首先要用上眼（用脑是前提，故省略），其次是用上手，也许还要用上耳。从提高用户体验，让用户方便使用的原则来看，减少参与的器官是一种比较直接的方式，最重要的是，因为要动手，所以限制了人们的活动范围只能在输入工具附近，光这一点带来的负面体验是相当可观的，如不动活动，只能坐卧；屁股变大，身体变差……

网友(zEUS.)又要发布新的WP主题了,对于这款主题我也是蛮期待的,对于当前的黑色主题,已经不止一个人反映出阅读时眼睛很累了.不扯远了,进入正题,先看一下效果图吧.

整体效果确实没话说，酷、简约、明了，很有水准。同时也存在一些小问题（仅带表个人意见）：
1.右侧的标签页。有四个分类，“最新留言”“本周推荐”“热评日志”….最后一个备用的不管它，看前三个，“本周推荐”与“热评日志”是都是基于日志标题的，可以看成是日志的不同排序方式。而第一个默认标签是“最新留言”，这里产生了问题，与之后的两种日志列表明显不属于同一类别。建议将“最新留言”换成“最新日志”，那么在大的类别上就统一了，整个标签页构成了一个完整的日志排序体系。另一方面，一个CMS网站的核心在于他的内容，而非留言，最新日志列表的价值绝对大于最新留言。从用户需求的角度，他更关心你有什么日志，而非其它用户都留下了什么话。想要突显这个网站的用户很多、留言很多、在日志后面有那个回复数就够了。