体验-web版豆瓣的提醒功能

有两个产品设计常见的误区:

1.认为用户一定知道这个功能

2.认为用户一定会按照设计者设定的那样去用产品

我们常讨论的交互设计里的那些层次和方法,其实用户是看不到的,用户真正能够看到的是最终产品呈现给他们的。所以我们需要一种方法用来检测我的设计是否最终能够被用户用起来,并且是否能达到我的设计目标。

老D老师教了一种产品设计“五步法”。此方法脱胎于他十几年的设计工作经验,版权属于永远的老D!

“五步法”:看的见-看的懂-有兴趣-用的爽-有反馈

【题目】请大家对照“五步法”来试用一下web版豆瓣的“提醒”功能,说出自己试用过程中五个环节的感受和体验。如果发现有改进的地方并能给出改进方案就更好了。

【作业】

第1步:看得见(key words:视觉引导)

web版豆瓣(以下简称“豆瓣”)的【提醒】导航在页面顶部tab的右侧第2个,在顶部导航中属于视觉次级中心,在同级的tab导航中属于首要中心。

有消息提醒时,【提醒】处会有红色+数字标记,在深色背景上非常突出。

看得到的意义就是要让用户使用某个功能,必须先让他注意到这个功能,一般做法是用个醒目的亮色、用个动画,或者用有吸引力的文案来引导。一般消息提醒在一个产品中都是附加功能,必须有,但一定不是主要的。而豆瓣又是一个以内容生产为主的平台,所以用户关注的重点是内容,【提醒】不必要做得太醒目,有则可。

第2步:看得懂

第1步的作用是吸引用户注意力,产生物理刺激,第2步则是要把这种物理刺激转化为理性判断。

点开【提醒】,弹出菜单,有最近5条消息提示,还可以设置[不再提醒],从此以后该条消息的相关信息不再提示。但显示的这5条消息包括了已经查看过的消息,建议只展示新的、未查看过的提醒。

进入【提醒】页后,tab分为:全部、请求、(我)回应过的。

基本能看懂每个标签要表达的意思,但是这种分类方法有点凌乱,后面讨论。

第3步:有兴趣

这一步的关键任务是:尽量吸引目标用户,用简练的方式传递出价值,命中用户的核心需求。

豆瓣【提醒】将【请求】单独罗列出来,并在列表中展示得最详细,我个人猜想是由于豆瓣除了内容产出,还有一个重点是社区,于是各种线上线下的活动信息是豆瓣的推广重点,也是吸引用户的关键。


第4步:用的爽

通过考虑用户场景,优化使用流程、用户体验、设计原则等实现。

讲道理,要回到讨论豆瓣这个标签分类的问题上了。

问题1:在【提醒】里,视觉层级最高的应该是“1条新回复”“4个人关注你”之类的更新动态,豆瓣在此处没有做一个热点操作的层级划分。

问题2:豆瓣将未点击的提醒标题为蓝色,点击后显示为紫色,颜色差别不大较难区分。同时标题为蓝色链接,点击即可跳转,但在这时候,用户的目标信息应该是“新回复”,而不是帖子的标题,所以点击的对象设置错了。

问题3:信息提醒时并没有分类哪个是我发布消息的提醒,哪个是他人发布消息、我回应之后的提醒,这其中又有一个问题,当我在别人帖子下留言时,如果另一个人回复时没有@关键人,则其他回复过的用户都会收到提醒,点进去看后发现其实并不是有人回复了我,而是回复了楼主。如果不选【不再提醒】的话,只要有人跟帖,我这边就会收到一堆的消息提醒。而当我选择了【不再提醒】以后,如果有人在该条帖子下@我并回复,我不知道是否系统还会有提示,暂时未测试过。

第5步:有反馈(老D说这是重点!敲黑板!)

老D说:有很多产品死就死在了这个环节上,比如来到一个页面,点击一个按钮,弹出一个表单,填写,然后发送,看到个成功提示,然后,然后就没有然后了...

以淘宝的订单流程为正面例子,下单付款后,卖家的操作和物流公司的操作,都会显示在用户这一段的系统上,有一个商品状态提示。我们的系统通常是由若干个角色共同使用的,角色之间需要互相同步动态,要互相能知道对方现在正在干什么,这样可以给用户一种安全感。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容