感谢新浪微博,让我有力吐槽
产品设计

楼主懒得令人发指导致博客更新极慢,今天为了轻微吐槽下新浪微博,特此更新

42qu.com 最近上线了 招聘 板块,并引发了 教主 对网站注册流程的再度深思,于是我们就研究了下新浪微博的注册流程。

以下几点吐槽,一步一步来:

1.输入有误提示

右侧的提示两种类型的提示框相互毫无格调的重叠了,而且颜色较为相近,一个有正常审美的成年人都会忍不住想吐槽的。

除非是为了某种华丽而故意作此设计,否则姑且认为是不够用心。

2.选择学校的popbox,样式功能基本上没什么问题,和校内大街等原理相似。但诡异的事情发生了:

我深深的不理解这个根据首字母在某个省市内检索大学的弱智功能放这儿的意义是什么。举例说,如果是北京,90%以上的学校都在B和Z之间,B代表“北京xx大学”,Z代表”中国xxxx大学”。那为什么要让用户先思考一下大学名首字母再拿起鼠标去点那么一下呢?所以最好的情况是用户不浪费那个时间去走这一步,所以这个拼音字母条是不是多余了?还有,尼玛什么U,V,I这些字母也摆在那儿…有这些字母开头的拼音么……

3.就光这么个弹出框,都还有更坑爹的,

面有个自动输入检索的框,我明明选的是大学,输了个“北京”,给出的检索结果全是毫不相关的中小学什么的。一家牛逼哄哄的大佬级公司,龙头产品的门面级页面–注册页面,竟如此扯淡。

4.填完第一页的这些,提交之后,弹了个回答验证问题的框

这个设计本身没什么问题,但是下面的红色提示却有些不妥,据我了解,至少我们几个对互联网产品流程比较熟悉的人乍一看都以为是要输入数字结果(那个红色的提示),发现不对劲之后才会视线前移看到“如果是数学题”这几个黑子。既然有些题不是数学题,那就不应该只强调“用数字请用(0123456789)回答,比较好的做法应该是整行红色高亮或者整行保持普通黑色(毕竟用户看到上面问题是1+3=?时多半知道要去填“4”,而不是“四”的),总之起码这一整句应该保持风格统一。

5.推荐关注 & 寻找朋友

注册信息填完后新浪会将微博里的名人推荐给你关注,这一步合情合理也很常见。

再接下来是“找到朋友”的页面,

这里面也有之前谈到的检索大学的问题,不过这次这个检索框弱智的更明目张胆:

还特地加了个标题“快速搜索”……搜索你妹。

这两个页面拎出来说是因为当时我们一起看的时候都被困住了,关注了好些名人,就怎么也找不到下一步去哪儿,这一点在大显示器上尤为明显,仔细看才会发现,页面最底部fixed定位了一个横栏,上面有能进入到下一步的按钮。不过这个横栏的颜色和整体页面很接近,又被加了透明效果,又是100%的宽度,作为一个非设计师,我无法从很专业的角度去抨击这个设计的可用性,但作为一个普通用户,连个下一步的按钮都得让我先困惑一会儿、缓缓神才能找到,不得不说这设计挺失败的。

6. 这几步熬过去之后,便进入首页。刚一进来,便弹出要求上传头像的框

这个设计也很合理,毕竟对于上传头像这种步骤,一般用户不会排斥,所以这里不是强制干扰,反而是一种引导、提醒作用。甚至如果用户没传过头像,每次刚登录进首页直接弹这个框都不为过。

而我最后要吐槽的是传完头像后的这一步:

“你可能感兴趣的人”,绿色高亮的“关注全部”按钮,眼熟是吧?

那就对了,前面刚填完注册信息后的“为你推荐” 就是跟这一步干的一摸一样的事情。

套用教主的话:新闻媒体对数字敏感,习惯追求好看的数字。于是对于新浪好不容易拉过来的那些名人,自然是尽量为其争取更多的平民粉丝,以求“在数字上好看”。

但如此接近的两个步骤在一个流程中毫无格调的重复出现。对这种设计,我只能客观的评价:除非用户都是傻逼,否则就显然是新浪傻逼了。

此文只是对新浪微博的注册流程做了个小小的流水账式的吐槽。这些产品设计上的问题倒还好说,起码不至于影响使用。但该微博在很多更原则性的问题上却也屡屡让人难以忍受,实在令人讨厌。具体推荐参考可能吧的这篇文章「新浪微博给我印象最深刻的10件事」(需翻墙)

暂无评论

ie不支持…不支持你妹啊…
web开发」「妙趣横生

kindeditor在opera下完美展示,到ie里面,怎么都出不来。在网上搜了N久,发现这样一句令人心酸的话:
“ 设置初始化参数时最后花括号前面是不是多加了逗号?IE不支持{id : "editor_id",}这样的写法。”
然后一把鼻涕一把泪的

KE.show({
id:'editor_id',
items:['image','emoticons'],
cssPath:'/Tpl/css/editor.css',
});
改成
KE.show({
id:'editor_id',
items:['image','emoticons'],
cssPath:'/Tpl/css/editor.css'
});
编辑器就出来了……

 

暂无评论

产品:推广从设计开始
产品设计」「私生活

博客有多久没人工更新,我自己都记不上来了。这其中有诸多原因,但不管怎样,还是又更新了。

 

0.背景

昨天晚上室友在大街网上找了个IBM的实习,就申请了。然后中间有个环节是要求他找三个同学给他写个人评价。当然,考虑到种种用户体验的问题,在下一步的右边也有“我放弃同学评价”这一项,但是对于大多数同学来说,对自己的职业未来都很看重,所以但凡自认为能给自己加分的地方肯定都不会放过。

所以我想大部分人还是不会跳过这一步的。这也算是产品设计的一个理念吧:虽然你很可能不会选择跳过我的产品设计的某一步,但是我给你充分的选择,以至于你不会因为这一点而骂我,你无话可说。

dajiesheji

1.开端

他就填了我们寝室几个兄弟的姓名和邮箱。没一会儿,我们都收到了邮件:

dajiayoujian

乍一看这邮件的语气、用词,还以为是我同学直接给我发的,当时还想,他怎么跟我们还这么啰嗦一堆。。当然,我也就直接点链接过去填了。要填的东西不多:一段评价,一个联系方式。

 

2.进展

dajiapingjia

稀里哗啦写了些天花乱坠的好评,把我同学简直评价成了雷锋、王进喜。。亮点在于这个联系方式,一般来说,这种情况下你肯定会愿意去填真实的联系方式,因为你还不知道真相是什么,你只知道你现在是在帮你个哥们,你把你哥们写的这么好,人家要你的联系方式然后跟你直接联系验证一下不是没有可能、不是不能理解的。所以我很自然的填了电话,点提交。

 

3.高潮

pingjiatijiao

这款产品又开始让你进退两难实则退而不能。“额,要我注册才能提交成功?!”,“唉,算了,我这是在帮哥们,总不能因为这举手之劳就不愿意帮人家了吧。。而且都已经到这一步了”。其实真的是“举手之劳”而已。邮箱和姓名,你同学已经帮你填了(第一幅图),你只需要选择性别,然后设置个密码就OK了。到这一步,我只剩下感叹了,这真是一种很有效的推广方式,等于是绑架你和同学之间的情面,让你在每一步都不会中断。而且让你的同学在不知情的情况下提前帮你填了大半的注册信息,他不会觉得有什么,你更不会感觉到有什么。

 

4.总结

所以这个设计流程最重要的一点就是:它成功推广,兼顾用户体验。整个过程算的上很温馨,处处体现你和你同学之间的友谊和情面。而且在很有成效的基础上、推广幅度也是很大的,想想吧:一个寝室4个同学,有一个在它上面注册并且申请了某职位,后来这4个都成了它的注册用户。

暂无评论

用火狐、谷歌浏览器自动翻墙
小技巧

首先,翻墙已经逐渐成为了中国网民上网的标配。

大家应该都知道,以Facebook,YouTube,twitter,foursquare等为代表的这些优秀的互联网“带头大哥”级的应用都在墙外。大家更应该知道,在天朝要想做一位思想先进、能看清真相的合法“公民”,不翻墙是不大可能的。

 

gfw

(图片引用自可能吧

 

0、背景

说来也巧,我昨天上午在百度知道遇到个小孩,请教我如何用Firefox翻墙,我就很没良心的赚了他100分(希望他看到后不会生气:D)。下午又一位推友发推说“终于配置成功了,原来chrome自动翻墙这么简单”。到了晚上,又一位博友请我帮他用chrome自动翻墙。后来我就觉得还是系统的把这些方法写出来吧,希望对大多数想翻墙,尤其是想翻墙上推特的墙内网友们有所帮助。

 

一、自由门

这个大家应该不陌生,一款不错的翻墙软件。目前的最新版本是7.01,可以点此下载(提取码:f31838ef8f)。这是个exe文件,直接打开后,即可通过各种浏览器翻墙,而且浏览速度和使用前基本一样。但是大家会发现一个问题,就是墙外的网站都能访问了,但是墙内却有大批网站无法访问。这时你又得把自由门退掉…一般人不会整天这么折腾的。所以为了“让撞墙成为往事”,实现自由切换,自动翻墙,我们还需要做其他的事。而不同内核的浏览器实现方法又个不一样,所以下面分几浏览器介绍。

 

8月31日更新:由于众所周知的gouride fuck wall 的缘故,自由门7.01和7.02已经不能顺畅的翻墙了。这里是最新版的7.03的下载地址:点此下载

另:我没想到之前存在网盘里的7.01版几天后竟然被网盘删除了,禁止下载。。为了方便大家下载,我只好把这个7.03的存在了自己的虚拟主机空间里。

 

9月7日更新:一周没上网,刚打开电脑便发现自由门又更新了。毕竟“有关部门”也不是省油的灯,为了能时刻通畅,自由门们只好加快更新速度。这里是最新版7.04的下载地址:点此下载。(正如前面所说,为了能时刻通畅,大家最好每次打开自由门都看看它自动弹出的网页上方的通知,要是有版本更新就立即下载更新,以防被gfw暗算)。

 

二、火狐

首先,请确认你的火狐是“全球通用版的汉化版本”(右边的),而不是“火狐中国版”(左边的)。

 

火狐官网截图

 

确认以后,在火狐的工具->附加组件->获取附加组件,搜索 autoproxy。或者直接点此,然后安装第一条。安装完成重启Firefox后,出现此界面:

 

autoproxy

 

将gfwlist前那个圈选中,然后下面默认代理选择 自由门(freegate),或者你正在使用的别的什么翻墙软件。然后确定。最后再确认你的选项设置是这样的即可实现自动翻墙了:

 

选项设置

 

三、谷歌浏览器(Chrome)

步骤1:在win7系统下(相信现在大部分人都在用win7了吧),先在chrome的settings->extension里面搜索该扩展:Proxy Switchy! 。或者直接点击此处,选择第一条或者汉化版安装完成后,重启浏览器。

步骤2:下载该文件:SwitchyAuto.pac (点此下载

步骤3:然后去该路径下:C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\caehdcpeofiiigpdhbabniblemipncjj,用刚下载的文件将原pac文件覆盖掉,并且将该文件属性设置为只读。

步骤3:在chrome下确认地址栏旁边的设置如下:

 

chrome设置

 

(特别注意,要勾选那个auto switch mode ),这样就能在chrome下实现自动代理翻墙了。

附:对于一些基于chrome内核的,诸如太阳花浏览器,实现方式基本一样,只是可能文件夹路径有点差别而已。而对于非win7系统,就抱歉了,因为暂时还没试过。

 

四、ie

ie?。。暂不考虑。

 

欢迎各位翻墙成功上twitter后积极fo我:@realfex ,我也会第一时间回fo的。毕竟这种东西还是人多比较好玩,谁都不愿在那儿自言自语,所以大家互fo也没什么不好的。好了,再扯就远了…

24 条评论

mysql无法插入数据记录
web开发

最近心血来潮鼓捣起php来了。恩,学就学呗,虽说有一些j2ee基础,但还是得一步一步扎扎实实来。看完一些基础教程后,便试着写一个学习所有web开发的继"hello world"之后的又一必经程序——留言本。

一切都正常,直到测试的时候才发现怎么都无法插入记录到mysql中,sql语句都打印出来了,看着也没什么问题:

insert into message (user,title,content,lastdate) 

values ('','realfex','www.realfex.com','这是一个测试留言。',now())

程序中的代码为:

$sql="insert into message (id,user,title,content,lastdate) " .

"values ('','$_POST[user]','$_POST[title]','$_POST[content]',now())";

看着似乎也没什么问题。(其中id为主键,且为自增int类型)

修改了多处,折腾了许久,才发现问题所在:

在老版本的mysql中,对于自增类型的键值,可以赋为‘’,但在后来较新的mysql中, 这样就行不通了。必须给它赋成null,或者直接不给那列赋值。所以,解决办法:

1.原sql语句改成:

$sql="insert into message (id,user,title,content,lastdate) " .

"values (null,'$_POST[user]','$_POST[title]','$_POST[content]',now())";

2.改成:

$sql="insert into message (user,title,content,lastdate) " .

  "values ('$_POST[user]','$_POST[title]','$_POST[content]',now())";

 
其实也就是个“一个芝麻糕,不如一针细”的问题,但很多时候就是这种小问题让人劳心费神还未必能发现、解决。所以在这儿记录下来,一来希望能给自己养成个总结错误的好习惯,二则希望能给路过的菜胞们提供哪怕是细微的帮助。

4 条评论