<?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>Hey!UserExperience &#187; 分享</title>
	<atom:link href="http://www.heyux.com/tag/%e5%88%86%e4%ba%ab/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.heyux.com</link>
	<description>Discovery Fresh Experience..</description>
	<lastBuildDate>Fri, 30 Jul 2010 05:43:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>我们需要怎样的分享？</title>
		<link>http://www.heyux.com/2009/12/31/share-what-you-know/</link>
		<comments>http://www.heyux.com/2009/12/31/share-what-you-know/#comments</comments>
		<pubDate>Thu, 31 Dec 2009 08:20:33 +0000</pubDate>
		<dc:creator>哈嘍柒柒</dc:creator>
				<category><![CDATA[设计分享]]></category>
		<category><![CDATA[分享]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=465</guid>
		<description><![CDATA[
杀了几轮三国杀，稍微缓解了上班的疲劳，回来路上和平四同学聊起了设计师的分享，或者說我们的分享机制。
早年间，大团队内部的分享更多是答疑解惑，每个人把自己工作遇到的问题抛出来利用团队力量解决，或是把自己的老经验小巧思介绍给大家。后来呢，分享这件事变成了工作的一部分，连话题也渐渐审慎起来，多少有点例行公事。
不少新来的同学都苦闷于不知道要分享什么主题，而自己费劲巴拉准备的PPT又能给别人带来多大的收益呢？ 我也时常为分享犯愁，所谓己所不欲，勿施于人，自己最怕听那些大道理，所以很想把写作或者演说内容搞得充分一些再分享给大家。无奈水平有限，尽管有时候用心准备了，对他人可能依然是无用之物。 所以在闲聊时总结了下自己比较倾向的三类分享：
1.方法+贴士
新人和老枪差在哪儿？多数时候无非是经验的差异。提及体验啊、交互啊，从业的同学们都能说出个10条准则、5 个要素的，但真到了工作中又不知道怎么做才能达到那个高度。人人心中都个美好的愿景，只是没人提供那理想的阶梯。 所以做事的方法和技巧很重要。方法也并非那种高深的方法论，而是着眼于小处，从实践中总结的步骤、手段，受众们只要照着去做再加上一点儿悟性就能提升自己的设计。 以前从觉得老外啰哩吧嗦，总把几句话的道理写成一大本书，然后填充各色的举例证明、贴心提示，细致到不行，现在觉得这类书或分享才是最快受用的。
2.工作坊
小团队中流行一句话，做过就比没做强，理论需要实践的验证。对于我这样的懒人，工作坊算是寓教于乐的方式。一方面传达了方法，一方面又能让受众马上去实践一下这个方法。高度的参与感 UPA时参加两场工作坊，美国同学的风格热情，多在训练意识和表达；台湾同学的风格精细，意在快速上手掌握方法。两场下来倒是学习不少做分享的经验。
3.工作范畴外的知识
页面需要留白，工作也需要呼吸，所以分享可以涉及一些与日常工作和专业无关的话题，放松的讨论。而交互设计或者广义的设计本身就是很包容的学科，需要我们什么都知道一些，让自己的思维不会僵化。艺术不是来源于生活？可生活不只是原型+代码。
自己悟性较差，所以现阶段还是喜欢比较实用的分享。

]]></description>
			<content:encoded><![CDATA[<p><span style="color: #333333; font-family: Arial; font-size: 12px; line-height: 18px;"></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><span>杀了几轮三国杀，稍微缓解了上班的疲劳，回来路上和平四同学聊起了设计师的分享，或者說我们的分享机制。</span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><span>早年间，大团队内部的分享更多是答疑解惑，每个人把自己工作遇到的问题抛出来利用团队力量解决，或是把自己的老经验小巧思介绍给大家。后来呢，分享这件事变成了工作的一部分，连话题也渐渐审慎起来，多少有点例行公事。</span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><span>不少新来的同学都苦闷于不知道要分享什么主题，而自己费劲巴拉准备的PPT又能给别人带来多大的收益呢？ 我也时常为分享犯愁，所谓己所不欲，勿施于人，自己最怕听那些大道理，所以很想把写作或者演说内容搞得充分一些再分享给大家。无奈水平有限，尽管有时候用心准备了，对他人可能依然是无用之物。 所以在闲聊时总结了下自己比较倾向的三类分享：</span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><strong><span>1.方法+贴士</span></strong></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><span>新人和老枪差在哪儿？多数时候无非是经验的差异。提及体验啊、交互啊，从业的同学们都能说出个10条准则、5 个要素的，但真到了工作中又不知道怎么做才能达到那个高度。人人心中都个美好的愿景，只是没人提供那理想的阶梯。 所以做事的方法和技巧很重要。方法也并非那种高深的方法论，而是着眼于小处，从实践中总结的步骤、手段，受众们只要照着去做再加上一点儿悟性就能提升自己的设计。 以前从觉得老外啰哩吧嗦，总把几句话的道理写成一大本书，然后填充各色的举例证明、贴心提示，细致到不行，现在觉得这类书或分享才是最快受用的。</span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><strong><span>2.工作坊</span></strong></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><span>小团队中流行一句话，做过就比没做强，理论需要实践的验证。对于我这样的懒人，工作坊算是寓教于乐的方式。一方面传达了方法，一方面又能让受众马上去实践一下这个方法。高度的参与感 UPA时参加两场工作坊，美国同学的风格热情，多在训练意识和表达；台湾同学的风格精细，意在快速上手掌握方法。两场下来倒是学习不少做分享的经验。</span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><strong><span>3.工作范畴外的知识</span></strong></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><span>页面需要留白，工作也需要呼吸，所以分享可以涉及一些与日常工作和专业无关的话题，放松的讨论。而交互设计或者广义的设计本身就是很包容的学科，需要我们什么都知道一些，让自己的思维不会僵化。艺术不是来源于生活？可生活不只是原型+代码。</span></p>
<p style="margin: 1em 0px; font-family: Arial; line-height: 18px; color: #333333;"><span>自己悟性较差，所以现阶段还是喜欢比较实用的分享。</span></p>
<p></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2009/12/31/share-what-you-know/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>网店装修给用户多少自由度?</title>
		<link>http://www.heyux.com/2009/11/19/%e7%bd%91%e5%ba%97%e8%a3%85%e4%bf%ae%e7%bb%99%e7%94%a8%e6%88%b7%e5%a4%9a%e5%b0%91%e8%87%aa%e7%94%b1%e5%ba%a6/</link>
		<comments>http://www.heyux.com/2009/11/19/%e7%bd%91%e5%ba%97%e8%a3%85%e4%bf%ae%e7%bb%99%e7%94%a8%e6%88%b7%e5%a4%9a%e5%b0%91%e8%87%aa%e7%94%b1%e5%ba%a6/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 12:19:37 +0000</pubDate>
		<dc:creator>建雄</dc:creator>
				<category><![CDATA[设计分享]]></category>
		<category><![CDATA[分享]]></category>
		<category><![CDATA[网店装修]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=316</guid>
		<description><![CDATA[这是我参与旺店项目装修功能的体会，旺店用户可以使用系统提供的强大装修功能搭建出风格各异的店铺。但也正是因为这强大的功能提高了用户的使用门槛，不够自由或过于自由的操作权限等原因导致装修结果并没有达到我们预期,甚至没有完成装修。
网店装通过使用模板，并且对页面布局和模块进行设置，来达到用户自己想要的外观,每套模板下还有多套皮肤可以选择。
模板

模板包括首页、搜索/列表页、商品详情页、公用页面、新建页面
页面都设置好了布局
布局添加好了默认模块
模块添加了初始化的数据

也可解构成：模板由页面组成、页面由布局组成、布局由模块组成、模块由数据组成。

皮肤

每套模板下对应用有多个皮肤
皮肤只是改变模板的色调，不影响布局


用户使用模板/皮肤需要的自由度:
初次使用模板：能够自动导入淘宝店铺商品数据
重置模板：新模板中应该保留以前的商品数据
重置模板时：把后果告诉用户,让用户确认是否要重置模板
重置模板后：让用户可以返回原来使用的模板（Designing Interfaces中的“多级撤消”模式。）
用户使用模板/皮肤需要的自由度
初次使用模板：能够自动导入淘宝店铺商品数据
重置模板：新模板中应该保留以前的商品数据
重置模板时：把后果告诉用户,让用户确认是否要重置模板
重置模板后：让用户可以返回原来使用的模板（Designing Interfaces中的“多级撤消”模式。）
用户可以从装修商城购买模板和皮肤,并导出/导入装修文件。
Css的开放必然会使皮肤越来越多样化，皮肤能做的不只是换颜色的工作，也可以定义布局。所以从发展趋势来看，感觉模板和皮肤分开做会不方便,在后台线上修改Css就可以了。
页面结构
页面包括页头、中间的布局区域和页尾


页头——页头部分可以承载的元素非常多，大概列一下可以包括下面这些:


店铺招牌——可以和页头尺寸一样大，也可以页头的背景
导航菜单
店铺标志——也叫logo
登录/注册文字链
购物车
店铺主标题
店铺副标题
自定义文字链

用户设置页头需要的自由度
上面这些元素，用户都是可以自定义的，包括尺寸、位置、链接颜色、字体字号,是否显示。目的是想给用户提供一个强大的功能，让用户创建个性化的店铺。但是这种超级自由的方式让很多用户把各种五颜六色的元素随意摆放，造成头部信息的混乱。

布局——布局按照淘宝的栅格系统可以分为：


用户使用布局需要的自由度
在选定了一套模板之后，用户可以随意改变布局的结构，添加或删除布局，这么做的目的是为了让用户在模板的基础上，再按需修改。改变布局的结构会导致模块排列杂乱无章，页面内容混乱，需要用户有较高的页面布局能力来重新布局。

模块——模块可以拖拽到布局中


同一页面中的模块可以拖拽到布局的任何一列中。
用户设置模块需要的自由度
当只适合190px宽的类目模块拖拽到750px宽的列中，必然会造成页面有大片空白。针对不同的布局应该匹配相应的模块，而不是任意摆放。
比如商品详情页面就是一个具有独特特征的页面，随意摆放页面内容会影响正常的购买流程。
Html自定义模块是一个更高度自由的模块
Html自定义模块需要用户有基本的Html知识才能设置完成。
个人觉得Html模块也可以提供一些能够直接使用的模板，用户只要修改其中的数据即可。

页尾——页尾一般是放网店的版权信息和icp备案号。

页尾设置需要的自由度
太过于自由的方式，真的会有用户把促销信息写在页尾的。
小结
确定用户群体 ,满足大部分用户的需求。
保障产品的基础体验，网店装修无障碍。

]]></description>
			<content:encoded><![CDATA[<p>这是我参与旺店项目装修功能的体会，旺店用户可以使用系统提供的强大装修功能搭建出风格各异的店铺。但也正是因为这强大的功能提高了用户的使用门槛，不够自由或过于自由的操作权限等原因导致装修结果并没有达到我们预期,甚至没有完成装修。</p>
<p>网店装通过使用模板，并且对页面布局和模块进行设置，来达到用户自己想要的外观,每套模板下还有多套皮肤可以选择。</p>
<h3><strong>模板</strong></h3>
<ol>
<li>模板包括首页、搜索/列表页、商品详情页、公用页面、新建页面</li>
<li>页面都设置好了布局</li>
<li>布局添加好了默认模块</li>
<li>模块添加了初始化的数据</li>
</ol>
<p>也可解构成：模板由页面组成、页面由布局组成、布局由模块组成、模块由数据组成。</p>
<p><img class="alignnone size-full wp-image-152" title="Template" src="http://www.sghz.com/wp-content/uploads/2009/11/mb.png" alt="mb" width="400" height="261" /></p>
<h3><strong>皮肤</strong></h3>
<ol>
<li>每套模板下对应用有多个皮肤</li>
<li>皮肤只是改变模板的色调，不影响布局</li>
</ol>
<p><img class="alignnone size-full wp-image-150" title="theme" src="http://www.sghz.com/wp-content/uploads/2009/11/theme.png" alt="theme" width="400" height="174" /></p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 100px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">用户使用模板/皮肤需要的自由度:</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 100px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">初次使用模板：能够自动导入淘宝店铺商品数据</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 100px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">重置模板：新模板中应该保留以前的商品数据</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 100px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">重置模板时：把后果告诉用户,让用户确认是否要重置模板</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 100px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">重置模板后：让用户可以返回原来使用的模板（Designing Interfaces中的“多级撤消”模式。）</div>
<h4><strong>用户使用模板/皮肤需要的自由度</strong></h4>
<p><span style="font-weight: normal;">初次使用模板：能够自动导入淘宝店铺商品数据</span></p>
<p>重置模板：新模板中应该保留以前的商品数据</p>
<p>重置模板时：把后果告诉用户,让用户确认是否要重置模板</p>
<p>重置模板后：让用户可以返回原来使用的模板（Designing Interfaces中的“多级撤消”模式。）</p>
<p>用户可以从装修商城购买模板和皮肤,并导出/导入装修文件。</p>
<p>Css的开放必然会使皮肤越来越多样化，皮肤能做的不只是换颜色的工作，也可以定义布局。所以从发展趋势来看，感觉模板和皮肤分开做会不方便,在后台线上修改Css就可以了。</p>
<h3><strong>页面结构</strong></h3>
<p>页面包括页头、中间的布局区域和页尾</p>
<p><img class="alignnone size-full wp-image-155" title="layout" src="http://www.sghz.com/wp-content/uploads/2009/11/layout1.png" alt="layout" width="400" height="172" /></p>
<ul>
<li><strong>页头<span style="font-weight: normal;"><strong><span style="font-family: 宋体;">——</span></strong>页头部分可以承载的元素非常多，大概列一下可以包括下面这些:</span></strong></li>
</ul>
<ol>
<li>店铺招牌<strong><span style="font-family: 宋体;">——</span></strong>可以和页头尺寸一样大，也可以页头的背景</li>
<li>导航菜单</li>
<li>店铺标志<strong><span style="font-family: 宋体;">——</span></strong>也叫logo</li>
<li>登录/注册文字链</li>
<li>购物车</li>
<li>店铺主标题</li>
<li>店铺副标题</li>
<li>自定义文字链</li>
</ol>
<h4><strong>用户设置页头需要的自由度</strong></h4>
<p><span style="font-weight: normal;">上面这些元素，用户都是可以自定义的，包括尺寸、位置、链接颜色、字体字号,是否显示。目的是想给用户提供一个强大的功能，让用户创建个性化的店铺。但是这种超级自由的方式让很多用户把各种五颜六色的元素随意摆放，造成头部信息的混乱。</span></p>
<ul>
<li><strong>布局</strong><strong><span style="font-family: 宋体;">——</span></strong>布局按照淘宝的栅格系统可以分为：</li>
</ul>
<p><img class="size-full wp-image-133 alignnone" title="layout" src="http://www.sghz.com/wp-content/uploads/2009/11/layout.png" alt="布局" width="347" height="231" /></p>
<h4><strong>用户使用布局需要的自由度</strong></h4>
<p><span style="font-weight: normal;">在选定了一套模板之后，用户可以随意改变布局的结构，添加或删除布局，这么做的目的是为了让用户在模板的基础上，再按需修改。改变布局的结构会导致模块排列杂乱无章，页面内容混乱，需要用户有较高的页面布局能力来重新布局。</span></p>
<ul>
<li><strong>模块<span style="font-weight: normal; "><strong><span style="font-family: 宋体;">——</span></strong>模块可以拖拽到布局中</span></strong></li>
</ul>
<p><img class="alignnone size-full wp-image-138" title="mod" src="http://www.sghz.com/wp-content/uploads/2009/11/mod.png" alt="mod" width="289" height="233" /></p>
<p>同一页面中的模块可以拖拽到布局的任何一列中。</p>
<h4><strong>用户设置模块需要的自由度</strong></h4>
<p><span style="font-weight: normal;">当只适合190px宽的类目模块拖拽到750px宽的列中，必然会造成页面有大片空白。针对不同的布局应该匹配相应的模块，而不是任意摆放。</span></p>
<p>比如商品详情页面就是一个具有独特特征的页面，随意摆放页面内容会影响正常的购买流程。</p>
<h4><strong>Html自定义模块是一个更高度自由的模块</strong></h4>
<p>Html自定义模块需要用户有基本的Html知识才能设置完成。</p>
<p>个人觉得Html模块也可以提供一些能够直接使用的模板，用户只要修改其中的数据即可。</p>
<ul>
<li><strong>页尾<span style="font-weight: normal;"><strong><span style="font-family: 宋体;">——</span></strong>页尾一般是放网店的版权信息和icp备案号。</span></strong></li>
</ul>
<h4><strong>页尾设置需要的自由度</strong></h4>
<p>太过于自由的方式，真的会有用户把促销信息写在页尾的。</p>
<h3><strong>小结</strong></h3>
<p class="MsoNormal">确定用户群体 ,满足大部分用户的需求。</p>
<p class="MsoNormal">保障产品的基础体验，网店装修无障碍。</p>
<p><img src="http://www.heyux.com/wp-content/uploads/2009/11/heyux3.jpg" alt="heyux3" title="heyux3" width="650" height="190" class="alignnone size-full wp-image-328" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2009/11/19/%e7%bd%91%e5%ba%97%e8%a3%85%e4%bf%ae%e7%bb%99%e7%94%a8%e6%88%b7%e5%a4%9a%e5%b0%91%e8%87%aa%e7%94%b1%e5%ba%a6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
