OutC | Life and Work…

 Web2.0的兴起使得SNS社区模式大热，最初的每一个新网站似乎都想往SNS靠拢，SNS发展到此时的规模充斥着很多泡沫，以至于很多人“谈SNS色变”。后来的很多网站便有意脱离SNS，不走社区路线。

今天跟图缘团队的一个朋友聊了不少，他说图缘最开始是有意避开SNS的，实在是不愿意触及SNS。问我有何建议。

按我说，其实网站的特征服务决定着其模式走向，图缘的服务特点就是：传上你的照片，然后把人圈出来，圈出来的人便成了其图缘网络的各个“节点”，许多节点织成一张网，一张社区的网。所以图缘这种“圈人”模式决定着图缘必须要是一个社区。

先看下图：

蓝色部分是图缘里照片组成的网络，节点便是照片，灰色部分是图缘用户组成的网络，节点便是用户，我们分析一下：我们的目标是增加用户黏度，通过照片这个载体来实现。照片可能映射着一个或者多个用户，但是我们如何具体通过照片这个载体来黏住用户呢？

是先有鸡还是先有蛋？

看看豆瓣的例子：大家可以同时看一部电影，品一本书，听一张专辑……以此辐射成一个网络。但是对于照片，以何种方式来组成网络？
照片不同于其他媒介，照片有其自身的局限性：小规模。几万个人可以同时看一本书，但是一张照片能包含几个人？
看来只能依靠线下关系了。
所以个人觉得思路需要变一下：不是通过“圈人”来带动用户，这样是带不起来的；而是通过用户来带动“圈人”，伴随着圈人和带动用户相辅相成，整体的用户群便增加，社区也变得完整和庞大。

该如何做？

该如何做似乎是战略方面的问题，但是我还是说一下：不妨依靠着SNS，先依靠线下关系建立用户网（上图的灰色网格），然后以这个关系网作依托，以照片“圈人”的形式建立第二层社区（蓝色网格）——一个图缘真正想要的社区。

思维世界的发展，在某种意义上说，就是对惊奇的不断摆脱。——爱因斯坦

小时候看过一道题，印象颇深：如何利用直线段一笔画出一条路径，使得下面的九个点都能画到？（不能走重复路线）

相信很多人在第一次做这道题时，思维无形的被这几个点所组成的“方框”给局限住了，潜意识便在“方框”内寻找答案。但是，往往正确的答案是在“方框”之外的。所以突破思维定势来思考非常有必要，不管你是不是设计师。

说一下这道题的正解：

淘宝网李坏曾经出给我一道题：公司里有3个交互设计师，有一天在设计注册表单的时候发生了冲突,，A交互说：“表单里必填项的*号要放在文字的前面。” B交互说：“必填*号该放在输入框的后面。”C交互说：“必填*号该放在文字与输入框之间。”请问各位大侠，你们支持谁的说法呢？请说出理由!或许不放*号你有更好的创意？

细想起来A、B、C的方案都有可行之处，但是我个人认为，注册表单的页面不该仅仅局限于一张页面，完全可以分步解决：第一步填写必填项；第二步填写选填项……这样的好处就是既能让用户分清主次，也不至于让用户看到原来那种长长的注册表单而生怯。

稍微总结一下：我们遇到问题的时候往往被问题牵着鼻子走，无形中会被问题本身所禁锢，我们必须要跳出这个“怪圈”。当然，仅仅做一些“头脑风暴”是不够的，更多的，要善于思考。

PS：曾经看到过一个创意团队，办公室里高高放着一个玩偶，举着一张旗，旗上几个大字：打死也要出创意。

好吧好吧，我承认我有些破坏欲，我承认我有时候确实闲不下来……给大家放上我以前PS过的南京夜景图，整体使用了色块化滤镜，部分使用了烟雾笔刷。好久没研究PS了，感觉技术在回落，最近在恶补中……

发现很多国外的交互专家都提过这样一个观点：用户在浏览网页时缺乏安全感。页面的用户体验也越来越被更多的设计者重视。对于网页体验，大致可分为视觉体验、导航体验、布局体验和操作体验。今天谈谈操作体验的细节：网页按钮体验。

首先谈一下我对网页按钮的看法：

• 网页按钮在人机交互中起着相当大的作用：用户需求命令的提交都要用到按钮
• 视觉上应突出（凸出），至少应该让用户觉得——那是用来按的
• 比起实际生活中的按钮，优秀的页面按钮往往多一个鼠标经过感知（自创词：事件感知）
• 优秀的按钮即时反馈应该及时，我不推荐Google的部分按钮（下面会说到）
• 超链接也是按钮的形式之一
• 暂且这么多

同其他体验一样，按钮的用户体验有三个环节：感知、操作、反馈。

感知可分为视觉感知和操作感知，页面按钮比起实际生活中的按钮来说最大的区别在于虚拟性，不可触摸性，日常生活中的按钮由于是可触摸的，有触觉感知的，于是有些页面按钮便有一个“鼠标经过事件”。

但要细分起页面按钮体验流程的话，我认为优秀的按钮体验可分为五个要素：视觉感知→事件感知→点击操作→即时反馈→目标反馈。

解释一下：

• 视觉感知：对于优秀按钮的视觉要求应凸出且突出（这个“突出”的概念是相对的），一目了然。
• 事件感知：也就是鼠标经过事件，当鼠标停留在按钮上的事件反应（豆瓣的超链接体验很不错）。
• 用户操作：即用户的点击行为。
• >即时反馈：大部分的手机键盘按钮按过后都会有清脆的响声，向用户反馈按下操作已完成，但在页面中用声音来表现即时反馈似乎不太现实（至少现在不现实，也会有条件限制，如需要声音输出设备等等），只能在视觉中体现反馈，不过这个反馈可能是细微的。
• 目标反馈：向用户提交真正的目标需求（页面转向等等）。

▲个人认为按钮的即时反馈很有必要性的，可能部分用户的网络带宽不足，在点击操作之后得不到及时的目标反馈，因此按钮的即时反馈就显得比较重要。我一个朋友在一次无即时反馈的按钮操作之后也没有得到及时的目标反馈，结果他以为没按，于是给按钮一通猛点……

案例1：Wordpress

Wordpress的关闭公开访问按钮我还是比较欣赏的（即时反馈即为按下按钮时按钮视觉上的凹下凸起的视觉感知）

案例2：Google

对于Google Talk下载页面的下载按钮，我倒不是很推崇，尽管很突出，也够“凸出”，但也缺少了不少的感知要素。