<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>第8音 Design Evering &#187; HotorNot</title>
	<atom:link href="http://blog.d8in.com/posts/tag/hotornot/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.d8in.com</link>
	<description>成功的产品=故事化设计+逻辑化思维+高效地执行</description>
	<lastBuildDate>Sat, 18 Jun 2011 08:46:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>关于“照片打分“的游戏设计</title>
		<link>http://blog.d8in.com/posts/312.html</link>
		<comments>http://blog.d8in.com/posts/312.html#comments</comments>
		<pubDate>Tue, 28 Apr 2009 02:35:09 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[HotorNot]]></category>
		<category><![CDATA[淘江湖]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/posts/312.html</guid>
		<description><![CDATA[在SNS网站有一种很基础但是很有效的交互小游戏，那就是&#8221;照片打分&#8221;，虽然交互上很简单就是，给照片打分，然后不断的切换照片。 但是在SNS上却起到了一个很好的作用： 1、通过增加一些小设计譬如，发送消息，表达心意，等可以快速的让两个陌生人成为朋友。尤其了解决新用户要快速的在站内结交到朋友的问题。 2、充分了利用了SNS网站用户，上传自己生活照片的优势同时也暗示用户可以更加积极的上传自己的生活照片。 下面我们来看一下HotorNot.com的设计。HotorNot.com就是一个纯粹用这种&#8221;照片打分&#8221;游戏认识朋友的网站，整个网站功能简单，但是简单的功能却是放出强大的力量，现在的alexa排名为3908。 HotorNot.com一打开就是&#8221;照片打分&#8221;的主界面。左边是最近的一个历史评分，右边是4个备选照片。中间是打分、照片筛选和大照片。整个界面非常清晰。单击一个分数以后，立刻页面刷新更换照片，如果想和这个照片上的人认识直接单击大红色的&#8221;Click Here to Meet Me&#8221;按钮。虽然界面上的元素比较多，但是条理非常清晰，而且我在1280&#215;800的分辨率下一般可以一屏完成操作。整个界面设计最值得称道的地方就是底部的分享，你可以复制这个链接发给好友，而且可以直接分享到Facebook、Myspace、Bebo这些主流的交友网站上，也可以通过mail发给好友。绝对是病毒传播的利器。 国内的淘江湖最刚刚上线，在左侧的App中也有一款类似的产品，叫&#8221;淘女&#38;郎&#8221;。 不过这个产品的设计貌似要复杂很多，是传统&#8221;照片打分&#8221;和&#8221;买卖朋友&#8221;的结合体。不过单独从&#8221;照片打分&#8221;的角度去使用的话发现也有很大的问题。首先是顶部的打分器，这个设计让人觉得会很迷惑，1到10分上面有不同的蚂蚁图标，然后鼠标放到这些图标上会显示出不同的心情，但是又不能点，最后还是要点下面。上面的图标明显会误导使用。另外单击分数以后，右侧只是很微妙的改变了一下平均数，很难察觉，而且单击以后下面的照片没有变化。而单击没有变化的原因就是这个产品本身有经纪人这个系统，评分只是一个很小的操作。但是这样却让使用起来很不爽。为了解决切换照片的问题，用户可以单击照片直接切换，这一点确实很爽，但是如果这样的话要评分有什么用呢？另外在使用上可能因为照片过大和界面设计上的问题，我需要滚屏才能看到照片全图，而当我滚动下来看到照片全图的时候已经看不到打分和切换照片了。 经过对比我们可以看到，&#8221;照片打分&#8221;游戏的关键点就是要让用户很爽的点击一下然后切换照片。那可能有些人会有疑问，&#8221;直接切换不就得了，那样不是更爽？&#8221;其实&#8221;照片打分&#8221;和传统的&#8221;切换照片&#8221;最本质的区别就是让用户更有参与感。用户只需要点击一下不仅看到很多帅哥美女（当然也有很多不是：）），而且可以对他们品头论足。 下面我做了一个最简化的原型图。 另外Facebook上面有一个很有名的App&#8221;型男素女&#8221;，这个产品的设计就非常简单，在香港地区非常受欢迎，大家可以试用一下。]]></description>
			<content:encoded><![CDATA[<p>在SNS网站有一种很基础但是很有效的交互小游戏，那就是&#8221;照片打分&#8221;，虽然交互上很简单就是，给照片打分，然后不断的切换照片。</p>
<p>但是在SNS上却起到了一个很好的作用： <br/>1、通过增加一些小设计譬如，发送消息，表达心意，等可以快速的让两个陌生人成为朋友。尤其了解决新用户要快速的在站内结交到朋友的问题。 <br/>2、充分了利用了SNS网站用户，上传自己生活照片的优势同时也暗示用户可以更加积极的上传自己的生活照片。</p>
<p>下面我们来看一下HotorNot.com的设计。HotorNot.com就是一个纯粹用这种&#8221;照片打分&#8221;游戏认识朋友的网站，整个网站功能简单，但是简单的功能却是放出强大的力量，现在的alexa排名为3908。</p>
<p><img src="http://farm4.static.flickr.com/3551/3482110522_79a8b3765c.jpg" style="DISPLAY: inline" height="498" width="500"/></p>
<p>HotorNot.com一打开就是&#8221;照片打分&#8221;的主界面。左边是最近的一个历史评分，右边是4个备选照片。中间是打分、照片筛选和大照片。整个界面非常清晰。单击一个分数以后，立刻页面刷新更换照片，如果想和这个照片上的人认识直接单击大红色的&#8221;Click Here to Meet Me&#8221;按钮。虽然界面上的元素比较多，但是条理非常清晰，而且我在1280&#215;800的分辨率下一般可以一屏完成操作。整个界面设计最值得称道的地方就是底部的分享，你可以复制这个链接发给好友，而且可以直接分享到Facebook、Myspace、Bebo这些主流的交友网站上，也可以通过mail发给好友。绝对是病毒传播的利器。</p>
<p> <span id="more-312"></span>
<p>国内的淘江湖最刚刚上线，在左侧的App中也有一款类似的产品，叫&#8221;淘女&amp;郎&#8221;。</p>
<p><img src="http://farm4.static.flickr.com/3330/3481296899_3692336f1a.jpg" style="DISPLAY: inline" height="500" width="331"/></p>
<p>不过这个产品的设计貌似要复杂很多，是传统&#8221;照片打分&#8221;和&#8221;买卖朋友&#8221;的结合体。不过单独从&#8221;照片打分&#8221;的角度去使用的话发现也有很大的问题。首先是顶部的打分器，这个设计让人觉得会很迷惑，1到10分上面有不同的蚂蚁图标，然后鼠标放到这些图标上会显示出不同的心情，但是又不能点，最后还是要点下面。上面的图标明显会误导使用。另外单击分数以后，右侧只是很微妙的改变了一下平均数，很难察觉，而且单击以后下面的照片没有变化。而单击没有变化的原因就是这个产品本身有经纪人这个系统，评分只是一个很小的操作。但是这样却让使用起来很不爽。为了解决切换照片的问题，用户可以单击照片直接切换，这一点确实很爽，但是如果这样的话要评分有什么用呢？另外在使用上可能因为照片过大和界面设计上的问题，我需要滚屏才能看到照片全图，而当我滚动下来看到照片全图的时候已经看不到打分和切换照片了。</p>
<p>经过对比我们可以看到，&#8221;照片打分&#8221;游戏的关键点就是要让用户很爽的点击一下然后切换照片。那可能有些人会有疑问，&#8221;直接切换不就得了，那样不是更爽？&#8221;其实&#8221;照片打分&#8221;和传统的&#8221;切换照片&#8221;最本质的区别就是让用户更有参与感。用户只需要点击一下不仅看到很多帅哥美女（当然也有很多不是：）），而且可以对他们品头论足。</p>
<p>下面我做了一个最简化的原型图。</p>
<p><img src="http://farm4.static.flickr.com/3545/3482141552_70c80020a4_o.png" style="DISPLAY: inline" height="558" width="498"/></p>
<p>另外Facebook上面有一个很有名的App&#8221;型男素女&#8221;，这个产品的设计就非常简单，在香港地区非常受欢迎，大家可以试用一下。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/312.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

