OKCUPID-在线约会网站产品设计分析

2016-02-17 03:15 9 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的OKCUPID-在线约会网站产品设计分析懂设计的网友们快点来了解吧!

【 tulaoshi.com - 平面设计 】

一、核心产品逻辑

一句话概括:回答问题/填写资料 匹配合适的对象;不断的回答问题来增加匹配的准确性。

注册登录后,会第一时间引导用户填写个人资料和回答问题

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

二、填资料 tell us about yourself

1.基础资料:身高、教育、 收入、工作、语言、宠物等(下图图右侧)

2.对自己更生动的描述,这些描述能够更生活化更立体的把一个活生生的人表现出来(下图左侧)

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

三、答问题 Answer Match Questiongs

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

1.问问题的方式非常细致

包括:(1)问题本身 (2)自己能够接受的回答 (3)这个问题是否重要 (4)对自己答案的更多说明

http://www.okcupid.com/help/match-questions

2问题的种类:ehics sex religion lifestyles dating othertopics

3 问题的数量:第一组基础问题25个,第二组50个,第三组75个。鼓励用户回答更多的问题。

4 问题的来源:有网站官方的问题,用户也可以自己创建感兴趣的问题

四、配对 Match

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

1.配对指数:

当填完最基础的资料和回答完第一组25个问题之后,首页上就在最主要位置推荐和你最配的对象了。

下方的区域是与你匹配指数较高的人的动态。这两个区域每次都会随即刷新,让你能遇见更多的人。

其中核心指标就是两个人之间问题的匹配程度(Match Friend Enemy),这个指标会出现在所有的核心页面。

除此之外,来提供两外两种配对的渠道:

2.速配Quickmatch

体验上非常强调了速配的特色,和普通配对拉开了层次:

(1) 先最充分的展示对方的照片,看看有没有一见钟情

(2) 展现最最重要的资料:配对指数+基础信息

(3) 给她打分

这个过程中甚至连对方的名字都没有显示,只有当你打完分之后,才会在一个角落显示出你已经打分的人,供你留恋。

真的就像是上班路上与某个mm擦肩而过,只是你在这里能够有下一步行动。

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

3.Quiver(颤抖;发抖)

系统推荐为你推荐的对象,只有3个;当你对一个人有操作(喜欢她并发消息沟通orI am not interested)才会再出新的。

五、了解她

在对方的页面你可以分层次的充分了解她

匹配指数+基础信息+头像

About:她填写的生动的资料(可以了解到这个女孩的职业是律师,曾经在英国日本北京香港都生活过,喜欢尝试新鲜事物。善于倾听和理解别人至少是我在网络上能看到的最生动的资料了)

照片:

问题比较页:(页卡的名称当问题匹配较多是The Two of Us,较少时则显示Y’all Got Issues)

主要显示你们共同回答的问题,同时引导你去回答她曾经回答或者问过的问题,让你们找到关注的点互相了解。

可以通过右侧提供的各种纬度来查看问题。

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

5.性格分析:根据你回答的问题,来分析她的性格,是对问题的总结性表达。

可以看出,问题不是瞎提的,是科学的(一定有心理学高人)

6.测试:

再近一步,更深入的了解(对方和自己)是通过测试

六、人际沟通及管理

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

rate + Message:管理和沟通最基本的两个操作

wink(眨眼):写两句咱们对方的话,感觉和Message区别不大】

Award(奖章):你可以授予对方奖章

Save收藏:会显示在页面左侧的永久导航中,方便再看看她们

Notes 备注,私人说明下次你在访问她的页面的时候,能够看到。(写什么呢?可能是在这里女朋友太多了,不容易记住要排个号,或者像韦小宝那样把重要事情记一记)

hide+举报

七、鼓励沟通和表达:

1.在各个页面都会像好兄弟一样鼓励你:哥们别等了,喜欢就大胆和她说!

2.最充分的表达和沟通空间:

除了该表达该沟通的地方(比如你的个人资料,回答问题可以写解释,可以通过各种方式和对方沟通),连一些没想到的地方,都在鼓励你。

(1)两个人问题对比的页面,允许你添加解释,重新回答和通过私信来谈论一下这个问题

(2)可以补充别人的个人介绍(这个在其他地方从来没见过)

3.留下在线行为的蛛丝马迹,促进更多的沟通

(1)最近访问过你页面的人(这个是常规做法)

(2)突出在线或上次在线时间

(3)她是否是个冷淡的人?

在对方页面和搜索结果,会给你这个答案。这样做除了能够帮助你了解她,鼓励你给她发消息;同时也能通过这个指标,鼓励大家回复别人的消息。

八、引导及提示:充满诱惑的世界

整个网站的逻辑挺清楚:回答问题(填资料其实也是在回答问题)à配对推荐à和她沟通吧

所以对这三件事情会无微不至不厌其烦的进行提示和引导

1.对新用户的引导:可以看到所有位置都在引导,而且是你不完成,首页永远不进入正常状态。而恰恰也是一旦你完成的这些基础工作,在这个网站里你一下就活了。这些工作是个坎儿。

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

2.得寸进尺

一步一步的引导你不断完善

3.用结果来引诱你

一直再重复你回答的问题越多,配的就越准

左侧永久导航,给你推荐的人下面就是让你回答更多的问题

4.花花世界,超级媒婆

(1)首页最最主要的位置,给你选妃子一样的体验

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

(2)鼓励花心

当你在浏览她的页面的时候,系统会给你推荐和她相似的人,更过分的是当你给她发完消息的时候,还会给你推荐其他美女

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

5.拟人化针对性的提醒

我们有上传图片的时候,网站的创建者会给我发来信,好言相劝

九、这个网站是一个风趣的人

1.刚进入网站的时候,欢迎你的是一个MM

OKCUPID-在线约会网站产品设计分析,PS教程,图老师教程网

但如果你是一位男士,且又是GAY,欢迎你的就变成了一个帅哥,而且在标题上也风趣的加上了gay(当然这里还实时提供了实用的隐私选项)

2.注册填资料的过程中,幽默口语化的语言表达

3.阿凡达Avatar(化身,一种以前流行现在不那么流行的元素;Office的曲别针,瑞星的小狮子都是典型)

这里的Avatar是Staff Robot,会在各种场合出现。

(1)我的主页,根据我资料的完整程度来引导我:

(2)搜索结果页,给了很多爱情格言,告诉我如何来找到另一半

十、还有几个值得关注的地方

1.回答问题时的快捷键

回答百十个问题,确实快捷键有必要。这个快捷键的体验细节还是挺不错的,值得参考

2.有一个Success Stories 的栏目,而且还可以按照类别来筛选。让我一下对这个网站更加信任了,而且觉着是个真正崇尚爱情的网站,的确是爱神丘比特啊。

http://www.okcupid.com/success

3.Toys: http://www.okcupid.com/toys

提供了一堆网站的衍生品

OkTrends(http://blog.okcupid.com/)主要是提供基于这个网站数据的各种爱情约会相关报告。

MyBestFace(http://www.okcupid.com/mybestface)帮你选出你最好的头像

总结:

1.思路清晰,一气呵成,整体感很强

2.因为目标明确,所以敢于充分挖掘,一些思路做到了极致甚至有点变态

3.很科学,很人性,不是乱搞男女关系

来源:http://www.tulaoshi.com/n/20160217/1577980.html

延伸阅读
当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜。那接下来我跟大家一起来探讨关于引导页的设计。 一、 目的区分根据引导页的目的、出发点不同,可以将...
社交网站本身最重要的两点:以人为本、关系网络化。 之所以强调以人为本,从web1.0到web2.0还是所谓的web3.0,这都是互联网普及,基础服务的不断完善下,用户参与度提高,互联网已成为人类不可缺少的信息媒介平台和通信工具。 (图一)SNS中的关系网络、互动机制、用户需求 几个关键词:目标用户、归属感、内容体系。 不展开,找准目标...
标签: 产品设计 设计
社会发展要求 设计和试制新产品,必须以满足社会需要为前提。这里的社会需要,不仅是眼前的社会需要,而且要看到较长时期的发展需要。为了满足社会发展的需要,开发先进的产品,加速技术进步是关键。为此,必须加强对国内外技术发展的调查研究,尽可能吸收世界先进技术。有计划、有选择、有重点地引进世界先进技术和产品,有利...
香薰炉 曲别针 磁铁压条 钥匙袋 鸡蛋蜡烛 衣帽勾 勇敢的壁灯 正在看书的灯,哈哈,有点近视 以上图片来自 www.mydoob.com

经验教程

760

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部