<?xml version="1.0" encoding="UTF-8"?>
  <feed xmlns="http://www.w3.org/2005/Atom">
  <title type="html"><![CDATA[yarak single]]></title>
  <subtitle type="html"><![CDATA[singing solo]]></subtitle>
  <id>http://www.yarak.net.cn/</id> 
  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/" /> 
  <link rel="self" type="application/atom+xml" href="http://www.yarak.net.cn/atom.asp" /> 
  <generator uri="http://www.pjhome.net/" version="2.4.1022">PJBlog2</generator> 
  <updated>2010-02-01T14:28:18+08:00</updated> 

  <entry>
	  <title type="html"><![CDATA[桃花恨-黄药师]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=3" label="Poem" /> 
	  <updated>2010-02-01T14:28:18+08:00</updated>
	  <published>2010-02-01T14:28:18+08:00</published>
		  <summary type="html"><![CDATA[万树桃花又一春<br />重游姑苏桃花村<br />昔日此棵桃树下<br />留我一壶桃花情<br />若我流连桃花酿<br />千朵桃花遗恨深<br />我若怜惜桃花瓣<br />桃花流水亦无根<br /><br />不敢折枝恐花惊<br />独品暗香记花清<br />两袖清风我独去<br />桃花怨我太无情<br />他日来寻桃花种<br />桃花岛上种半斤<br />我陪桃花五十年<br />如今桃花似海深<br /><br />孤星入命犯桃花<br />此生难解桃花情<br />世间诸事皆沉重<br />惟有手边桃花轻]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=103" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=103</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[happy new yarak!]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=7" label="collect" /> 
	  <updated>2010-01-04T15:46:55+08:00</updated>
	  <published>2010-01-04T15:46:55+08:00</published>
		  <summary type="html"><![CDATA[<a target="_blank" href="http://img01.taobaocdn.com/tps/i1/T1kw0rXlVBXXXXXXXX-934-1016.jpg"><img alt="" src="http://img01.taobaocdn.com/tps/i1/T1bw8rXbBzXXXXXXXX-480-522.jpg" /></a><br /><br />从头开始，从新开始。]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=102" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=102</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[交互设计实用指南系列（3）——“有效性”之“适时帮助”]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=4" label="Disorder" /> 
	  <updated>2009-12-22T14:51:05+08:00</updated>
	  <published>2009-12-22T14:51:05+08:00</published>
		  <summary type="html"><![CDATA[<h2><img src="http://img07.taobaocdn.com/tps/i7/T1tB4qXXxtXXXXXXXX-245-402.jpg" alt="" /></h2>
<h2>交互设计实用指南系列（3）&mdash;&mdash;&ldquo;有效性&rdquo;之&ldquo;适时帮助&rdquo;</h2>
任何一个交互过程的操作，对于用户来说都有学习成本，谁也不能保证所有人都可以准确无误地走完一个流程。交互设计师在设计时应该考虑适时地给用户相应的帮助，这一点非常重要。适时帮助，是指在用户使用流程中，在需要的时候能及时地得到帮助；反之，在不需要帮助的时候,不要出现信息干扰。<br />不及时的帮助会造成用户使用进程中断，或者增加用户达成目标的难度。无效的帮助则可能给用户造成干扰，影响用户完成任务。<br /><br />&quot;适时帮助&quot;是一个偏正结构，首先是帮助，然后制约条件是适时。我们分开来讲。<br /><br />在理想的交互设计状态下,我们当然希望用户在使用过程中&quot;无师自通&quot;,但受制硬件、使用环境、用户层次等各种原因，有一个&quot;老师&quot;帮助用户是非常必要的。<br />韩愈在《师说》里一开始就讲到：古之学者必有师。师者，所以传道受业解惑也。人非生而知之者，孰能无惑？ <br />同理，我们的帮助也是相似的作用，传道授业解惑。<br /><br />1.传道<br />传道主要是理论上的帮助，告诉别人这是什么，主要指一些名词解释，规则说明等等。<br />2.授业<br />授业主要是操作上的帮助，告诉用户怎么作才能完成整个流程。很多当前操作提示，流程示意图等都属于这个范畴。<br />3.解惑<br />解惑主要是在用户迷惑不解的时候提供解决方案，比如对用户操作出错的建议，某分流程结束后的帮助提示等等。<br /><br />然后主要来说一说&ldquo;适时&rdquo;。这就要讨论用户在什么时候需要帮助。一般有以下三种情况：<br /><b>A.在用户第一次使用某产品功能的时候。</b><br />当新用户使用一个产品的时候需要帮助，或者老用户在使用一项新功能的时候，由于认知不足，用户会觉得陌生，不知所措。此时帮助应该及时出现，但不能一直强制出现，应该让用户有选择的余地。<br /><b>B.在用户已经出错或者将要出错的时候。</b><br />当用户在流程中不小心与系统现在规则有了冲突的时候应该及时提醒，不能任其为之，到最后显示一句&ldquo;对不起，你出错了&rdquo;，这样可能会造成用户主动中断流程。<br /><b>C.在用户遇到不明白的问题的时候。</b><br /> 用户遇到不明白的名词或者操作时，应该及时给出解释。用户了解信息主体时候，如果有必要的补充说明也应该及时出现。<b><br /></b><br />当出现以上三种情况的时候，我们应该采取适当的方法来为用户提供帮助。<br /><b>1.帮助信息明显，提示方式灵活。</b><br />看案例:<br /><img src="http://img08.taobaocdn.com/tps/i8/T1F7XqXlVbXXXXXXXX-500-492.gif" alt="" /><br />google文档的新功能帮助信息，第一次访问时，用明显的形式出现，用户点击关闭以后再也不会出现；如果点击以后提醒我，帮助信息会暂时关闭，下次访问还会出现。 <br /><br /><b>2.及时反馈操作，防止用户出错；分析错误原因，给出合理建议。</b><br />看案例:<br /><img src="http://img02.taobaocdn.com/tps/i2/T1.PlqXkdpXXXXXXXX-500-299.gif" alt="" /><br />上图针对错误页面的帮助提示，分析用户可能出现的原因，并给出了一些建议。我们再来看看下面这个反面案例。<br /><br /><img src="http://img01.taobaocdn.com/tps/i1/T1J58qXXpwXXXXXXXX-618-515.jpg" alt="" /><br />用户在注册过程中，用户已经存在的情况下，输入是没有提示的；直到所有资料填写好之后提交，才弹出结果页面，说用户名已经被注册，然后让用户重新填写。这个帮助信息来得太晚了，如果在注册用户填写用户名的时候，就检测该用户名是否有效，就不会让用户觉得前功尽弃了。<br /><br /><b>3.及时补充，信息完整</b><br /><img src="http://img04.taobaocdn.com/tps/i4/T1j6BqXmJkXXXXXXXX-263-316.jpg" alt="" /><br />再看QQ会员页面，在开通会员的大按钮下有一个&ldquo;QQ会员是什么&rdquo;的帮助信息，这个帮助就是为了让用户首先在理论上对QQ会员有一个认知。对用户不了解的信息给出了通往答案的道路。<br /><br />总之，帮助在交互设计的有效性里有相当重要的地位，而适时性是帮助的重要关键点。我们可以用两个词组合起来，形容适时帮助的特点，那就是&quot;聊胜于无，过犹不及&quot;。只有及时而不多余的帮助信息才能更好地帮助用户，从而完成一个具有&ldquo;有效性&rdquo;的交互设计。]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=101" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=101</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[第四届D2前端技术论坛本月开幕]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=4" label="Disorder" /> 
	  <updated>2009-12-07T13:22:01+08:00</updated>
	  <published>2009-12-07T13:22:01+08:00</published>
		  <summary type="html"><![CDATA[<a href="http://www.d2forum.org/d2/4/" target="_blank"><img height="250" width="180" src="http://www.d2forum.org/d2/4/assets/img/d2-180x250.gif" alt="第四届 D2前端技术论坛 (12月19日·杭州)" /></a><br />作个广告，有兴趣的去参加一下。<br /><a href="http://www.yarak.net.cn/javascript:void(0);/*1260163397091*/">http://www.d2forum.org/d2/4/</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=100" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=100</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[交互设计实用指南系列-帮助体系的交互设计]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=7" label="collect" /> 
	  <updated>2009-12-04T12:35:22+08:00</updated>
	  <published>2009-12-04T12:35:22+08:00</published>
		  <summary type="html"><![CDATA[《交互设计实用指南》之帮助体系的交互设计<br /><br />说到互联网产品中的帮助体系，大家都很熟悉，常用的帮助体系就是一个帮助中心，罗列问题和答案，然后给用户一些通道，似乎这样就足够解决用户的问题了。读了淘宝UED出的《交互设计实用指南》之后，你会发现不是这么简单的，《交互设计实用指南》告诉了我们互联网产品的帮助体系如何进行交互设计。<br />我整理了《交互设计实用指南》中帮助相关的交互设计要点，与大家共享。<br /><br />在作好帮助体系的交互设计之前，首先要明确目标，帮助体系的主要目标是解决用户的问题，让用户更方便的完成使用流程。所以我们所有的设计不能背离或严重偏离最终的目标。帮助体系的交互设计要注意以下几点：<br /><br />１.亲和简练<br />帮助体系的表现形式最基础的是文字和图片，涉及到文案的交互设计都应该注意简洁自然，指南的其他章节有详细说明，在此我不作赘述。总之，语言要亲和，简练。不能罗罗嗦嗦的一大串，还都是拗口的专业性语言，用户看不懂的帮助就是失败的帮助。<br /><br />２.及时出现<br />帮助体系的存在就是为了解决问题的，在用户遇到问题的时候，应该及时的出现在他的眼前。<br />案例：<br />a.某链接后面跟一个&quot;?&quot;,点击可以到达相关页面获得帮助。<br />b.搜索失败页面，给出相关可能的帮助性解答，并给出其他提示性建议，或者其他出口。<br />以上的两种案例部分网站经常用到，稍加注意的人都不会陌生。如果用户遇到问题了，找不到帮助性的提示，也找不到帮助中心的入口，或者找到帮助中心了，怎么也找不到相关问题的解决办法，这样的帮助对用户来说就没有意义。这种情况目前很多网站的帮助体系都有存在。<br /><br />３.逻辑清晰<br />帮助中心的构建，需要清晰的条理，结构严谨，这样用户查找起来非常方便。比如支付宝的帮助中心，个人认为比较不错，分类明晰，条理清楚，并模拟一般用户的操作，前后有序，主次分明。一般用户的问题都能找得到答案，并能看得明白，是相对比较成熟的帮助中心。<br /><br />４.功能齐备<br />帮助体系需要具备哪些功能？<br />第一，新手帮助。包括面向新用户（入门问题）和面向老用户（遇到刚推出的新产品产生的问题），帮助体系里一定要有这个功能。有少部分网站认为自己的用户都非常成熟，为了帮助系统的简洁，入门级的问题都没有列出。殊不知这么作加大了用户的学习成本，会导致部分新用户的流失。<br />第二，防错机制。在用户操作有异常（有可能出错）的时候，给予提示，不要等到用户全部操作完成之后一次性给予提示，让他重来，这样会严重挫伤用户的积极性，极可能导致用户在流程完成之前离开。万一出错了，也要给出合理的建议和出口。不能一句&ldquo;对不起，你出错了！&rdquo;就完事。目前很多网站都存在这种情况。<br /><br />5.遵守规则<br />a.不抵触　帮助中的说明不能和现有的操作相抵触，保持一致性，帮助中心的是要用户看了就可以通过学习解决问题的。不能像某些IDC（名词含义不懂的请搜索）的帮助中心一样，动不动就&ldquo;请联系客服电话&rdquo;或&quot;请联系工作人员&quot;。这些是超脱帮助中心之外的解决方法，写在帮助中心里的方法应该是能引导用户解决问题的方法。如果确实需要人工服务，就不要把这些问题写在帮助中心里，只用一句&ldquo;其他问题请联系客服&rdquo;就行了。<br />b.不过时　帮助体系应该&ldquo;与时俱进&rdquo;，产品更新或升级后，旧的帮助应该及时更新<br />c.不误导　帮助体系应该明确有效，不能一个问题有N种解决方案并存，只需要把最简单常用的两三种方案列出即可。太多的解决方案反而会误导用户，以为这个问题很复杂。<br /><br />６.重点突出<br />帮助中心里一定有常见的问题和重要的问题，应该把常见的和重要的问题挑出来，重点列出，快速引导，直达答案。不能放一棵大树，让用户去数树枝。用户的时间和精力都不能浪费，否则由帮助造成不良的体验会给产品的整体体验带来严重的影响。<br /><br />７.注重反馈<br />有些问题是用户遇到，而帮助体系里没有列出的，需要有一个反馈机制，让用户把问题说出来。淘宝的帮助中心就注意到这一点，每条帮助后面都有一个反馈机制，让用户帮我们改进帮助体系。<br /><br />８.形式灵活<br />常用的帮助体系一般由文字和图片来构建。但有些问题没有办法一段话几张图能讲明白的。我们设计帮助体系的时候要注意形式灵活，针对不同的问题选择不同的表现形式，比如用FLASH，或者视频，有些可能需要语音帮助，甚至是智能机器人，让用户在乐趣中寻找答案。比较复杂的流程，问题就更千奇百怪了，在线客服等软件的出现又会帮助体系的设计打开了新的局面，当然也打开了一片市场。<br /><br />以上是我基于《交互设计实用指南》的设计思想，对帮助体系交互设计的一些总结。我相信，只要注意到上面的八个要点，帮助体系的交互设计就可以作得相对完善。欢迎大家指正。]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=99" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=99</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[三季人- [子贡问时]]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=7" label="collect" /> 
	  <updated>2009-11-26T09:21:19+08:00</updated>
	  <published>2009-11-26T09:21:19+08:00</published>
		  <summary type="html"><![CDATA[<b>子贡问时</b><br /> 　　朝，子贡事洒扫，客至，问曰：&ldquo;夫子乎？&rdquo;曰：&ldquo;何劳先生？&rdquo;曰：&ldquo;问时也。&rdquo;子贡见之曰： &ldquo;知也。&rdquo;客曰：&ldquo;年之季其几也？&rdquo;笑答：&ldquo;四季也。&rdquo;客曰：&ldquo;三季。&rdquo;遂讨论不止，过午未休。子闻声而出，子贡问之，夫子初不答，察然后言：&ldquo;三季 也。&rdquo;客乐而乐也，笑辞夫子。子贡问时，子曰：&ldquo;四季也。&rdquo;子贡异色。子曰：&ldquo;此时非彼时，客碧服苍颜，田间蚱尔，生于春而亡于秋，何见冬也？子与之论 时，三日不绝也。&rdquo;子贡以为然。<br /><br /><br /><br />感触良多，而发。]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=98" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=98</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[互联网产品交互事件分析 (2) ]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=7" label="collect" /> 
	  <updated>2009-09-11T17:40:47+08:00</updated>
	  <published>2009-09-11T17:40:47+08:00</published>
		  <summary type="html"><![CDATA[<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64"><font size="3">听觉交互事件<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></b></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">听觉交互事件顾名思义就是：耳朵听到的声音给用户感觉，并产生的相关反应的过程。比如<span lang="EN-US">WINDOWS</span>的系统提示音，网络游戏中的一些音效，很多论坛的短消息提醒，等等。听觉交互事件的主要交互目的是有四种：提示，警告，反馈，补充。我分别举例说明一下。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">提示：比如很多即时通信软件的好友上线提示，系统消息提示。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">警告：系统操作错误的警告音，软件登录密码错误，某些游戏中红血警告，时间限定警告，机会限定警告。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">反馈：注册成功，升级成功，操作按钮被点击。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">补充：很多<span lang="EN-US">FLASH</span>站的背景音乐，游戏中的战马嘶鸣、马蹄绝尘、刀剑铿锵，电子杂志翻页音效。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">声音交互事件的交互方式很单一，就是默认在交互过程中发出声音。它的优点是提醒用户注意，在输出设备（听筒、音箱等）齐全的情况下，信息传达稳定，用户容易接收，交互效果最好。但它也有缺点，就是受制于输出设备，如果没有音箱或者听筒，交互效果就基本没有。所以听觉交互事件一般不独立用在互联网产品上。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">听觉交互事件的注意事项：<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">1.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">不独立使用，应该与其他交互事件配合使用，至少要与视觉交互配合。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">2.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">不强制用户接受，有选择项可以让用户关闭，不要期待用户为你去关输出设备。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64"><font size="3">视觉交互事件<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></b></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">视觉交互事件就是眼睛看到的界面给用户的感觉，并产生的相关反应的过程。视觉交互事件经常和其他交互事件混合在一起使用，但它本身可以独立使用。比如很多线下活动在线上作的网络广告，某些电影的线上海报，某些牛人的个人网站通知，流程图，注册时用户确认已阅读用户协议前不可点击（或倒计时完成后方可点击）的按钮等等。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">我再举一个具体的例子，某网站出现一个震撼的广告图，内容为&ldquo;浙江移动推出充值<span lang="EN-US">200</span>送<span lang="EN-US">200</span>优惠活动，请到附近营业厅办理。&rdquo;用户可能不会点击，他会打电话给移动公司询问，或者告知朋友去充值，或者直接就去营业厅办理了。这个人只要有了反应，交互事件就进行得很完美，广告效果就达到了。视觉交互与其他事件交互的结合也比比皆是，我就不一一枚举了。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">视觉交互事件是用户最直观最容易获得的体验，因此它需要具备美观，吸引，冲击，共鸣等特点。这一部分与界面视觉设计需要关注的部分重合，但不完全一样。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">视觉交互事件的注意事项：<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">1.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">表达清晰，有时甚至要牺牲美观来满足信息清晰的传达<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">2.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">与目标用户群产生共鸣，从文案、配色、图案等方面来提高吸引力，让用户有深入了解产品的欲望<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">3.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">配合其他交互事件使用时，尽可能满足其他交互事件的需求，避免产出好看不中用的华而不实的产品<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64"><font size="3">鼠标交互事件<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></b></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">鼠标交互事件顾名思义就是用户使用产品时，通过鼠标操作产生感觉，并产生相关反应的过程。鼠标交互事件是最常用的也是最重要的交互事件。比如导航条，很多性格测试，不计名投票系统，一些网页版小游戏，某些<span lang="EN-US">FLASH</span>广告，部分网站上出现的快捷菜单等等都属于鼠标交互事件。鼠标交互事件包括主键点击，悬浮，双击，选中，副键点击，滚动等，经常体现在超链接<span lang="EN-US">,JS</span>写的<span lang="EN-US">ON</span>系列事件，<span lang="EN-US">FLASH</span>的按钮等场景中。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">鼠标交互事件因为操作比较简单，得到很多入门级网民的喜爱，我们在用户体验研究测试中也确实能找到这一类的用户，就是传说中的&ldquo;鼠标流&rdquo;，整个交互过程只用鼠标来完成，虽然这不能代表所有网民，但确实代表了一种趋势，用户都喜欢简单的交互方式，只不过我们更关注的是有效，如果用户点来点去，找不到入口（出口），达不到目的，那么这个鼠标交互事件就是失败的，需要改进了。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">既然鼠标交互事件有这些需求，我们就应该在设计的时候权衡简单和有效的关系了。必须需要的步骤，我们一步都不能省，我相信用户不会吝惜一次点击的。另外一方面，我们不能因为用户不在乎多一次点击，就让用户不知道先点哪个的地方或者不停地点击。再举个例子，网站的快捷菜单，可以直达很多地方。我们不能把所有的页面都列出来，那样就变成<span lang="EN-US">sitemap</span>了，在某个页面上的快捷菜单最好只列出重要的，常用的，或者相关的链接就行了；也不能只列一个&ldquo;帮助中心&rdquo;的快捷链接，尽管我相信你的帮助中心作得非常有条理，用户还是需要点了再点，一级接一级的去找到相关的帮助，如果能直接到本页面相关的帮助不是更好？这个权衡非常具有挑战性，希望大家在作交互设计的时候多考虑，多调查，多试验，相信能找到一个比较好的方案。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">鼠标交互事件的注意事项：<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">1.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">傻瓜式：简单方便，在满足用户使用需求的同时，尽量减少点击次数。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">2.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">提示明显：让用户知道哪里地方可以点击，点击哪里可以最快达成目标。这个需要在界面及文案上对用户给予引导。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">3.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">反馈及时：用户在鼠标交互事件产生之后，能给以及时的反馈，比如鼠标经过变色，点击错误发出警告，跳转页面后能直接到相关的位置，<span lang="EN-US">AJAX</span>请求后要反馈出明显的视觉提醒或者页面变化<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">4.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">层次分明：用户点击之后，能有整个操作过程的提示，在操作失误后可以返回重新操作，已经点击过的是不是需要记录状态等等。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64"><font size="3">键盘交互事件<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></b></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">键盘交互事件就是用户使用产品过程中，通过键盘操作产生交互体验的过程。键盘交互在网络产品的交互过程应用得相当普遍，比如撰写日志，添加评论，<span lang="EN-US">ENTER</span>提交，小键盘翻页，<span lang="EN-US">TAB</span>切换焦点，某些网页游戏的快捷键等等。键盘交互事件通常和鼠标交互混合使用，构成了互联网产品的主要交互行为。用户在进行键盘交互之前，对时间和精力的花费有一定的预期，由于多年互联网产品交互过程对用户习惯的培养，用户在进行键盘交互事件的时候耐心明显多于其他交互事件。所以键盘交互事件要充分利用用户对此事件的耐心，并且要充分尊重用户的习惯。举例说明：文本框里面的提示语在焦点产生的时候要有全选功能或者删除功能；文本框输入完成后要有<span lang="EN-US">ENTER</span>提交的功能，而文本域输入完成后则是<span lang="EN-US">CTRL+ENTER</span>作为提交，因为<span lang="EN-US">ENTER</span>此时会作为换行的用途；有些文本输入有字数限制时需要提示剩余字数；有些文本域输入有时效性，需要有保存草稿功能，或者有时效性的提示；在需要设置快捷键的时候不要和系统默认的一些快捷相冲突，如果冲突了还不如不要。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">尊重主流的操作习惯非常重要，在此特别提出。比如我很不喜欢<span lang="EN-US">QQ</span>的<span lang="EN-US">CTRL+ALT+Z</span>的默认提取消息，因为这是<span lang="EN-US">PHOTOSHOP</span>的返回上一步的快捷键，这个设置非常干扰我的工作；我很喜欢<span lang="EN-US">GOOGLE</span>文档里的<span lang="EN-US">CTRL+Z(</span>俗称后悔键<span lang="EN-US">)</span>和<span lang="EN-US">CTRL+Y</span>（俗称恢复键），因为它符合大多数互联网产品的操作习惯。虽然有些习惯比较偏向个人，但我相信一定有很多产品自作聪明的设置了一些快捷键，反而干扰了一些常用软件或者系统的默认快捷键，本来是一个好的交互意愿，却取得了相反的交互体验。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">键盘交互事件的注意事项：<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">1.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">安全性：键盘交互事件可能透露一些用户的个人信息，或者泄露一些隐私，好的互联网产品应该给于用户以保护。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">2.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">稳定性：在利用用户对此交互事件的耐心来收集信息或者获得反馈的同时，要保证用户的耐心要有成果，不能让用户浪费时间和精力，结果前功尽弃，或者功亏一篑。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">3.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">一致性：不要指望用户对键盘交互事件拥有高超的辨别能力而采取不同的操作方式，如果你采用了一种交互方式，尽量在相同或者相似的交互场景中延续使用相同的交互方式，退一步说，不要用不一样的交互方式，再退一步说，千万不要用相反的交互方式。这一点对视觉交互也很重要，但对于能称作界面设计师的人（不包含图片处理员）来说，一般这种一致性是可以保持的。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><font size="3"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast" lang="EN-US">4.</span><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast">尊重习惯：目前互联网产品中有一些是非常伟大（或者说强大）的产品，不管交互方式是否绝对完美，至少他已经用市场占有率和时间的延续性培养了用户一些既有的习惯，交互设计师不要轻易打破用户的现有习惯，这并不是说不能有创新，而是指在现有习惯上优化和提升交互体验，是对现有交互方式的延展。<span lang="EN-US">
<p>&nbsp;</p>
</span></span></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64" lang="EN-US">
<p><font size="3">&nbsp;</font></p>
</span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><b style="mso-bidi-font-weight: normal"><span style="FONT-FAMILY: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; COLOR: #4a442a; FONT-SIZE: 12pt; mso-themecolor: background2; mso-themeshade: 64">总结<span lang="EN-US">
<p>&nbsp;</p>
</span></span></b></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">以上是我对互联网产品的交互事件所作的分类和分析，尽管现实产品的交互事件都很复杂，但基本是这几种事件的组合，如果我们能在基础的事件上作好交互设计，那把复杂的交互事件作好希望就会很大。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">另外业内对一个产品的交互设计作得好不好，没有一个标准，通过以上分析，虽然我们依然无法制定出这一标准，但是我们可以从上面的分析看出一个交互设计是不是作得不好。在我看来，这也是一个进步了。我希望各位同行都来贡献自己的力量，将好的交互设计应用在更多的产品，让用户得到更好的体验。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: 宋体; COLOR: #4a442a; mso-themecolor: background2; mso-themeshade: 64; mso-bidi-font-size: 10.5pt; mso-ascii-theme-font: minor-fareast; mso-fareast-font-family: 宋体; mso-fareast-theme-font: minor-fareast; mso-hansi-theme-font: minor-fareast"><font size="3">个人的一些分析，难免有不足，希望大家补充和指正。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=97" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=97</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[互联网产品交互事件分析 ]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=7" label="collect" /> 
	  <updated>2009-09-11T17:39:10+08:00</updated>
	  <published>2009-09-11T17:39:10+08:00</published>
		  <summary type="html"><![CDATA[<p align="center" style="margin: 0cm 0cm 0pt; text-align: center;" class="MsoNormal"><b style=""><span style="font-family: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; color: rgb(74, 68, 42); font-size: 18pt;">互联网产品交互事件分析 (1)<span lang="EN-US">
<p>&nbsp;</p>
</span></span></b></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span lang="EN-US" style="color: rgb(74, 68, 42);">
<p><font size="3" face="Calibri">&nbsp;</font></p>
</span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><b style=""><span style="font-family: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; color: rgb(74, 68, 42); font-size: 12pt;">挖坟<span lang="EN-US">
<p>&nbsp;</p>
</span></span></b></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"><font size="3">交互设计（<span lang="EN-US">Interaction Design</span>）产生于二十世纪八十年代，在<span lang="EN-US">1984</span>年一次设计会议上，大名鼎鼎的英国交互设计师比尔&middot;莫格里奇首次提出交互设计这个概念，作为一门关注交互体验的新学科而存在并发展到今天，他一开始给它命名为&ldquo;软面（<span lang="EN-US">Soft Face</span>）&rdquo;，由于这个名字容易让人想起和当时流行的玩具&ldquo;椰菜娃娃（<span lang="EN-US">Cabbage Patch doll</span>）&rdquo;，他后来把它更名为&ldquo;<span lang="EN-US">Interaction Design</span>&rdquo;――交互设计。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><b style=""><span style="font-family: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; color: rgb(74, 68, 42); font-size: 12pt;">思考<span lang="EN-US">
<p>&nbsp;</p>
</span></span></b></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"><font size="3">交互设计是一种如何让产品易用并尽可能让人乐在其中的技术，他包括了解目标用户在产品使用过程中的心理反应，了解用户在同产品交互时彼此的行为，了解大部分用户交互行为的习惯，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"><font size="3">交互设计在产品上的使用也越来越得到各大网站以及网民的重视，交互设计的理论也日益丰满，经典的交互案例也渐渐丰富起来。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"><font size="3">今天我们来分析一下互联网上交互设计的一些事件，为大家的研究和应用提一些个人肤浅的看法。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"><font size="3">其实交互可以理解为在使用产品过程中用户的感觉以及针对感觉的反馈。从这个层面上来看，生活中交互是无处不在的。交互产生的感觉就是我们平时所熟知的五感，即听觉，视觉，嗅觉，味觉，触觉。当然你一定要认为交互可以给你带来第六感，我也不反对，因为确实有好的交互让你有种神秘莫测的感觉，而且可以让你沿着设计师预想的方向去使用产品。其中应用于互联网的交互设计基本上是没有嗅觉和味觉的，虽然不排除将来可能会相关硬件产品作为这些感觉的输出设备（比如不好看的网站，某输出设备直接散发出臭味，或者某输出设备尝起来很苦），但是我们目前只讨论目前绝大部分输入设备带来的感觉。<span lang="EN-US">
<p>&nbsp;</p>
</span></font></span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><b style=""><span style="font-family: &quot;微软雅黑&quot;,&quot;sans-serif&quot;; color: rgb(74, 68, 42); font-size: 12pt;">分析<span lang="EN-US">
<p>&nbsp;</p>
</span></span></b></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"><font size="3">我们在使用互联网产品的时候，听觉，视觉，触觉是经常被触发的。在此我对互联网产品的交互事件进行了分类：听觉交互事件，视觉交互事件，键盘交互事件，鼠标交互事件。后两者虽然都属于触觉交互事件，但基于网民的操作习惯（键盘流，鼠标流），我觉得分开会比较容易讨论这个话题，尽管某些时候他们都混合在一起，难以分开。</font></span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"></span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"><font size="3">---------------------------------------------------------------------</font></span></p>
<p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="font-family: 宋体; color: rgb(74, 68, 42);"><font size="3">接着读下一篇<br /><span lang="EN-US">
<p>&nbsp;<a href="http://www.yarak.net.cn/javascript:void(0);/*1253254024219*/">互联网产品交互事件分析[2]</a></p>
</span></font></span></p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=96" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=96</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[近日状态分析]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=4" label="Disorder" /> 
	  <updated>2009-08-18T02:17:05+08:00</updated>
	  <published>2009-08-18T02:17:05+08:00</published>
		  <summary type="html"><![CDATA[<p>近日作了一段时间的运营，加上前一段时间和之后一段时间要继续作交互设计，对大作坊的工作方式有了更深层次的了解。</p>
<p>为什么我工作不快乐呢？</p>
<p>公司成长太快了，这个状态以前我看得见，也听得到，现在是切身的感受到了。</p>
<p>成长太快带来很多问题，管理层成长没公司发展得快，决策层需要不停改变策略以适应市场的变化和公司自身的高速发展。于是身在其中很痛苦。痛苦的原因就是因为价值观还没有达到到整个公司的预期。要呆在这里这点应该是必须的。这是任何大公司都希望员工能达到的状态，当然可以理解。</p>
<p>关键是培训机制很差，&ldquo;洗脑课&rdquo;太肤浅且拘于形式，我认为一个成规模的公司，不应该只关注业绩和增加员工数量，洗脑是需要而且相当重要的。也可以据此分析出很多大公司都喜欢校园招聘的原因。</p>
<p>公司有很多像我一样是社招进来的人，因为洗脑不彻底的原因，过得很痛苦，尽管没说出来，可能像我一样还没到迸发的时候。一旦积累到一定的时候，要么换岗，要么换公司，对公司其实是很大的损失。</p>
<p>我的博客没有评论只是单纯想表达，不想听到别人的什么意见。但这不是不接受别人的意见。哪位有意见，我会很虚心的接受，而不会说我确实不善于接受别人的意见（虽然有时候很违心的说我是不太会接受别人的意见）。</p>
<p>每次别人指出我的错误之后，我总是先检讨自己，我确实有很多缺点，我也在不断改正。希望自己能作得越来越好。</p>
<p>另个我最近看了好多所谓提升职业技能的书，大部分都很赞同，我以后也会看更多的相关的书，确实能给自己一种提高。</p>
<p>但是很烦这些书里的一些论调被人引用来引用去，都不知道自己理解了没有，就四处引用，生搬硬套地加在一些事情上面来表达自己的观点，好像这些模型啊这些道理啊都是自己想出来的，说教不成就恼羞成怒，非常坚持地认为自己看得准，有洞察力。（我自己以前也有这种毛病，从去年才逐渐不乱说话了）</p>
<p>我不是披着羊皮的狼，也不是狗，我只想作一只羊，安分一下也不行么？万一不行当心我发了疯的羊了。</p>
<p>人不犯我，我不犯人；人若犯我，我就生闷气！</p>
<p>最近一直处于这咱状态，基本变成座右铭了。</p>
<p>有自知之明的人还是少啊，劝别人有自知之明的时候想想自己有没有自知之明。</p>
<p>处于忧郁中，写的文字慎看。</p>
<p>&nbsp;</p>
<p><font color="#ff0000" size="2">聪明人! 要提防的是: 忧郁时的文字, 愉快时的言语.（冰心）</font></p>
<p>岳父那里有机会让我回去开厂，比IT累，可能赚得比IT多，但自由，自己当老板也有前途一点。正在抉择中。</p>
<p>&nbsp;</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=95" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=95</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[筱莜回家]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://www.yarak.net.cn/</uri>
		 <email>zhixiao93@126.com</email>
	  </author>
	  <category term="" scheme="http://www.yarak.net.cn/default.asp?cateID=4" label="Disorder" /> 
	  <updated>2009-07-22T01:17:43+08:00</updated>
	  <published>2009-07-22T01:17:43+08:00</published>
		  <summary type="html"><![CDATA[<p>筱莜美女刚刚回家了，没有她在我身边吵着，我心里空空的．当然还有大美女，也回家了，我好想两个美女啊．</p>
<p>&nbsp;</p>
<p>十一快点来，我好回去看你们．</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.yarak.net.cn/default.asp?id=94" /> 
	  <id>http://www.yarak.net.cn/default.asp?id=94</id> 
  </entry>	
		
</feed>