一个好的用户界面（UI）的主要功能是为用户在用户意图和应用程序功能之间提供一个直观的映射，为用户既定任务的完成提供一个解决方案。基本上来说，用户界面（UI）描述了用户和网站之间交互以及用户访问其功能的方式。事实上，可用性是一个良好的用户界面的双积，它决定了用户是否可以轻松地执行网站提供的所有功能。可用性是每一个设计的重要组成部分，特别是在拥有大量功能和用户的网站上。
这篇文章我们来说说社会化媒体和社交网络的用户界面的一些至关重要的特征。文章讨论那些设计背后的重要特征，技术和概念，并通过一些优秀网站作为例子来解释这些特征为什么是重要的。这些简单的和通用的可用性策略几乎适用于任何地方和任何类型的用户界面。
1. 简洁的界面是关键
在深入用户界面的细节之前，必须指出的一点事实是：简洁的用户界面是社会化媒体和社交网络的共同特征。社会化媒体网站在色调和图形方面更加简洁。色调方面通常包括少数几种伴随着单色变化的颜色；背景一般为白色，更新（如状态更新）往往都是浅色以及（通常是绿色或黄色突出；警示通常用红色背景突出）
此外，你会发现图形往往也是非常简单的，并且运用地相当谨慎。这是由多种原因造成的。最重要的原因是一个简单的事实：生动形象的设计并非是真正有用的社交网站。社会化应用被认为是向用户提供了一个内容可以很容易地创造以及会话可以很容易地产生的共享环境，而强烈的视觉设计会造成不必要的干扰，使用户很难专注于他们的会话。
例如，Twitter可能是最简约的社会化用户界面之一。其UI非常的简洁，使用了极少的颜色，并把其服务的主要特征——文本输入框——放在前面。
换言之，由于信息流相当大一部分是为了大多数用户的，这自然就要求界面设计的越简单越好。如果界面上的图形元素用地太多，用户就会感到不舒服和混乱，因为这样用户就很难关注到特定的任务或区域。尽管简单的界面不只意味着只是一个简单的视觉设计。更重要的是，这意味着有用的界面选项的设计、安排以及展现都要以直观的方式。
点击继续阅读 »
Popularity: 5% [?]
在网页设计中，简洁并不一定等同于极简主义者的设计美学。简洁的网站只是从设计、内容、以及代码中移除了所有不必要的元素。而极简主义的网站普遍符合这一标准，有许多网站，不管你如何想象，都不会被认为是仍适合简单的定义的“极简主义”。
下面是简洁网站设计的一些优势，以及一些简洁设计过程中的简单的技术。
简洁网站的优势
_____________________________________________________________________________________
1. 简洁的设计让网站更容易导航
简洁的网站没有冗余的信息。这在两个方面有助于导航：通常，网站拥有更少的页面和栏目；或者网站的设计通常是干净整洁的，更容易找到导航元素。网站的简洁设计是一个很好的解决导航可用性问题的方案。
下面是关于导航简洁设计的一些小建议：
• 只使用一个主导航菜单
• 确保导航在一个网站中保持连贯性；
• 不要使用下拉菜单作为导航，下拉菜单容易隐藏一些零乱的菜单；
相反，强迫自己将一些导航要素纳入到网站设计中。通常，这将使得导航更加简洁。
点击继续阅读 »
Popularity: 5% [?]
myTino新版首页，以搜索的外包项目为主，按行业分类导航
经过将近四个月的艰苦奋斗，myTino新版终于在今天如期上线，看到新版从内外测试环境部署导外网那一刻，心里感触万千，这是myTino一个全新的开始，我想起了很多，想起了三月份那次”我们在路上的”的动员会，想起了哪些激烈的讨论，想起了目标明确之后的哪中雄心壮志，想起哪些翻来覆去为改变而睡不着的日子，想起哪些在这个过程中默默地离开的战友，想起了这些日子以来我们大家的辛苦而快乐的工作。感慨万千，不管怎么样，我们开始从新上路，开始新的旅程。
这四个月来，感触最深的是：有一个想法说起来很简单，做起来太难，而保持原有的目标中间不受任何因素的蛊惑，不随便往最初的目标上叠加功能就更难。
这次myTino的新版上线，和之前几次的改版相比，有几点是很特别的：
1 战略方向调整，从原先定位做外包交易平台到现在的自由职业者社区，这就区别于国内外的这些外包交易平台；
2 增加了sns特征，（我这里只是说是sns特征，并不是指myTino要做开心网那样的sns）这也myTino此次改版最大的一个目标，将原先的孤岛联系起来，虽然现在的关联的算法和精度有待调整，但至少我们做了第一步；
3 团队目标一致，和前几次相比，这次团队的资源最为匮乏，但团队目标是最为明确和一致，在这个四个月，中间虽然也有很多新的想法，但却没有像之前那样将需求无限扩张，而是保持在原先定的目标之上；
这次改版也曝露出很多问题：
1 用户体验问题，很多细节因为赶时间，上线之前没有来得及解决，只能留待上线之后一点点去打磨了，玉不琢不成器，用户体验是做出来的，原先原型做的再好，那只是原型而已，真正要做好需要在产品上线只好细细打磨；
2 新旧版过度问题，虽然在上线之前做了很多准备工作，因为各种现实原因，我想这突然上线的新版会让很多老用户迷茫，因为改变实在太大；
3 为赶上线，积累的问题太多，这些问题为什么没有及时解决，有些问题是不应该留到上线只好才去解决的；
不管有多少问题，发现总比隐藏着的好，而一个产品的好坏，需要市场来验证，接下去的重点将会放在产品的日常运营中来，比如seo的规范，比如内容建设，比如对会员贡献内容的引导和激励，比如在经济危机的大环境下怎么有效运用每一次的推广费用，发挥其最大效果，通过这些日常的运营数据来指导产品的优化和改进，现在谈的很多的sns，在myTino这并不是当成一个目标来做的，不是要做一个产品或者频道叫sns，而是将其融入到网站的每个角落，让sns成为一个网站和用户，以及用户之间交流的一个更好的”工具”。
这次改版有很多细节不便过细的透露，这篇博文就算是我为myTino上线写的一片很软的文章吧，欢迎在创业型公司工作的兄弟姐妹一起探讨学习，在创业型公司做产品，我们需要学习很多，从最大的方向把握和最细的文案PD，从网站运营策略到最基础的seo基础，在到市场推广方法和用户需求的把握，都需要我们不断的去学习和摸索。
我们的履历中没有”大公司”背景，但我们正在创造我们梦想中”大公司”，也许只是一个梦幻泡影而已，却值得去为之努力。与战斗在创业公司的兄弟姐妹们共勉。
Popularity: 2% [?]
知名杂志《时代》(Time)网络版发布深度分析文章（How Twitter Will Change the Way We Live）称，美国微型博客网站Twitter已受到美国各阶层的欢迎，并正改变着美国公众的生活方式。而Twitter对于美国公众的最大意义是：并不在于Twitter能否向公众提供多么良好的内容，而在于公众如何利用好Twitter所提供的服务工具。
这个意义对我来说也是这样的，twitter是：
- 一个时髦话题，当时注册twitter完全是跟风，看到国外哪些知名博客中都有@xxxx，觉得@puting这样的账号很酷，于是注册了一个放在自己的博客上，上面的几条twitter也是为了在博客中显示的好看才twitter的；
- 一个信息来源，自从发现了tweetmeme之后，google找不到的信息，我就用这个来搜，它提供的是对twitter内容的实时搜索，我只要看上面twitter越多的信息链接就可以，给我省去好多时间；
而这两点，这都不用我亲自去打开twitter这个网站。
但为什么twitter会这么火呢？
有很多文章都在探讨这个原因，说的神乎其神的，也许是我们马后炮太厉害了，但我更相信这是一个必然的偶然，因为不会再有第二个twitter。前一段时间看到一篇文章，说的是twitter的创始人EVAN WILLIAMS，又是一位没读完大学的创始人。其实人家对互联网毫无所知，但却相信互联网会是件大事（We didn’t know anything about the Internet, but I thought it was going to be a big deal）。而也正是这样的人物创办了Blogger，并成功出售给了Google。不出两年，又开创了Twitter，直到如今又成一创业奇迹。
既然twitter是一个时髦话题，我也来马后炮一把twitter流行的原因：
- 带深刻烙印的用户名——如我在twitter的账号@puting，这样的用户名是twitter的独创吧，你不会和别人说我在facebook上的账号是xxxx，说了别人也记不住，更不知道这个用户名是在facebook还是在校内网的，而@xxx这样的有很深的twitter烙印，有这样的账户就像当年有一个@gmail.com的邮箱一般，那是身份的象征，没有@xxxx，简直是out的一塌糊涂。
- 带有明星气质的“follow”——Google一下，digg一下，poke一下，如今follow一下，一开始就有“明星”的潜质；
- 当大腕的感觉真好——在twitter上，真正活跃的都是些名人，想想自己能被那多人follow是多么辉煌的一件事，根据Purewire对700万twitter账号的分析，Twitter上大多数用户都是沉默的羔羊。80%的账户仅有不到十个“跟随者”，其中30%的账户没有“跟随者”，这一点可以看出，twitter的流行并不是很多在用，而是很多人在“看”，就像好莱坞的电影。
- 满足“窥视欲”——我只要follow你，你的一举一动我都能随时随地的掌握，而这一点正好满足那80%的沉默的用户的“窥视欲”，可以说twitter是追“星”的工具；
不过有一篇从信息不对称（Asymmetry）这个方面来说twitter，还是蛮有趣的，文章中称twitter这种单向的follow模式是facebook为什么害怕twitter的真正原因，以至facebook收购不成自己也开始融入类似twitter的功能。在facebook和其他的一些社交网上信息和关系是对称的，也就是你加别人为好友，别人同意之后你也成为他的好友，我一直在想5G上如果大家都加keso为好友，那是很恐怖的一件事情，我们随便有个什么动作keso的好友动态多会显示一条信息。
而在twitter上，因为信息是不对称的单向关系（one-way relationship ），你可以follow别人，别人不用follow你，就像在公交车上一样，你可以随意偷听别人的谈话，你也可以带上耳机，互相不会干扰。在facebook或者其他社交网站上用户的关系有两种：
而在twitter上用户的关系因为不对称则有四种：
- 我follow的人；
- follow我的人；
- 互为follow的人；
- 互不follow的人；
不管怎么样，这两种信息架构都要自己的长处 ，比如facebook上的这种对称的关系，可以很好的维持现生活中的真实的好友，不过facebook也开始采用这种不对称了，而twitter这种不对称则对于这种名人大腕、知名品牌来说是最合适不过的，他们本来就只需要被关注，至于关注他的人是谁，我想刘德华一定不在乎他的粉丝是男是女吧。
推荐阅读：
Relationship Symmetry in Social Networks: Why Facebook will go Fully Asymmetric
Friends versus Followers: Twitter’s elegant design for grouping contacts
Popularity: 2% [?]
接着昨天的话题，搜索结果列表过滤器的问题，一直在想高级搜索和过滤器的问题，其实我自己现在很少会用到一个网站的高级搜索，更多的是用过滤器的。
来看看高级搜索和过滤器的区别：
使用高级搜索的时候，是所有条件的叠加，然后一步到位的按一个确定，事实上，我条件可以想出很多，但最终能匹配的结果，也许是零条记录与之匹配的；
过滤器用的可以说是排除法，每次只加一个条件，然后看看结果，随着你条件加上去，搜索结果就更接近你的目标。
这让我想起19楼上的哪些征婚相亲帖，上面的女孩子法的征婚帖基本是在用“高级搜索”的思维模式的，比如某女征婚，条件如下：
- 条件1 个子在175以上，标准型，有点帅，有点酷，有点身材（太瘦太胖不要）；
- 条件2 年龄在25岁——30岁之间，杭州本地人，或者是打算在杭州定居的；
- 条件3 有点孩子气(幼稚不要)，有点成熟,有点男人味，有点幽默，有点体贴。。。
- 条件4 有点钱,有点聪明,有点责任心,有点修养，尊敬父母，专一。。。。
- 条件5 最好有房子、有车子，还有些存款
- 条件6 。。。
这个是很典型的高级搜索思维模式，这些条件组合按确定键，我想最终的搜索结果一定是零。
而过滤器的思维方式就相当于是以缘分（相处）来定，是一种渐进的思维模式，有些条件不满足，可以慢慢来，或者一起将这个条件创造出来，假设一个女孩子身边的男生都符合她的要求，然后通过一步步深入，女生一次次的加上一些条件，最后选出来的结果不一定是一个白马王子，但起码是一个很符合的自己的男朋友。如某女找男友，这样来进行：
先输入关键字，单身的男生，搜索出来的结果可能是一大帮身边的朋友或者熟悉的男生，然后逐次加一个条件来慢慢筛选，
加条件1 个子在175cm以上的，发现剩下的只有6名男生，其中最有感觉的A男不在其中，那就把这个条件撤销，改换169cm以上，发现A男进入其中。
好，开始加条件2，帅气，可爱，幽默，发现有4名入围，可是发现B君没有入围，B君虽然长的一般，但是有幽默感，很好相处，于是条件在修正下，B君入围，后面的条件随着交往的深入和时间的推移，定能将身边的男生过滤到很多，剩下的，就是最有可能成为未来的如意郎君。
有些女孩子在征婚时候，有些条件不一定非要男孩子满足，比如买房子这个条件，男孩子有是最好的，没有可以在未来的日子中共同创建出来。这就提醒我们在设计过滤器的时候，允许用户自己添加一些条件。
综述，好的过滤器设置应该有如下几点：
1。好多用户对于自己要找什么样子的东西，是非常模糊的，这需要一个设计者对于自己的类目的属性要非常熟悉，才能将这些条件一一展示给用户；
2 。用户是经常“反悔”，好的过滤器能允许用户能很好的撤销已选的条件，选其他的条件；
3。对于一些条件，也许过滤器中没有，好的过滤器应该让用户参与进来，一起创造出一些条件；
4。好的过滤器应该是循循善诱的，将“条件”一一列出来给用户，而不应该一下子摆出所有的条件，最先应摆出了的条件应该是最大的最能影响结果的条件；
Popularity: 1% [?]
最近在做产品的时候，遇到搜索结果列表过滤器的问题，要想把过滤器做的好用，是需要花费一些脑筋的，不仅要对搜索结果中数据属性要熟悉，还要巧妙的将这些属性一一配对。
搜索的作用在于按照某个关键字找到最多（最相关）的结果，而过滤器的作用在于找到最少（最接近）的结果。
过滤器设计的几个要点：
1.属性——搜索结果有哪些属性
比如说手机，它的属性就诺基亚、三星，新的、二手、CDMA、GMS等
2.分组——把属性一一归类
还是拿手机举例，诺基亚三星这些属性归为品牌条件组，新的二手的归为成色条件组，CDMA和GMS等归为网络制式；
3.同类条件组属性之间的选择和撤销问题
比如我选了诺基亚，看看没有合适的，想选择其他牌子的手机看看怎么办。
下面就介绍一些网站的过滤器。
Indeed为一家为一个职位垂直搜索引擎，招聘职位的属性比较好做，薪水范围、招聘公司以及地域是较为关注的，下面以product manager为例搜索，左边的过滤器如下图1
（图1） （图2）
我选了薪水范围和招聘公司，如图2，如果要选择其他的薪水范围或者招聘公司，只要点击已选的属性条件边的undo，就可以撤销已选的过滤条件，选择其他的。
过滤器的好处：
对于自己的过滤条件一目了然，他将这些选择的过滤条件都用红色虚线框起来的。
个人觉得缺憾是：
比如选择我选择了$20,000+，它就把“薪水范围（Salary Estimate）”这个属性组给隐藏了，需要撤销之后才能看到其他属性条件。
再来看看Simplyhired的过滤器，也是一家职位垂直搜索引擎，如下图3、图4所示
（图3） （图4）
这个和indeed比起来，有了一些改良，
好处是：
我选了Title下面的Product Manager这个条件，整个Title整个条件组还存在，可以自如撤换选其他的Title条件，而自己做的一些条件组合在上面也显示出来，还可以将这些条件组合保存，以便下次快捷使用（51job的搜索条件组合我就经常会用到）
个人觉得缺憾是：
显示自己的过滤条件的区域没有indeed用红虚线框出来的明显，加上这一块区域在未有选择过滤条件的时候就存在，导致视觉上没有明显的差异突出。
（条件选定之前） （条件选定之后）
Popularity: 1% [?]
