PorkFat Finding Neverland

Archive for January, 2010

如何把药片放进猫肚子

01.29.2010 · Posted in

我是有师范风骨的人,我要传授我的独门绝招,传男又传女又传不男不女又传又男又女,认真学,你会懂。 1,把猫放在大腿上──你的大腿、不是猫的──让猫肚皮朝上,如果猫扭啊扭,用大腿夹住猫; 2,左手拇指和食指按住猫嘴两边,右手扳开猫嘴巴; 3,如果扳不开猫嘴巴,左手继续按住,等待,等到猫张开嘴巴,左手使力,顺势卡进猫嘴巴; 4,呃,准备好药片,如果用量为一半,用手刀把药片劈成两瓣(手刀的付费教程请电邮我以继续学习),如果你刚才没有准备好,先做这一步,再重复上面所有步骤; 5,把药片放进猫嘴巴,用嘴巴──你的嘴巴、不是猫的──吹猫眼睛,猫闭眼时放开左手; 6,如果猫把药片吐出来,重复上面所有步骤; 7,如果猫不把药片吐出来,摸摸猫头,再摸摸猫背,再摸摸猫肚皮,再摸摸猫手,重复,直到你相信药片已经到了猫肚子里面。 礼成。 ...

一个自动补完的交互案例

01.27.2010 · Posted in 用户体验

自动补完列表是一个最早使用于搜索引擎的出色的 UCD 设计的案例。 闲话不说,来看这个案例: 这张图是一个略有缺陷的情况。(google.cn) 这张图是一个比较完美的解决方案。(google.com) 现在,我们来仔细分析,针对第一张图的缺陷提出相关建议: 1 去掉非必要信息。 建议条目的结果数对于用户意义甚微,它出现在这里构成了额外的关注焦点,对用户的干扰大于他起到的实际作用,所以即使去掉,用户也情绪稳定,影响不大。 2 提供更积极的交互反馈。 建议条目中,已输入文字和未输入文字没有区分(比如我输入了「忍」,条目「忍者」中「忍」是已输入文字,「者」是未输入文字),如果能够区分开,能带来更好的操作感。积极、正确地对用户的操作进行反馈,可以达到鼓励用户、消除疑虑的作用,在人机两者间搭建完整健康的交互循环,使用户的操作感受更流畅。 3 理清混淆的交互方式。 建议条目的列表是在 UI 上模仿了浏览器输入框的自动提示功能,自动提示功能是:输入部分文字、出现下拉框、点选正确的内容、该内容将替换输入框中的内容。在最后一步上,这个案例和自动提示略有不同,点选后将直接把你带至搜索结果的页面。而这个案例里对于鼠标悬停条目使用了反色效果,在视觉上过于形似自动提示(因为自动提示里就是反色效果),当鼠标悬停的反馈让人认为这就是自动提示功能时,点击之后却出现了不同的交互,所以提供不太一样的 UI 效果可以达到消除歧义的作用。 4 解决因设计该方案而产生的新问题。 列表遮挡了输入框下方的两个按钮,对于会点选推荐条目的人没有操作上的影响,但是对于仅搜索输入的内容、并不需要推荐条目的人来说,就得先让这个列表消失,才能够点到按钮,虽然按回车也可以达到目的,但毕竟也有用户是不知道在输入框里面按回车的。把按钮挪进列表的框内,对于前两种用户没有影响,却可以给不需要推荐条目、又不知道按回车的用户带来便利。这样一来连「关闭」链接也就不必要了,索性去掉。 改进后变成第二个网站的样子,这样就变得很完美了。 ...

给网易微博

01.26.2010 · Posted in 产业, 用户体验

22 号答应了氧气兄在网易微博这个产品上给他写一些意见,鉴于此帅哥会给我发工资,所以拖了几天后,我调整出一整段较长的时间来好好用一用,再写一写,写前先明确三条原则,提醒自己写此文的目的: 1 写一些意见,是为了帮助到网易微博; 2 写一些意见,是为了帮助到网易微博的用户; 3 写一些意见,不是为了再造一个饭否。 写完原则,我就开始使用先进的 IE8 浏览器来最大程度还原网易微博团队的设计想法,然后把意见整理和记录下来。 产品设计 (这段是观察,不是意见) 新浪微博已经冒出来有段时日,我逛了一下,他们基本上把博客产品的成功经验复制到微博产品上来了,新浪微博的公众首页 (t.sina.com.cn/pub/) 就是一个信息纷杂的资讯整合页面,微博这一局,新浪摊开的第一张牌就是名人牌,另外,消息可以评论这一复杂化的产品设定,也是新浪独到之处。 网易微博出的第一张牌是去中心化的草根牌,来呼应新浪的名人牌。对应新浪微博的产品复杂化,网易微博保留了简单化。有了这两点截然不同的差异性,网易只要坚持自己的独立品味,再适当营销和公关,也能够吸引一班忠诚用户。 至于今后,希望网易微博可以和网易的新闻、博客、甚至游戏等产品增加联动能力,好歹网易新闻还是有点看头的。 UI 网易微博的 UI 设计略微单调,希望开放日可以看到一个耳目一新的设计。 1 色调很稳重,但是颜色缺少对比,画面不太活跃。对话框和「发布」按钮的个性化设计不错,如果更大胆一些则效果更好。 2 用户页面的「加关注」和「取消关注」两种按钮有所区分更好。关注列表里「添加关注」和「取消关注」按钮如果不改动交互方式,前者应当比后者有更突出的对比。 3 发布消息的对话框不太有输入框的感觉,倒有点像是一个空白的橱窗广告位,即使暂时还没有人遇到认知障碍,但如果能把它做得更有输入框的味道则更好。 4 点击发布时间后被带至单条消息的页面,这个页面显得孤立,和其他页面之间没有交互,建议重新设计一下。 前端 1 页面上的消息,我这边常常要花上 10 秒钟才能显示出来,完全依赖 Ajax 来调页面内容未必妥当,这 10 秒钟就足够我关掉网易微博打开新浪微博了。我个人看法是:Unobtrusive JavaScript 架构思想对微博类网站尤为重要,这不是技术沙文主义,他对使用者的关怀在于即使我遭遇不可抗力,比如糟糕的网速,或不支持 JavaScript 的落伍手机,也能为使用者提供替代方案,网站可以完美呈现。禁用了 JavaScript 之后 Twitter 仍然能够保持很好的响应速度,使用体验也几乎不受影响,这是难能可贵的。 2 回复的消息有个引用原文的「Re:」,硬生生截断的话后面加个省略号更符合习惯吧,如果有个 title 属性,令到光标悬停的时候就能显示出全文,就更好了。 3 搜索页面采用「上一页/下一页」的交互方式,与用户页的「查看更多」不一致。目前的交互也存在问题,点击「上一页/下一页」后的操作反馈不友善,这不细说,用一下就能体会。 大致写了这些,仍有很多细节期待完善。 啰哩啰唆一通,如有冒犯纯属 IE8 问题 -___-||| 呃,小生不才啊,老师们笑话了 ...