<![CDATA[Blog | Long Chao - UX Designer]]>http://localhost:2368/Ghost 0.11Mon, 08 May 2017 00:50:57 GMT60<![CDATA[所谓“成长的感觉”]]>Susan Liu同学在她写的那篇《付费之后,怎么玩?》中阐述了进入付费社群的要义在于输出,也提醒我们避免走进“付费入群就是提供成长的感觉”的误区。“成长的感觉”,嗯,真精辟。你是否曾经在考试前买一堆练习题参考书,草草看过就自信地走进考场。又或者从权威大V那吸收了些席间的谈资,而真的认为自己有了专家一样的看问题的视角。看,这都是“成长的感觉”。

这个“成长的感觉”到底是什么呢?实际上它是一种错觉,一种认知偏见。比如我误以为自己在学习英语上投入了时间,等于英语有了进步。让我们仔细分解这个错觉产生的过程:当我认为“最近花了不少时间学英语,英语应该提高了”时,我并没有故意偷换概念,而是不自觉的把“学得好不好”这个不太好衡量的问题,转化为了“学了多久”这个相对好衡量的问题。这个脑中把复杂问题转化为其他替代问题的过程就叫做 Heuristic [1]。

当你意识到了这点,会不会捶胸顿足责怪自己呢?我觉得大可不必,因为我们的大脑就是这么容易被骗。还拿英语学习举例,我轻易接受了“学了多久”这个替代解释,是因为它是最容易想到的,最先pop

]]>
http://localhost:2368/the-illusion-of-improving/3b7d7d63-46cf-4967-80c6-7bc0f83c1a8cWed, 31 Aug 2016 16:26:00 GMTSusan Liu同学在她写的那篇《付费之后,怎么玩?》中阐述了进入付费社群的要义在于输出,也提醒我们避免走进“付费入群就是提供成长的感觉”的误区。“成长的感觉”,嗯,真精辟。你是否曾经在考试前买一堆练习题参考书,草草看过就自信地走进考场。又或者从权威大V那吸收了些席间的谈资,而真的认为自己有了专家一样的看问题的视角。看,这都是“成长的感觉”。

这个“成长的感觉”到底是什么呢?实际上它是一种错觉,一种认知偏见。比如我误以为自己在学习英语上投入了时间,等于英语有了进步。让我们仔细分解这个错觉产生的过程:当我认为“最近花了不少时间学英语,英语应该提高了”时,我并没有故意偷换概念,而是不自觉的把“学得好不好”这个不太好衡量的问题,转化为了“学了多久”这个相对好衡量的问题。这个脑中把复杂问题转化为其他替代问题的过程就叫做 Heuristic [1]。

当你意识到了这点,会不会捶胸顿足责怪自己呢?我觉得大可不必,因为我们的大脑就是这么容易被骗。还拿英语学习举例,我轻易接受了“学了多久”这个替代解释,是因为它是最容易想到的,最先pop up到我的直觉系统中。而要想出更准确的替代问题(比如“我学到了什么表达方式”),需要调用我们的理性思维进行计算、比较等活动,相比之下耗费的脑力更多。脑力如此珍贵,当然要锱铢必较,无怪乎我们这么容易掉入偏见的陷阱。

那我们有没有办法对抗偏见,不轻易掉入的直觉的陷阱呢?首先,不能饿着思考。都说吃饱了才有动力减肥,其实还真有道理,吃饱了血液葡萄糖含量就高能提供大脑更高的脑力,去思考复杂问题。第二,Think Again。面对要解决的问题,通常我们脑子里会浮出几个直觉的答案,这时不妨Think Again,不要轻易接受,也许只要再用力一点,会得到更完备的答案。

注[1] 《思考,快与慢》,Daniel Kahneman

]]>
<![CDATA[当我们听音乐时 我们在听什么]]>不要脸的用了一下卡佛句式。作为一个从门缝窥探音乐世界的小朋友,我想浅谈一下自己理解的欣赏音乐的方式有三个层次,感官享受,理解内容和理性欣赏。

感官享受

当听到恬静的旋律,舒展的节奏,我们会不自觉坐下来,感到身心轻松惬意,心率也跟着降低。当听到激荡昂扬,节奏鲜明的音乐时,我们随之兴奋,舞动身躯。而当耳边萦绕着幽暗的曲调,我们的情绪又会跟着黯然低落。事实上,这世界上几乎所有人在听到音乐时,都会本能地发生反应。音乐似一股来自远古的力量(洪荒之力?),绕过你的理智,直接撩动你的神经,激发情绪,并且带来身体上的变化。

我们并不需要知道音乐语汇或掌握音乐知识,就能理解音乐的感情,为什么呢?这大概是因为,经过漫长的进化,人类的大脑有专门的区域识别音乐,听到音乐时大脑内神经会释放不同的递质,激发或抑制周围的神经元,致使我们感受到不同的情绪。这个过程我们自己可能并没有意识到,说不定什么时候我们就被音乐操作了。你看,是不是没有什么广告是不带背景音乐的?

理解内容

在享受音乐带来的快感的同时,一些人会继续发掘音乐作为载体所表达的涵义,与作品所表现的思想感情产生共鸣。现代的流行音乐倾向于表达地很浅显,直白到直接写在了歌名和歌词里。拿中文世界举例来说,都市芭乐情歌凭借其细致入微的描绘都市人情感生活的百态,传入大街小巷,俘获多少人心。而古典音乐大部分是无标题音乐,

]]>
http://localhost:2368/what-we-hear-when-we-listen-to-music/c4346a18-fe06-4925-b2db-2879339a5f83Mon, 15 Aug 2016 08:00:00 GMT

不要脸的用了一下卡佛句式。作为一个从门缝窥探音乐世界的小朋友,我想浅谈一下自己理解的欣赏音乐的方式有三个层次,感官享受,理解内容和理性欣赏。

感官享受

当听到恬静的旋律,舒展的节奏,我们会不自觉坐下来,感到身心轻松惬意,心率也跟着降低。当听到激荡昂扬,节奏鲜明的音乐时,我们随之兴奋,舞动身躯。而当耳边萦绕着幽暗的曲调,我们的情绪又会跟着黯然低落。事实上,这世界上几乎所有人在听到音乐时,都会本能地发生反应。音乐似一股来自远古的力量(洪荒之力?),绕过你的理智,直接撩动你的神经,激发情绪,并且带来身体上的变化。

我们并不需要知道音乐语汇或掌握音乐知识,就能理解音乐的感情,为什么呢?这大概是因为,经过漫长的进化,人类的大脑有专门的区域识别音乐,听到音乐时大脑内神经会释放不同的递质,激发或抑制周围的神经元,致使我们感受到不同的情绪。这个过程我们自己可能并没有意识到,说不定什么时候我们就被音乐操作了。你看,是不是没有什么广告是不带背景音乐的?

理解内容

在享受音乐带来的快感的同时,一些人会继续发掘音乐作为载体所表达的涵义,与作品所表现的思想感情产生共鸣。现代的流行音乐倾向于表达地很浅显,直白到直接写在了歌名和歌词里。拿中文世界举例来说,都市芭乐情歌凭借其细致入微的描绘都市人情感生活的百态,传入大街小巷,俘获多少人心。而古典音乐大部分是无标题音乐,也鲜有歌词,一切思想内涵都蕴含在隐晦的音乐语言里,很难用言语传达,也就给人们更大的解读空间。我们熟知的命运交响曲、月光奏鸣曲,其实是出版商或乐评人加上的标题。

在这个欣赏过程中,需要调动人的主观感悟。因为每个人阅历、文化背景的差异,人们听音乐时联想到的词语,想象到的画面,勾起的回忆,都是独一无二的。每个人在不同境遇、心态下,也可能从音乐中体会到新的意味。另外,如果能了解作曲家的人生经历,创作背景、音乐体裁等等meta-data,也能帮助我们修正理解。

理性欣赏

我们除了欣赏音乐的内容以外,音乐作为一种形式也是可以被欣赏的。如果把音乐比作语言,这门语言的语法就是动机、主题、旋律、节奏、和声、织体、曲式...掌握了它们,有助于我们抽丝剥茧触摸音乐的纹理,欣赏她在时间维度的变化和展开。前提是我们需要投入更多的精力,以及更主动的聆听方式。

聆听音乐,这几种欣赏方式交织在一起,或许存在递进关系,但并没有高低之分。无论怎样,请把自己交给音乐,真诚地感受其带给你最真实的感觉就好啦。

]]>
<![CDATA[在线学习体验设计]]>洋葱数学是一款以学习者为中心的深度在线学习产品。这个产品的背后是一群怀揣教育理想的青年,希望推动教育创新,促进教育公平。我们希望通过这个产品实现愿景:让更多学生接触到优质的教育资源,享受到个性化的教学。

学习历来被当作一件苦差事,需要你投入大量时间和精力,如果不得法还收效甚微。如何驱动学生在数字化学习环境中投入时间并取得成效,是设计学习体验时面临的挑战。为解决这些挑战,作为产品团队的初期唯一的UX设计师,我努力将学习体验塑造成一件轻松、引人入胜的事,学生乐于参与其中,甚至学到上瘾。

打造学习体验

课程结构是学生开始学习时最先看到的,它引导学生发现学什么并指引学生在课程间移动。我综合教学理念、知识划分等信息,尝试了多种课程展示方案。最终方案是带有趣味性的方案。每个知识点被打包成学习单元,这样每完成一个都是小成就。知识点路径排布如同地图一般,学习者很容易对自己的学习进度有全局观。

结构草图

课程结构

开始一个知识点的学习后,学生将看到被精炼成了易于咀嚼的小段视频。即便你精力有限,也能利用碎片时间学习,甚至是移动中学习。学习不再是负担,而是一次一次微小的进步。

学习者需要感觉学到了东西,并评价自己的掌握程度。因此反馈也非常重要。视频中间插入的互动性题目,把被动的看视频学习,转变为主动的即时运用刚学的内容。视频学习后紧接着的练习,进一步帮助巩固知识点,并且判断学生的掌握程度。

视频,题目

洋葱数学的核心用户群青少年,容易受到产品外观的影响。适宜的产品形象既可以留下良好的第一印象,也能够提升使用时的情感感受,

]]>
http://localhost:2368/online-learning-experience-design/48bfa802-9963-4c7f-b34d-da858e7435d7Tue, 08 Sep 2015 17:16:00 GMT

洋葱数学是一款以学习者为中心的深度在线学习产品。这个产品的背后是一群怀揣教育理想的青年,希望推动教育创新,促进教育公平。我们希望通过这个产品实现愿景:让更多学生接触到优质的教育资源,享受到个性化的教学。

学习历来被当作一件苦差事,需要你投入大量时间和精力,如果不得法还收效甚微。如何驱动学生在数字化学习环境中投入时间并取得成效,是设计学习体验时面临的挑战。为解决这些挑战,作为产品团队的初期唯一的UX设计师,我努力将学习体验塑造成一件轻松、引人入胜的事,学生乐于参与其中,甚至学到上瘾。

打造学习体验

课程结构是学生开始学习时最先看到的,它引导学生发现学什么并指引学生在课程间移动。我综合教学理念、知识划分等信息,尝试了多种课程展示方案。最终方案是带有趣味性的方案。每个知识点被打包成学习单元,这样每完成一个都是小成就。知识点路径排布如同地图一般,学习者很容易对自己的学习进度有全局观。

在线学习体验设计

在线学习体验设计

开始一个知识点的学习后,学生将看到被精炼成了易于咀嚼的小段视频。即便你精力有限,也能利用碎片时间学习,甚至是移动中学习。学习不再是负担,而是一次一次微小的进步。

学习者需要感觉学到了东西,并评价自己的掌握程度。因此反馈也非常重要。视频中间插入的互动性题目,把被动的看视频学习,转变为主动的即时运用刚学的内容。视频学习后紧接着的练习,进一步帮助巩固知识点,并且判断学生的掌握程度。

在线学习体验设计

洋葱数学的核心用户群青少年,容易受到产品外观的影响。适宜的产品形象既可以留下良好的第一印象,也能够提升使用时的情感感受,加大他们留存下来的机会。因此在视觉设计上,我们使用明快的颜色、圆润的外观,帮助塑造出亲和的产品形象。

在线学习体验设计

不断打磨

我们希望,更多发现洋葱数学的用户喜欢并留下来,留下来的能保持一定强度的学习,把洋葱数学融入日常。这需要不断打磨现有的学习体验,这时数据会提示我们一些优化的方向。我持续关注转化率、留存率、学习数据等核心数据的变化,同时参照关键流程的热力图、录屏,验证关于如何优化的假设。 在线学习体验设计

我假设如果学生在使用初期更好地理解洋葱数学的学习模式,就更可能转化与留存。因此我设计了简化而流畅的初次使用引导。通过收集学生的年级和教材信息,课程结构会调整匹配不同的学生,更符合学生自己的学习经验。学生还能从使用引导中,了解到如何更好的利用洋葱数学。 在线学习体验设计

为了增加学习的粘性,尝试引入每周目标和积分系统。每周目标是为了让学生自己设定目标,做出承诺,从而在长期使用中体会到学习和进步的正循环,产生内生动力;积分和排行榜利用和同伴的对比增加学生的外源动力。

在线学习体验设计

回顾

在创业团队的这段时间给予我很多宝贵的经验。我得以在产品生命周期中实践精益法则,有试错也有学习。对产品的Ownership促使自己拓展各种能力应对随时而来的问题,也从同行的伙伴身上学到了很多新鲜的思维和方法。

]]>
<![CDATA[教师端 - 班级添加学生]]>背景

教师要查看自己学生的学习数据,前提是先建立班级,并把学生添加进来。

分析问题

前期的调研发现,实际教学中,一个典型的老师通常同时教多个班级,除了实体班级可能还会有虚拟班级,日常教学已经占用大量时间精力。站在老师角度,我希望维护班级等等这些任务只占用很少精力。

因此添加学生这个任务的目标是:不增加老师负担;短时间内所有学生加进来,成功率高。

方案设计

选择添加方案

方法筛选

一开始我能想到若干种添加学生的方法。为了选出符合体验目标的较优解把他们放入成功率和难易度的矩阵中。有两种方法落入了目标区域:

1.老师给没有账号的学生自动生成一批账号。此法成功率最高。
2.告知学生班级编号,让学生课后自己操作加入班级。这种方法成功率不如前一种,但适合有已经注册的学生需加入班级的场景。

两种方法结合,可覆盖所有场景,保证学生都进入班级。

告知学生如何加入

分别梳理两种添加方法的流程,会发现当老师完成线上的操作后,仍需要在线下告知学生加入班级的方法。这里线上线下之间,存在信息传递的鸿沟。

线上线下 snippets

为弥合这个gap,一种解决方法是把信息传递到物理载体上。我们帮助老师生产一份方便打印的学生账号列表,每一个账号附带上引导学生通过web或移动访问洋葱数学的方法。打印出以后,每个学生的账号可以被裁剪成小条,发放给学生。

视觉设计

设计

]]>
http://localhost:2368/adding-students-to-class/99217cd4-afd8-446b-890f-cb2decb455a7Sat, 05 Sep 2015 15:49:00 GMT背景

教师要查看自己学生的学习数据,前提是先建立班级,并把学生添加进来。

分析问题

前期的调研发现,实际教学中,一个典型的老师通常同时教多个班级,除了实体班级可能还会有虚拟班级,日常教学已经占用大量时间精力。站在老师角度,我希望维护班级等等这些任务只占用很少精力。

因此添加学生这个任务的目标是:不增加老师负担;短时间内所有学生加进来,成功率高。

方案设计

选择添加方案

方法筛选

一开始我能想到若干种添加学生的方法。为了选出符合体验目标的较优解把他们放入成功率和难易度的矩阵中。有两种方法落入了目标区域:

1.老师给没有账号的学生自动生成一批账号。此法成功率最高。
2.告知学生班级编号,让学生课后自己操作加入班级。这种方法成功率不如前一种,但适合有已经注册的学生需加入班级的场景。

两种方法结合,可覆盖所有场景,保证学生都进入班级。

告知学生如何加入

分别梳理两种添加方法的流程,会发现当老师完成线上的操作后,仍需要在线下告知学生加入班级的方法。这里线上线下之间,存在信息传递的鸿沟。

线上线下 snippets

为弥合这个gap,一种解决方法是把信息传递到物理载体上。我们帮助老师生产一份方便打印的学生账号列表,每一个账号附带上引导学生通过web或移动访问洋葱数学的方法。打印出以后,每个学生的账号可以被裁剪成小条,发放给学生。

视觉设计

设计

]]>
<![CDATA[为教师设计学习数据可视化]]>作为洋葱数学的一分子,我们始终共享一种理念:做在线教育,不是把传统线下的教学强行搬到线上,而是对传统教学的增强。我们知道,传统教学活动包括了两方的三个环节,即学生「学习知识点」、「完成练习」,老师「根据学生练习结果进行反馈指导」。洋葱数学已经依靠可反复观看的微视频,以及教研组精选的课后练习,实现了增强学习和练习两个环节。顺理成章地,我们把目光放在教师上,看看这里有什么样的产品机会。

产品假设

通过和老师的接触和分析,我了解到,传统教学中老师想要评估学生学习的结果,只能通过留作业-判作业。这通常会跨越一天或几天。因此我们提出了这样的假设,如果老师能够看到学生学习的数据,「根据学生练习结果进行反馈指导」这个环节将因此变得持续化,更即时,从而提升教学活动。

验证假设

首先,为了了解老师们最关心的指标、需要数据的细致程度等等,我和几个种子教师用户进行了访谈。老师们通常关注学习完成情况、练习完成和练习质量,为传达这些指标,需要转化成相应的数据项,如下图

data-requirements

我并不希望把数据一股脑全倒给老师,在深入设计细节前,我设定了两条原则。1. 宏观信息优先2. 按需查看细节。我希望秉持这个原则,通过每一步有节制的展现信息,

]]>
http://localhost:2368/visualization-of-learning-data/5eca5b2c-4724-4b06-b8d6-b0ce49a4a250Fri, 04 Sep 2015 08:39:00 GMT

作为洋葱数学的一分子,我们始终共享一种理念:做在线教育,不是把传统线下的教学强行搬到线上,而是对传统教学的增强。我们知道,传统教学活动包括了两方的三个环节,即学生「学习知识点」、「完成练习」,老师「根据学生练习结果进行反馈指导」。洋葱数学已经依靠可反复观看的微视频,以及教研组精选的课后练习,实现了增强学习和练习两个环节。顺理成章地,我们把目光放在教师上,看看这里有什么样的产品机会。

产品假设

通过和老师的接触和分析,我了解到,传统教学中老师想要评估学生学习的结果,只能通过留作业-判作业。这通常会跨越一天或几天。因此我们提出了这样的假设,如果老师能够看到学生学习的数据,「根据学生练习结果进行反馈指导」这个环节将因此变得持续化,更即时,从而提升教学活动。

验证假设

首先,为了了解老师们最关心的指标、需要数据的细致程度等等,我和几个种子教师用户进行了访谈。老师们通常关注学习完成情况、练习完成和练习质量,为传达这些指标,需要转化成相应的数据项,如下图

为教师设计学习数据可视化

我并不希望把数据一股脑全倒给老师,在深入设计细节前,我设定了两条原则。1. 宏观信息优先2. 按需查看细节。我希望秉持这个原则,通过每一步有节制的展现信息,让教师用户查看数据时更有条理。按照学成完成学习才能产生数据的因果关系,我将完成百分比定义为「宏观数据」,其他定义为「细节数据」,并勾画出用户从宏观到细节查看数据的流程。

为教师设计学习数据可视化

接下来,我画低保真的草图,尝试不同页面的数据表现方式。这样可以比较快速得比对不同版本的优劣,并且很容易的从他人获得反馈。然后我让前面提到的教师用户,对着草图模拟日常使用的场景,提出反馈意见,如此几次迭代,趋向最终设计。

最终设计

为教师设计学习数据可视化 为教师设计学习数据可视化 为教师设计学习数据可视化

Takeaways

]]>
<![CDATA[洋葱数学移动应用]]>mobile

]]>
http://localhost:2368/mobile-app/1307a71b-0e09-49d5-b0a2-8b41c061a23aSun, 16 Aug 2015 06:40:00 GMTmobile

]]>
<![CDATA[首页的动画设计]]>拥有游戏般的学习体验是洋葱数学一直追求的设计方向。动画Animation和转场动效Transition大量存在于各种游戏中,在创造情感体验上起到很重要的作用。所以我们想把动画效果加入首页,希望能达到这样几个目的:

  1. 为全站注入一种性格
  2. 帮助吸引视线,创造一种叙事感
  3. 改善onboarding体验,以期改善留存率

详细请访问洋葱数学

个性化的动画

我们采用css transition移动图片的方式实现动画。尽管有默认的transition-timeing-function,以及各类动画库,但要创造有个性的动画,做好的方式还是自定义。

Tips:为了制造一种bounce-in的动画效果,我需要在设置动画的transition-timing-function时用到cubic-bezier属性。这里我常用一个工具来帮助我们这些数学不好的人,可视化根据曲线设置的动画。check this out cubic-bezier.com

cubic-bezier

总结

为了保证体验的一致性,我将同类的或相似的动画统一使用一种参数。以后的开发中可以抽出来集合成动画效果库,规范命名方便日后使用。

]]>
http://localhost:2368/homepage-animation/cf32879c-2e1d-4256-bc7c-750e92f9b376Mon, 10 Aug 2015 08:23:00 GMT拥有游戏般的学习体验是洋葱数学一直追求的设计方向。动画Animation和转场动效Transition大量存在于各种游戏中,在创造情感体验上起到很重要的作用。所以我们想把动画效果加入首页,希望能达到这样几个目的:

  1. 为全站注入一种性格
  2. 帮助吸引视线,创造一种叙事感
  3. 改善onboarding体验,以期改善留存率

详细请访问洋葱数学

个性化的动画

我们采用css transition移动图片的方式实现动画。尽管有默认的transition-timeing-function,以及各类动画库,但要创造有个性的动画,做好的方式还是自定义。

Tips:为了制造一种bounce-in的动画效果,我需要在设置动画的transition-timing-function时用到cubic-bezier属性。这里我常用一个工具来帮助我们这些数学不好的人,可视化根据曲线设置的动画。check this out cubic-bezier.com

cubic-bezier

总结

为了保证体验的一致性,我将同类的或相似的动画统一使用一种参数。以后的开发中可以抽出来集合成动画效果库,规范命名方便日后使用。

]]>
<![CDATA[[译]User Onboarding Mistakes]]>在这个注意力和认知力十分宝贵的时代,尽快让用户明白你的服务的价值显得十分重要。useronboard.com的Samuel Hulick总结了5点在获取用户和尝试转化用户的过程中常见的失误。下面是摘要:


Mistake #1: Counting on your interface to explain the value of your product

软件产品中有一个现象叫做“啊哈时刻”,就是当新用户对你的产品的价值了然于心的时刻。不要让用户经历一堆注册、来回探索你的产品后才到达“啊哈时刻”。让用户尽早明白你的产品怎么改善了他的工作生活。
Tips:如果你不确定你的“啊哈时刻”是否足够靠前,可以尝试找一个潜在用户,只用你的网站上已有的内容说服他开始使用你的产品。如果不能,就要考虑下调整你的文案了。

Mistake #2: Not knowing which actions lead to conversion

很多公司发现50%的注册用户,最终只登录了一次就再也没有回来。 指导用户在注册后,完成有意义的任务,

]]>
http://localhost:2368/user-onboarding-mistakes/fcb122df-4497-4c53-b0cb-9a5804ec9c1fMon, 15 Jun 2015 08:30:00 GMT

在这个注意力和认知力十分宝贵的时代,尽快让用户明白你的服务的价值显得十分重要。useronboard.com的Samuel Hulick总结了5点在获取用户和尝试转化用户的过程中常见的失误。下面是摘要:


Mistake #1: Counting on your interface to explain the value of your product

软件产品中有一个现象叫做“啊哈时刻”,就是当新用户对你的产品的价值了然于心的时刻。不要让用户经历一堆注册、来回探索你的产品后才到达“啊哈时刻”。让用户尽早明白你的产品怎么改善了他的工作生活。
Tips:如果你不确定你的“啊哈时刻”是否足够靠前,可以尝试找一个潜在用户,只用你的网站上已有的内容说服他开始使用你的产品。如果不能,就要考虑下调整你的文案了。

Mistake #2: Not knowing which actions lead to conversion

很多公司发现50%的注册用户,最终只登录了一次就再也没有回来。 指导用户在注册后,完成有意义的任务,让他们明白使用产品的意义所在。 当用户真的留存下来并成为活跃用户,你的onboarding才是真的work。
Tips:除了追踪用户在路径中的关键步骤的成功率,计算他们所花的时间。

Mistake #3: Killing momentum with the “first sitting"

设计首次启动的体验时,让用户尝到一次小胜利,体会到你的产品改善了他的生活。

同时移除所有跟这个目标无关的任务。如果你不确定索取手机号什么有助于提高转化率,那应该秉承不确定就丢掉的原则~ 用户的注意力是稀缺资源,如果你可以验证用户邮箱就正常运转,那最好不要让用户在注册的热乎气上跑去看邮箱。

Mistake #4: Failing to celebrate success with the user

用户完成了重要动作的时刻,是巩固你和用户之间正向情感链接的绝好机会,告诉用户他做的很好,给予足够的正向反馈。

Tips:庆祝用户的成功时,可以尽情的挥洒产品的个性。

Mistake #5: Not following up with them once the first-run experience is over

你已经陈述了你的产品价值,设计了用户要完成的任务,并且庆祝了用户的第一次成功。还有什么要做的么?答案就是,让他们常回来看看!推荐在正确的时机,用value-driven的邮件把他们抓回来。

]]>
<![CDATA[介绍Hotjar 一款用户行为分析工具]]>我们常用的数据分析平台,类似mixpanel,能为我们提供丰富的访问数据和用户行为数据。展示宏观的用户访问图景比如活跃数据、留存数据访问漏斗是他们的强项。当我们想探寻一项数据背后的原因——用户看到了这块内容了么?什么停止了用户继续使用?..等等,不自觉就会想要看看个体用户到底怎么用我们的网站的。

这时我和Hotjar不期而遇,这是一款多合一的分析和反馈工具,提供了诸如热力图、视频录像、漏斗等工具。你可以协同的使用它们去衡量网站的现状。特别的屌丝友好的是,Hotjar有免费的plan,适合抱着尝试心态的个人活着初创团队试用。(这么卖力的宣传,我真没有回扣)

我毫不犹豫地和前端coder一起把他部到了代码里。几天过去了,我们看看结果

Heatmap 页面热力图

用于分析用户与产品交互的点击、移动、滚动行为。以此推断页面的设计、布局等是否合理。 免费版可抓去3个页面,设置了首页、章节列表、教师首页,成功的只有首页(首页是静态其他的是单页面应用?)

页面热力图

屏幕录像

可记录从用户进入到跳出产品的使用全过程,用于分析用户在某页面具体的使用行为。这个玩法很多,可以根据需要筛选你想看的视频:用户访问了多少页面;从什么页面进入、退出;访问时长;访问设备、

]]>
http://localhost:2368/introducing-hotjar/0bd5a8fb-76b4-4f60-931c-5ade32b2fba8Mon, 25 May 2015 14:59:00 GMT

我们常用的数据分析平台,类似mixpanel,能为我们提供丰富的访问数据和用户行为数据。展示宏观的用户访问图景比如活跃数据、留存数据访问漏斗是他们的强项。当我们想探寻一项数据背后的原因——用户看到了这块内容了么?什么停止了用户继续使用?..等等,不自觉就会想要看看个体用户到底怎么用我们的网站的。

这时我和Hotjar不期而遇,这是一款多合一的分析和反馈工具,提供了诸如热力图、视频录像、漏斗等工具。你可以协同的使用它们去衡量网站的现状。特别的屌丝友好的是,Hotjar有免费的plan,适合抱着尝试心态的个人活着初创团队试用。(这么卖力的宣传,我真没有回扣)

我毫不犹豫地和前端coder一起把他部到了代码里。几天过去了,我们看看结果

Heatmap 页面热力图

用于分析用户与产品交互的点击、移动、滚动行为。以此推断页面的设计、布局等是否合理。 免费版可抓去3个页面,设置了首页、章节列表、教师首页,成功的只有首页(首页是静态其他的是单页面应用?)

介绍Hotjar 一款用户行为分析工具

屏幕录像

可记录从用户进入到跳出产品的使用全过程,用于分析用户在某页面具体的使用行为。这个玩法很多,可以根据需要筛选你想看的视频:用户访问了多少页面;从什么页面进入、退出;访问时长;访问设备、浏览器等等。

介绍Hotjar 一款用户行为分析工具

访问漏斗

依据用户的访问路径计算漏斗。这块可用于和我们基于埋点的分析进行交叉验证。 目前统计成功的是首页-注册-应用内的成功漏斗,数据如下:

介绍Hotjar 一款用户行为分析工具

Hotjar还提供表单操作数据分析,以及投票、问卷等页面上的反馈功能。

总结

Hotjar适合推荐给团队的所有成员,产品经理、工程师、设计师、市场不同的角色可以用不同的视角使用此工具,为持续改善产品提供有力支持。

]]>
<![CDATA[Mycard卡片管理应用]]>http://localhost:2368/mycard/2bc01d2f-6a76-472e-8779-b27351418084Wed, 15 Apr 2015 08:20:00 GMT

Mycard是微软工程院内部创新小组的一次应用设计提案。我们想解决的问题很简单,帮助用户管理会员卡,以此将消费者与商家连接。我和产品经理和工程师紧密合作,应用用户中心的设计方法,将想法塑造为产品,并且可视化成为概念证明(proof-of-concept)。

时间

2012

角色

user research, sto­ry­boards, infor­ma­tion architecture, interaction, visual design

发现方向

最初的头脑风暴后,我们选定用放大镜观察居民消费衣食住行这个领域。在研究员的帮助下,我们在焦点小组中访谈不同的消费者,收获了很多用户未被满足的需求、产品机会。我们发现,对会员卡片的管理以及如何充分利用会员卡常常令消费者感到困扰。至此我们缩小了范围,锁定了目标:帮助消费者把线下已有的会员卡映射到数字世界,并帮助和更多商家建立关系。

Mycard卡片管理应用

理解问题

团队讨论出核心场景,通过故事描绘出用户如何在特定的场景中利用移动应用完成特定的任务。基于这些故事,我继续推导出整个app所需具备的功能集合,梳理信息架构,并初步拟定了几条设计原则,比如在metro设计风格下保留卡片的物理特性,增添界面的愉悦感。

Mycard卡片管理应用 Mycard卡片管理应用

原型和视觉

这个阶段我从低保真原型开始,尝试了多种方案,试图在传达功能和内容的同时又符合Windows Phone平台特性。通过走廊用户测试收集反馈,加上与团队多次讨论,原型也不断迭代修改。 Mycard卡片管理应用 Mycard卡片管理应用 Mycard卡片管理应用 Mycard卡片管理应用 Mycard卡片管理应用 Mycard卡片管理应用

结果

]]>