网站公告设计之排序问题

本文是从纯产品的角度来探讨问题,同款产品对不同的公司的商业价值不一样,是否过度设计这个问题不在此深究。

现有案例如下,某网站首页,有一呈现公告的区域,可放3条公告(或广告信息),从后台添加公告信息,那么如何设计此功能?

公告区示意图

首先,需要解决的一个问题是,这3条信息,在页面呈现上,有第一、第二、第三的区别。那么,我们按什么样的方式来排序呢?

可能会涉及到的排序方式有3种:按生效时间排序,按优先级排序,置顶排序。

  • 按生效时间排序,不可以,因为老板说,团购活动明天上线,放第一位,加红,重点推一下,要是按上线时间排序,就杯具了;
  • 按优先级排序,应该是对的,优先级由发布人员手动控制;
  • 置顶排序,如果只有一个置顶级别,那么后面两个排序控制不了,如果有两个置顶级别,那跟按优先级排序是一回事了,当然,肯定无须三个置顶级别。

结论是,我们后台按优先级排序吧,发布新公告时,都给每条公告标注123就OK啦。好吧,貌似很容易解决此问题了。

其次,我们按上面的思路接下来细想,发布新公告时,添加该条公告的排序,想排第2位,就填2,想排第1位,就填1,真是这样么?

答案当然是不可以。假设公告1过期下线了,新添公告4出来,要排在第2位,如果我们对此条公告排序,只是填个2,就杯具了,与原来的第2位的公告出现了冲突。

公告位置变换

所以,每新增一条公告时,我们都必须通知系统自动找出该时段内未下线(是查结束时间,不是开始时间)的另外两条公告,重新对3条公告进行一次手动的优先级排序;

最后,再想一下,按时间排序和优先级结合起来排序,优先级可以不填写,默认按时间排序,如果新增的公告4,设优先级为2,则优先占据第2的位置,第1位,与第3位就按默认的时间排序,是不是可以解决问题呢?表面一看貌似是,不过如果出现,原来的第2位,为什么是第2位,也不是按时间排的,也是手动输入的优先级,此时就又杯具了,又冲突了,怎么解决?以后添加的时间为更高优先级吧,这样就解决了。你晕了吗?晕了吧!我也差不多晕了!这方案过于复杂,我也没想明白。

有朋友说用广告位的设计方法不是很容易实现么?也就是说,每条公告都是一个独立的广告位,有独立的排期,互不冲突,多好啊!实际上,解决不了我们上面提出的问题的。发现了吧?

结论,所以最终的解决方案是:每新增一条公告,都得手动重新填写一下3条公告的优先级顺序,并且,每次修改任意一条公告信息的时候,你都得重新调整一下3条公告的优先顺序,如果不填写,就按时顺序排了,你可别后悔!

求最优解决方案,欢迎指导。作者QQ:524044537,Email/Gtalk:hongwen.he#gmail.com

感谢@程寅Beta同学,@joby同学,他们利用宝贵的看电影和上班时间跟我讨论了很久。

 

 

 

元旦快乐

一年又过去了,说快也快,说慢也慢,发现自己又老了一岁。

其实男人也怕老的,特别是在没有做出什么成绩的情况下,真怕老,看着那些90后慢慢加入了工作,80后已经是老人了,已经有代沟了。

生活像一张无形的网,逃都逃不掉,挣都挣不脱。

已经没有脾气面对那些不开心的事情,只是默默地不说话,独自一个人舔伤口。因为没有力气去辩解什么,争论什么。

生活中没有大的乐趣,所以要为生活中的小惊喜而喝彩,写这句广告词的人一定是有深的感悟,多一双发现精彩的眼睛,学会寻找快乐,或者没事傻乐,这是十分必要的。

在陌生城市里打拼了一年的朋友们,元旦来了,忘掉那些不开心的事情,留点童真和理想,不要让生活磨平了,元旦快乐!

豆瓣列表排序的细节展示

想到这个问题的原因是,是我不知道下面哪个标签(姑且叫做标签)处于激活状态,至少没有做到一目了然。要不,你看看下面是按什么顺序排列的?

为什么会有这种歧义?

  • 我们潜意识里可能知道,那个与其他选项不一样的状态,就是当前状态。在豆瓣提供的这三种排序方式中,只有“按评价排序”是不一样的灰色,所以我们知道另外两个不同颜色的标签是可以点击的,例如下图:

    但我们在文首遇到的问题是,这里只有两个选项,缺少对比,从而产生疑惑。

    • 我们见多了选项卡(TAB,或标签),认为不同的选项卡中所呈现的内容应该是不一样的,而豆瓣这里,采用了类似于选项卡的呈现方式,实现的却是排序的功能。

    我们如何解决这种歧义?

    • 增加向上向下的箭头,只有在选中状态下才会出现箭头,通常用户都会看明白当前是按什么方式来排序,能够解决一些疑惑。而且基本上没有做改动,不破坏豆瓣现在的页面风格和布局。

    • 另外,排序方式是不是可以提供向上,向下排序?也就是在灰色箭头的情况下,仍然可以再次点击然后按正序或倒序排列。

    继续围观腾讯与360之战

    • 同事问我,360如此下狠手,如果我是马化腾,我会怎么做,我说,我会把360往死里整,卸载掉它。我是一个普通人,可马化腾却真的使用这招,难道小马哥真的像我这样的普通人一样没有头脑?腾讯真的是臭招不断啊。
    • 新浪的调查结果显示,他们两个打架,有50.1%的人会选择卸载QQ,http://survey.tech.sina.com.cn/result/52052.html?f=1我对此数据深表怀疑,360为了此次掐架,不知道动用了多少公关资源,看看新浪微博上一边倒的趋势,就知道了。
    • 腾讯和360吵架,火了新浪微博。仅“QQ对决360”的话题,到晚上10点时,已经有260万条微博了。恩,新浪微博真牛叉。
    • 周鸿祎同学那个什么WEBQQ的客户端,实际上还是用腾讯自己以前开发的web版QQ吧,这招真狠,真狠,用腾讯自己的矛,去刺自己的盾,腾讯怎么做,都会自伤,但腾讯果断的暂停了WEBqq,不知道小马哥事先预料到此招没有。
    • 周鸿祎同学说,要保证360和QQ能同时使用,http://bbs.360.cn/3237987/39944164.html?recommend=1 可是,我的QQ真的已经不能使用了,我还没有卸载360,在等你想办法呢,老大你快点,我坚持不了多久,我就要卸载360了,时间就是金钱啊,时间就是胜利啊。
    • 那个啥,扣扣保镖360放弃了?为什么?周同学遇到什么麻烦了?这难道也是他棋局中的一环?实在看不懂,继续围观吧。
    • 360是一家伟大的公司,因为周同学说了:“腾讯这个横行的霸权即使要倾轧过360的身躯,360也一定要让这个恶霸付出代价”,不知道那些了解内幕的互联网大佬们,看到这句话会是什么样的感觉,反正我是挺恶心的,搞的自己死的多么壮烈一样,请不要代表用户说事,请不要代表我,谢谢。
    • 腾讯并不是一家值得崇敬的公司,我也相信他的确做过些见不得人的事,我痛恨这些下三滥的手段,可是一个人做了坏事,并不一定要另外一个坏人去把他杀死。你们两个都是坏人。哈哈
    • 360是招招狠手,腾讯是招招臭棋,一步一步进了360的圈套。不管腾讯的做法好不好,腾讯的确是拎用户以令360,腾讯敢说,想用QQ,卸载360吧,而360只好虚伪地说,我为了用户利益,我要让360与QQ并存,可是他不敢说,想用360,卸载QQ吧。这就是本质的区别,人家虽然臭手,可是就是牛叉。
    • 好了,等了两小时,周同学没动作了,他会不会正在盯着电脑屏幕,看看有多少人正在卸载360……而小马哥是不是也是紧盯着QQ的上线量变化?好有看头的一场戏。
    • 小马哥和周同学,晚上早点洗洗睡吧,不早了,不要吵了。

    请升级战争档次,谢谢

    我所了解的事实不一定正确和全面,但跟中国大多数网民一样,他们也不会全面了解事实的真相,并且没有兴趣参与到这场无聊的口水战中来。

    前几天在私人电脑上打开QQ,看到了大家一样的那个QQ强制升级弹窗,我知道,口水战升级到实际行动了,我选择了升级,因为不升级就不能继续使用QQ,虽然QQ不是生活必须品,可是放弃不用却是要下点狠心的,我知道,我成了他们战争的牺牲品,但我却无所谓,你们不就是想占据我的电脑吗?来吧,别格式化我的硬盘就好,别在里面打架让我的机箱冒烟就好。

    今天一打开公司机器,又再提示我强制升级,我感觉异常平静,而不是像很多朋友一样怒火中烧,卸掉两个吵死的家伙,我只是感叹,QQ的用户量就是大啊,连个强制升级,都需要花N久来完成这件事。

    ——————————————————————————————————

    看惯了这些无聊的争论,我不能免俗地说说自己的想法。

    1.腾讯已经失败了。这场升级版的口水战最终会发展成什么样子,不得而知。但事情发展至今,我觉得腾讯从一加入到这场争吵中来,基本上就失败了。

    • 我一直觉得,360与腾讯的差距是很大的,当360宣称有2亿(还是3亿)用户量的时候,我觉得与腾讯不是一个量级,360就是一个小工具,可有可无。大象与蚂蚁的战争,不管战争结果如何,对大象是一种耻辱,对蚂蚁是一种荣耀。腾讯的出手,将自己与360放在同一层次上,其实可以不必这么做。
    • 腾讯你丫做的事本来就不地道,(我不能从技术上证明腾讯扫描我的硬盘,可是我却从心底里相信360说的非常可能是事实),你还冲着这事出来跟人家吵,你这反而将自己见不得人的事情放得更大,自毁形象。
    • 360的目的是什么,打击腾讯,扩大自己的影响力,这次不管是好名声,还是坏名声,都是将360的名声扩大了,这是第一个敢正面挑战腾讯的公司,提升了自己的江湖地位啊。

    2.强势的公关,低级的手段。360的公关能力的确很强,手段却不能让人称道,仿佛手握着众多公司的短处,谁侵占他的地盘,谁对他不利,随时都准备出招,随时准备战斗。

    • 这次口水战的导火线,是腾讯推出“QQ软件管理工具”,将战线直接拉到了360的地盘,不管腾讯是否在抄袭,这是行业竞争的一个必然,而360的反应,像是一匹被侵占地盘的狼,开始了疯狂的反击,开始揭腾讯的短,这是畏惧的表现,360没有通过提升产品竞争力来获得用户,而是使出一贯的手段,多么的无聊和低级,而腾讯也很配合,与之争吵,于是有了今天的闹剧。
    • 就像小孩过家家一样的,360,请不要标榜自己是为了用户安全着想,如果真是,你早干嘛去了?为什么腾讯一推出这玩意儿,你就怒火中烧呢?

    3.互联网的江湖,需要一点高端的竞争。而不是用那些搬不上台面的手段来恶搞。

    • 当百度等巨头加入这场口水战中时,我感到失望,国内互联网的竞争就这种水平。有时候,我们需要理想主义,需要一个公平公正的竞争环境,当程炳皓打败了千橡,赢得了区区40万的时候,这是道义上的胜利,不管法律如何处罚,我们需要这样的例子来重振对互联网的信心。陈一舟要一笑泯恩仇,这才是一个行业良性发展的征兆。
    • 360搞不死腾讯,腾讯这种体量的公司,应该考虑树立正面形象了,应该唱唱高调了,想做一家伟大的公司,就不要整这些没用的吧,当google标榜着不做恶而离开这片国土时,无数人在内心树起了大拇指,不管我们生活中如何处事,但我们内心中,都崇敬着那些正直,坦荡,刚正不阿的正面形象。腾讯,你应该变得更加大气,也有能力变得更加大气,你没有必要做那些被人抓住尾巴的事情。