推荐阅读

[活动预告]SocialBeta@广州分享会开始报名 SocialBeta(www.socialbeta.cn)致力于社会化媒体的研究和资源分享,关注社会化媒体发展、社会媒体营销)、社会化设计以及社区型网站运营等有关社会化媒体的方方面面,为国内广大社会化媒体爱好者提供学习与交流的平台。 SocialBeta分享会已在北京和上海成功举行了4次分享会,此次是第一次在广州举行,希望能够结识广州的社会化媒体从业者和爱好者,共同交流与分享。 欢迎各位社会化媒体爱好者踊跃报名参加!报名请私信@菜衍青,报名格式为“姓名+手机号码”。 时间和地点: 由于红砖厂附近正在修路,因此临时更改了活动地点,改为:广东工业大学...

Read more

SocialBeta分享会@上海第二次聚会活动现场 SocialBeta分享会@上海第二次聚会成功举行,感谢@Ekstasis,@朱鹤以及每一位到场的朋友们,没能去现场,只看看微博解馋,我把这次活动的一些微博上的东西整理如下,也给没去的同学们解解馋,先上一张合影: @S1984:今天#socialbeta#聚会的大合照,poor...

Read more

【how to】提高Facebook粉丝数的10个技巧 编者言:facebook相对于我们来说,还是有点距离的,但本文介绍的10个小技巧对我们利用社会化媒体还是有些帮助的,这些都是围绕怎么和粉丝建立关系和促进对话来展开的,希望对大家有一些参考价值。 在Facebook上除了提供优质的服务外,还需与访问者建立亲密牢固的关系,下面就介绍10个技巧。 1:在你的Wall发表优秀的帖子/文章,同时进行长期的互动 要想别人”like”(喜欢)你,首先你要Likeable(可亲),一个杂乱无章的Facebook页面可是会立马“赶走“客户的。就一个Facebook...

Read more

[how to]社会化SEO四步制胜法则 关于社会化媒体营销和SEO可谓众说纷纭,以至于许多公司都很糊涂,不知道朝哪个方向走。在内容优化和如何利用社交网络与客户互动并推广内容等问题上也有着不同的模型和方法。不过在我看来,不管何种模型和方法,下面四个要点对于Social...

Read more

SocialBeta分享会@上海活动现场报道 SocialBeta分享会@上海如期成功举行,据说现场来了40来人,活动组织者@Ekstasis说自己全程都是站着的,在这里我谢谢大家对SocialBeta的支持,谢谢三位分享嘉宾的精彩分享,还要谢谢被我临时拉去帮忙的高中同学Sabrina。下面我把新浪微博上大家对本次聚会的一些现场报道整理如下,希望大家多多在新浪微博上分享你参加这次聚会的感谢,分享的时候别忘记加上#socialbeta#。 puting...

Read more

【一心一译】网站设计的简洁之道(优势和方法)

Posted by puting | Posted in 产品设计 | Posted on 28-09-2009

标签:, , , , ,

3

在网页设计中,简洁并不一定等同于极简主义者的设计美学。简洁的网站只是从设计、内容、以及代码中移除了所有不必要的元素。而极简主义的网站普遍符合这一标准,有许多网站,不管你如何想象,都不会被认为是仍适合简单的定义的“极简主义”。

下面是简洁网站设计的一些优势,以及一些简洁设计过程中的简单的技术。

简洁网站的优势
_____________________________________________________________________________________

1. 简洁的设计让网站更容易导航
简洁的网站没有冗余的信息。这在两个方面有助于导航:通常,网站拥有更少的页面和栏目;或者网站的设计通常是干净整洁的,更容易找到导航元素。网站的简洁设计是一个很好的解决导航可用性问题的方案。

下面是关于导航简洁设计的一些小建议:
• 只使用一个主导航菜单
• 确保导航在一个网站中保持连贯性;
• 不要使用下拉菜单作为导航,下拉菜单容易隐藏一些零乱的菜单;
相反,强迫自己将一些导航要素纳入到网站设计中。通常,这将使得导航更加简洁。

MSN9.0,我忍您很久了。。。

Posted by puting | Posted in 产品设计 | Posted on 24-08-2009

标签:, , ,

2

自从我用上了性能更加卓越的Windows Live Messenger 2009(也就是您熟悉的MSN)之后,每天早上登录的时候都会有一阵子抓狂,今天终于忍不住了,来说道说道我使用msn2009的遇到的一个问题,严格上说是遇到两个问题:

问题一:如图,光标在提示语句(输入密码,”请”字都懒得说)的句首闪烁,按照我习惯思维一直想把光标移到这个提示语句的末尾,但是死活移动不了;
问题二: 光标不能移到提示语句的末尾,那我怎么把这个提示语文字删除,按照我习惯思维,输入框中的文字要先删除才能输入的。

伟大的Windows Live Messenger 2009其实是这样的:
直接输,不用管里面有什么提示文字,输入一个,里面的提示语自然消失。

看来要解决这个问题,只能自己想点办法:
1 直接来个开机自动登录,不用纠缠在这里;(我可以做)
2 卸载掉MSN2009,装个低版本的MSN;(我可以做)
3 每天纠结一下,然后对自己说,这是伟大Windows Live Messenger 2009的最大特征;
4 弱弱地向MSN的产品提点意见,能不能不要在这些我们已经习惯的地方搞创新实验。

最后还有一个Windows Live Messenger 2009的特征,那就是在任务栏中点一下msn图标,立马退出,害的我每次都要重新登录,再纠缠一下。(也许是哪里可以设置的)

PS:朋友说,这是我电脑问题,不知道其他用msn9.0的朋友有没有这个以上的问题;

怎样设计好一个搜索结果列表过滤器(二)

Posted by puting | Posted in 产品设计 | Posted on 25-04-2009

标签:, , ,

0

接着昨天的话题,搜索结果列表过滤器的问题,一直在想高级搜索和过滤器的问题,其实我自己现在很少会用到一个网站的高级搜索,更多的是用过滤器的。

来看看高级搜索过滤器的区别:

使用高级搜索的时候,是所有条件的叠加,然后一步到位的按一个确定,事实上,我条件可以想出很多,但最终能匹配的结果,也许是零条记录与之匹配的;

过滤器用的可以说是排除法,每次只加一个条件,然后看看结果,随着你条件加上去,搜索结果就更接近你的目标。

这让我想起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。好的过滤器应该是循循善诱的,将“条件”一一列出来给用户,而不应该一下子摆出所有的条件,最先应摆出了的条件应该是最大的最能影响结果的条件;

如何设计好一个搜索结果列表过滤器?(一)

Posted by puting | Posted in 产品设计 | Posted on 24-04-2009

标签:, , , ,

0

最近在做产品的时候,遇到搜索结果列表过滤器的问题,要想把过滤器做的好用,是需要花费一些脑筋的,不仅要对搜索结果中数据属性要熟悉,还要巧妙的将这些属性一一配对。

搜索的作用在于按照某个关键字找到最多(最相关)的结果,而过滤器的作用在于找到最少(最接近)的结果。

过滤器设计的几个要点:
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用红虚线框出来的明显,加上这一块区域在未有选择过滤条件的时候就存在,导致视觉上没有明显的差异突出。

                       
(条件选定之前)                                             (条件选定之后)