﻿<?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>阿石的日志 &#187; i-dong</title>
	<atom:link href="http://www.ashnotes.com/tag/i-dong/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ashnotes.com</link>
	<description>关注产品（网站）策划、信息架构、网站分析、网站优化</description>
	<lastBuildDate>Sun, 05 Sep 2010 02:57:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>i-dong游戏中心原型优化</title>
		<link>http://www.ashnotes.com/i-dong-game-center-prototype-optimize/</link>
		<comments>http://www.ashnotes.com/i-dong-game-center-prototype-optimize/#comments</comments>
		<pubDate>Sun, 16 Aug 2009 13:42:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[信息架构]]></category>
		<category><![CDATA[生活交流]]></category>
		<category><![CDATA[i-dong]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[信息设计]]></category>
		<category><![CDATA[原型]]></category>

		<guid isPermaLink="false">http://www.ashnotes.com/?p=74</guid>
		<description><![CDATA[周末参加了J.S.阅微同学组织、泰山在线赞助的华南UE小组-深圳-第九次聚会，席间探讨了导航的讨论，并体验了泰山在线旗下的i-dong在线游戏。为泰山的领导和产品经理热诚及对UE重视所感动，写一篇i-dong的游戏中心原型优化，给大家分享。 先给大家看看i-dong的游戏中心原型，如下图： 为方便分析对原型做了区域标注，如下图： A区: 游戏内容区,包含了分类类目和类下各游戏名称。 B区：游戏玩家区，包含玩家账户、社交 、及系统设置和退出 C区: 游戏状态区，包括硬件设备运行情况、网络状态以及玩家登录情况 问题： 1 很显然A区是原型设计者重点突出的核心区，一是摆明这里游戏丰富，二是希望玩家一上来就可以挑选游戏，迅速进入游戏状态。 但将游戏分类和游戏同区全部展示，以及健身类和益智类游戏循环滚动（无限制的）无疑分化了玩家选择。因为i-dong的手柄感应控制不像电脑的鼠标可以随意、快速选择，这一物理属性就决定了i-dong游戏中心在设计交互时必须平衡如何快速让玩家决策、选定自己玩的游戏而同时保持自己游戏的丰富性。 而玩家在选择具体游戏时，游戏区块会弹出&#8221;?&#8221;号让人不可捉摸，云天同学也表示了质疑，因为我的选择是明智的，为何还要给个问号质疑我的选择呢？虽然设计者的初衷是考虑问号相当于帮助中心，有啥不明白的点击问号,她会告诉你。 2 B区和C区有同质化倾向、对各自区域功能定位存在逻辑混乱。B区的注销本意是删除账户，但这里的功能实际是退出功能，在文案设计时可考虑用“退出”代替让人感觉更平实。“已登录”很明显是玩家的登录状态，似乎更应该放在B区。同时“已登录”为何采用按钮形式且不可点击切换（如隐身？退出？），更让人感觉困惑,还不如直接去掉。 优化方案： 1 对A区即游戏内容区采用Tab形式，隔开分类类目和类内容，信息可寻性得以加强；同时增大各游戏区块，更醒目，方便玩家识别。 将选中状态的问号去掉，或者用其他icon或“查看详情”等字样代替 2 简化B区，强调用户中心；将“设置”和“退出”剥离出来，并放置C区底部，强调“系统”概念,和左侧“系统”状态保持信息平衡 A区: 游戏内容区,包含了分类类目和类下各游戏名称。 B区：游戏玩家区，包含玩家账户、社交 、及系统设置和退出 C区: 游戏状态区，包括硬件设备运行情况、网络状态以及玩家登录情况 问题： 1 很显然A区是原型设计者重点突出的核心区，一是摆明这里游戏丰富，二是希望玩家一上来就可以挑选游戏，迅速进入游戏状态。但将游戏分类和游戏同区全部展示，以及健身类和益智类游戏循环滚动（无限制的）无疑分化了玩家选择。因为i-dong的手柄感应控制不像电脑的鼠标可以随意、快速选择，这一物理属性就决定了i-dong游戏中心在设计交互时必须平衡如何快速让玩家决策、选定自己玩的游戏而同时保持自己游戏的丰富性。 而玩家在选择具体游戏时，游戏区块会弹出&#8221;?&#8221;号让人不可捉摸，在场的云天同学也表示了质疑，因为我的选择是明智的，为何还要给个问号质疑我的选择呢？虽然设计者的初衷是考虑问号相当于帮助中心，有啥不明白的点击问号,她会告诉你。 2 B区和C区有同质化倾向、对各自区域功能定位存在逻辑混乱。B区的注销本意是删除账户，但这里的功能实际是退出功能，在文案设计时可考虑用“退出”代替让人感觉更平实。“已登录”很明显是玩家的登录状态，似乎更应该放在B区。同时“已登录”为何采用按钮形式且不可点击切换（如隐身？退出？），更让人感觉困惑,还不如直接去掉。 优化方案： 1 对A区即游戏内容区采用Tab形式，隔开分类类目和类内容，信息可寻性得以加强；同时增大各游戏区块，更醒目，方便玩家识别。将选中状态的问号去掉，或者用其他icon或“查看详情”等字样代替 2 简化B区，强调用户中心；将“设置”和“退出”剥离出来，并放置C区底部，强调“系统”概念,和左侧“系统”状态保持信息平衡 优化效果： 以上是用Axure制作的原型，有兴趣的同学，可以点击这里，查看效果&#8230;.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="i-dong的logo" src="http://www.i-dong.com/user/images/logo.gif" alt="" width="183" height="65" /><br />
周末参加了<a href="http://www.douban.com/people/Wei./" target="_blank">J.S.阅微</a>同学组织、<a href="http://www.toltech.cn/" target="_blank">泰山在线</a>赞助的<a href="http://www.douban.com/event/10943613/" target="_blank">华南UE小组-深圳-第九次聚会</a>，席间探讨了导航的讨论，并体验了泰山在线旗下的<a href="http://www.i-dong.com/">i-dong在线游戏</a>。为泰山的领导和产品经理热诚及对UE重视所感动，写一篇i-dong的游戏中心原型优化，给大家分享。</p>
<p>先给大家看看i-dong的游戏中心原型，如下图：</p>
<p><img class="aligncenter size-full wp-image-75" title="i-dong-prototype" src="http://www.ashnotes.com/wp-content/uploads/2009/08/i-dong-prototype.jpg" alt="i-dong-prototype" width="663" height="373" /></p>
<p>为方便分析对原型做了区域标注，如下图：</p>
<p><img class="aligncenter size-full wp-image-79" title="i-dong-prototype-tips" src="http://www.ashnotes.com/wp-content/uploads/2009/08/i-dong-prototype-tips.jpg" alt="i-dong-prototype-tips" width="665" height="373" /></p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">A区: 游戏内容区,包含了分类类目和类下各游戏名称。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">B区：游戏玩家区，包含玩家账户、社交 、及系统设置和退出</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">C区: 游戏状态区，包括硬件设备运行情况、网络状态以及玩家登录情况</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">问题：</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">1 很显然A区是原型设计者重点突出的核心区，一是摆明这里游戏丰富，二是希望玩家一上来就可以挑选游戏，迅速进入游戏状态。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">但将游戏分类和游戏同区全部展示，以及健身类和益智类游戏循环滚动（无限制的）无疑分化了玩家选择。因为i-dong的手柄感应控制不像电脑的鼠标可以随意、快速选择，这一物理属性就决定了i-dong游戏中心在设计交互时必须平衡如何快速让玩家决策、选定自己玩的游戏而同时保持自己游戏的丰富性。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">而玩家在选择具体游戏时，游戏区块会弹出&#8221;?&#8221;号让人不可捉摸，云天同学也表示了质疑，因为我的选择是明智的，为何还要给个问号质疑我的选择呢？虽然设计者的初衷是考虑问号相当于帮助中心，有啥不明白的点击问号,她会告诉你。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">2 B区和C区有同质化倾向、对各自区域功能定位存在逻辑混乱。B区的注销本意是删除账户，但这里的功能实际是退出功能，在文案设计时可考虑用“退出”代替让人感觉更平实。“已登录”很明显是玩家的登录状态，似乎更应该放在B区。同时“已登录”为何采用按钮形式且不可点击切换（如隐身？退出？），更让人感觉困惑,还不如直接去掉。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">优化方案：</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">1 对A区即游戏内容区采用Tab形式，隔开分类类目和类内容，信息可寻性得以加强；同时增大各游戏区块，更醒目，方便玩家识别。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">将选中状态的问号去掉，或者用其他icon或“查看详情”等字样代替</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 404px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">2 简化B区，强调用户中心；将“设置”和“退出”剥离出来，并放置C区底部，强调“系统”概念,和左侧“系统”状态保持信息平衡</div>
<p>A区: 游戏内容区,包含了分类类目和类下各游戏名称。<br />
B区：游戏玩家区，包含玩家账户、社交 、及系统设置和退出<br />
C区: 游戏状态区，包括硬件设备运行情况、网络状态以及玩家登录情况</p>
<p><strong>问题：</strong></p>
<p>1 很显然A区是原型设计者重点突出的核心区，一是摆明这里游戏丰富，二是希望玩家一上来就可以挑选游戏，迅速进入游戏状态。但将游戏分类和游戏同区全部展示，以及健身类和益智类游戏循环滚动（无限制的）无疑分化了玩家选择。因为i-dong的手柄感应控制不像电脑的鼠标可以随意、快速选择，这一物理属性就决定了i-dong游戏中心在设计交互时必须平衡如何快速让玩家决策、选定自己玩的游戏而同时保持自己游戏的丰富性。</p>
<p>而玩家在选择具体游戏时，游戏区块会弹出&#8221;?&#8221;号让人不可捉摸，在场的<a href="http://blog.xiaoxiao.com.cn/2009/08/11/the-ninth-ue-party.html" target="_blank">云天同学</a>也表示了质疑，因为我的选择是明智的，为何还要给个问号质疑我的选择呢？虽然设计者的初衷是考虑问号相当于帮助中心，有啥不明白的点击问号,她会告诉你。</p>
<p>2 B区和C区有同质化倾向、对各自区域功能定位存在逻辑混乱。B区的注销本意是删除账户，但这里的功能实际是退出功能，在文案设计时可考虑用“退出”代替让人感觉更平实。“已登录”很明显是玩家的登录状态，似乎更应该放在B区。同时“已登录”为何采用按钮形式且不可点击切换（如隐身？退出？），更让人感觉困惑,还不如直接去掉。</p>
<p><strong>优化方案：</strong></p>
<p>1 对A区即游戏内容区采用Tab形式，隔开分类类目和类内容，信息可寻性得以加强；同时增大各游戏区块，更醒目，方便玩家识别。将选中状态的问号去掉，或者用其他icon或“查看详情”等字样代替</p>
<p>2 简化B区，强调用户中心；将“设置”和“退出”剥离出来，并放置C区底部，强调“系统”概念,和左侧“系统”状态保持信息平衡</p>
<p><strong>优化效果：</strong></p>
<p><strong><img class="aligncenter size-full wp-image-76" title="i-dong-prototype-optimize" src="http://www.ashnotes.com/wp-content/uploads/2009/08/i-dong-prototype-optimize.jpg" alt="i-dong-prototype-optimize" width="663" height="373" /></strong></p>
<p>以上是用Axure制作的原型，有兴趣的同学，<strong><a href="http://www.ashnotes.com/experience/i-dong-game-center/" target="_self"><span style="color: #ff0000;">可以点击这里，查看效果&#8230;.</span></a></strong></p>
<p><strong><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ashnotes.com/i-dong-game-center-prototype-optimize/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
