<?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>Technology &#8211; WL</title>
	<atom:link href="https://wwl3.com/category/technology/feed/" rel="self" type="application/rss+xml" />
	<link>https://wwl3.com</link>
	<description>越来越好，越好越来</description>
	<lastBuildDate>Tue, 28 Feb 2023 16:10:39 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.2</generator>

<image>
	<url>https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/01/logo-188x188.jpg</url>
	<title>Technology &#8211; WL</title>
	<link>https://wwl3.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>如何做AI for Science，科学范式是什么</title>
		<link>https://wwl3.com/2023/02/ai-for-science/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 06 Feb 2023 08:28:32 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Technology]]></category>
		<guid isPermaLink="false">https://wwl3.com/?p=2272</guid>

					<description><![CDATA[To launch an &#8220;AI for Science&#8221; project, the following steps can be taken: These are the general steps that can be taken to launch an AI for Science project. The specific steps may vary depending on the problem you are trying to solve and the resources available to you.]]></description>
										<content:encoded><![CDATA[
<p></p>



<p>To launch an &#8220;AI for Science&#8221; project, the following steps can be taken:</p>



<ol class="wp-block-list">
<li>Define the problem: Clearly define the scientific problem you want to solve using AI. This will help you determine the type of data and algorithms you will need.</li>



<li>Gather data: Collect and organize the data you will need for your project. This may involve acquiring data from various sources, pre-processing the data to get it into a usable format, and splitting it into training and testing sets.</li>



<li>Select the right AI model: Based on the problem you are trying to solve, select an AI model that is appropriate for your task. This could be a deep learning neural network, a decision tree, or another type of algorithm.</li>



<li>Train the model: Train the selected AI model on the training data. This involves adjusting the parameters of the model so that it can accurately predict outcomes based on the data.</li>



<li>Evaluate the model: Use the testing data to evaluate the performance of the model. This will give you an idea of how well the model is able to make predictions on new, unseen data.</li>



<li>Deploy the model: Once you have a well-performing model, you can deploy it in a production environment. This may involve integrating the model into a larger system or making it available through an API.</li>



<li>Monitor and maintain the model: Regularly monitor the performance of the deployed model and make updates as necessary to keep it functioning optimally.</li>
</ol>



<p>These are the general steps that can be taken to launch an AI for Science project. The specific steps may vary depending on the problem you are trying to solve and the resources available to you.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>人工智能主要有哪几种模型</title>
		<link>https://wwl3.com/2023/02/%e4%ba%ba%e5%b7%a5%e6%99%ba%e8%83%bd%e4%b8%bb%e8%a6%81%e6%9c%89%e5%93%aa%e5%87%a0%e7%a7%8d%e6%a8%a1%e5%9e%8b/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 06 Feb 2023 08:16:18 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Technology]]></category>
		<guid isPermaLink="false">https://wwl3.com/?p=2268</guid>

					<description><![CDATA[人工智能的算法和数据关系]]></description>
										<content:encoded><![CDATA[
<p></p>



<h3 class="wp-block-heading">人工智能主要有哪几种模型</h3>



<p>人工智能有很多种模型，主要分为以下几类：</p>



<ol class="wp-block-list">
<li>机器学习：包括监督学习、非监督学习、强化学习等</li>



<li>神经网络：包括卷积神经网络（CNN）、循环神经网络（RNN）、长短时记忆网络（LSTM）、注意力机制网络（Transformer）等</li>



<li>聚类：包括K-Means、层次聚类等</li>



<li>决策树：包括ID3、C4.5等</li>



<li>贝叶斯：包括朴素贝叶斯等</li>



<li>支持向量机：包括线性SVM、非线性SVM等</li>



<li>随机森林：随机森林算法是一种集成学习方法</li>
</ol>



<p>这些都是人工智能中常用的模型，当然还有其他更多的模型。</p>



<h3 class="wp-block-heading">ChatGPT是用什么模型做的</h3>



<p>ChatGPT是用Transformer模型做的。Transformer是一种基于注意力机制的深度学习模型，在NLP领域有广泛应用。OpenAI使用了一个巨大的Transformer模型，并经过了大量的训练，使其成为了一个强大的语言生成模型。</p>



<p>Transformer 是一种编码器-解码器（Encoder-Decoder）模型，是机器学习的一种典型的架构。它首次被提出在 2017 年的一篇论文《Attention is All You Need》中，用于处理序列数据。Transformer 模型采用了注意力机制（Attention Mechanism），能够并行计算，大大加快了计算速度。这使得 Transformer 模型在 NLP 任务，如机器翻译，语音识别等方面取得了显著的成果。</p>



<p>OpenAI的ChatGPT是基于Transformer模型的，而不是Diffusion模型。Transformer是一种基于注意力机制的深度学习模型，它是自注意力神经网络，用于处理序列数据（例如文本）。</p>



<p>Diffusion和Transformer是两种不同类型的机器学习模型。</p>



<p>Diffusion是一种生成模型，它使用扩散过程生成顺序数据。它基于这样一个原理：真实世界的数据可以从简单的、低维的随机过程生成，这些随机过程随着时间的推移而扩散。</p>



<p>另一方面，Transformer是一种专门用于处理数据序列的神经网络架构，例如单词序列或音频样本序列。与传统的循环神经网络(RNNs)不同，Transformer模型使用自注意力机制并行地处理输入数据，使其非常适合处理长序列并进行并行实现。</p>



<p>总之，尽管两种模型都是针对顺序数据处理而设计的，但它们在其底层架构和生成数据的类型上存在差异。</p>



<h3 class="wp-block-heading">关于ChatGPT的训练集</h3>



<p>ChatGPT是一种用有监督方式训练的模型。它的训练数据是一系列的文本数据，其中每个数据点都有一个预定义的输入（通常是一段话）和对应的输出（通常是对话的答案）。模型的目的是学会在输入中识别语境，并在输出中生成合适的语言。</p>



<p>目前OpenAI公司训练的最新版本的ChatGPT的中文训练数据量没有公开，但据报道数据量可能在数十亿个tokens以上。</p>



<p>ChatGPT是由OpenAI开发和训练的大型语言模型。 OpenAI是一家人工智能研究和开发公司，以开发和应用人工智能技术著称。因此，ChatGPT是OpenAI的产品。</p>



<p>OpenAI是非赢利组织，YC和Elon Mask是主要资方。</p>



<h3 class="wp-block-heading">关于OpenAI</h3>



<p>核心目标是探索AI范式，不是科学家组成的，是一堆工程思维，产业界资源去做事情。</p>



<p></p>



<p>OpenAI是一家人工智能研究与开发公司，自2015年成立以来，OpenAI一直致力于研究和开发人工智能技术，以帮助人类解决各种问题。</p>



<p>这些年，OpenAI取得了很多重要的成果，包括：</p>



<ol class="wp-block-list">
<li>开发了GPT-3语言模型，这是目前最大的语言生成模型。</li>



<li>开发了OpenAI Gym，一个用于开发和比较强化学习算法的工具包。</li>



<li>开发了OpenAI API，提供了对GPT-3的访问接口，允许开发人员将GPT-3的功能集成到他们的应用程序中。</li>



<li>与其他公司和组织合作，帮助他们更好地利用人工智能技术。</li>
</ol>



<p>OpenAI还一直在不断努力，通过研究和开发人工智能技术，为人类创造更加美好的未来。</p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>注册 ChatGPT步骤和一些测试</title>
		<link>https://wwl3.com/2023/02/chatgpt/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 06 Feb 2023 07:36:18 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[Technology]]></category>
		<guid isPermaLink="false">https://wwl3.com/?p=2248</guid>

					<description><![CDATA[ChatGPT 火爆出圈，但是 OpenAI（开发 ChatGPT 的公司）却不对国内用户正式开放使用。但是，我们仍然有办法可以在第一时间体验到这个超强 AI。下面我来教你如何手把手完成注册 Chat GPT。主要分成4步：
1、国外网络环境准备
2、注册 ChatGPT 账号并完成邮箱验证
3、通过 sms-activate.org （短信接码平台）接收手机验证码完成验证
4、邮箱登录，开始使用 ChatGPT！]]></description>
										<content:encoded><![CDATA[
<p>ChatGPT 火爆出圈，但是 OpenAI（开发&nbsp;ChatGPT&nbsp;的公司）却不对国内用户正式开放使用。但是，我们仍然有办法可以在第一时间体验到这个超强 AI。下面我来教你如何手把手完成注册 Chat GPT。</p>



<p>整个注册流程主要分为 4 步：</p>



<ol class="wp-block-list">
<li>国外网络环境准备</li>



<li>注册 ChatGPT 账号并完成邮箱验证</li>



<li>通过&nbsp;sms-activate.org&nbsp;（短信接码平台）接收手机验证码完成验证</li>



<li>邮箱登录，开始使用 ChatGPT！</li>
</ol>



<p>1、国外网络环境准备</p>



<p>需要将网络环境切换国外ip（注意：香港 IP 也是不可以的），这里建议使用北美、日韩等地的 ip。</p>



<h3 class="wp-block-heading">2、注册chatGPT账号</h3>



<p>1）打开 https://chat.openai.com/auth/login 链接进行账号注册</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="640" height="301" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/image.png" alt="" class="wp-image-2259"/></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="640" height="320" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/image-1.png" alt="" class="wp-image-2260"/></figure>



<p></p>



<p>2）通过邮箱注册并完成邮箱验证</p>



<figure class="wp-block-image size-full"><img decoding="async" width="640" height="323" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/image-2.png" alt="" class="wp-image-2261"/></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="640" height="277" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/image-3.png" alt="" class="wp-image-2262"/></figure>



<p></p>



<p>完成这一步之后，下面就到了手机号验证的环节了。这里需要尤其注意的是，不能是使用国内的手机号，因为 OpenAI 服务目前暂不支持国内，因此国内手机号是没有办法通过验证的。另外 Google Voice 等北美地区的虚拟号码也是不能用的，因为 OpenAI会检测虚拟号码，他们也不允许虚拟号码注册。</p>



<p>这时候就要用到下一步的接码平台。</p>



<h3 class="wp-block-heading">3.通过接码平台完成手机号验证</h3>



<p>大家可以通过接码平台完成手机号的验证，推荐平台链接地址：sms-activate.org</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="640" height="268" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/image-4.png" alt="" class="wp-image-2263"/></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="640" height="771" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/image-5.png" alt="" class="wp-image-2264"/></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="640" height="274" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/image-6.png" alt="" class="wp-image-2265"/></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="640" height="479" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/image-7.png" alt="" class="wp-image-2266"/></figure>



<p>在这里需要注册一个 sms-activate 平台的账号，用邮箱注册就可以了。</p>



<p>注册后通过邮箱完成验证。下一步是充值。</p>



<p>用支付宝充值 0.2 美金即可。</p>



<p>充值好了以后回到首页搜索「open」关键字就可以找到 OpenAI 验证码的临时号码购买链接。</p>



<p>然后，可以在激活区看到待使用的临时号码，将此号码复制到 OpenAI 的验证码接收区里面。</p>



<p>点击发送验证码，这样就可以在接码平台接收到验证码（有时候有一点慢需要耐心等待一下），将验证码填进去，这样就完成注册了。</p>



<h3 class="wp-block-heading" id="hid-JfBkkF">4.邮箱登录完成注册流程</h3>



<p>直到上面一步整个注册流程就结束啦！</p>



<p>注册完后，我们去 ChatGPT 网站去登陆：&nbsp;https://chat.openai.com/auth/login</p>



<p>下面就可以开始体验了，超强人工智能 AI ChatGPT 在等你哦！</p>



<p>引用文章：<a rel="noreferrer noopener" href="https://baijiahao.baidu.com/s?id=1754609361968821774&amp;wfr=spider&amp;for=pc" target="_blank">如何注册 ChatGPT：手把手教学</a></p>



<h3 class="wp-block-heading">PART2.我的一些测试</h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="824" height="419" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/1.jpg" alt="" class="wp-image-2251"/></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="836" height="1304" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/2.jpg" alt="" class="wp-image-2252"/></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/3.jpg" alt="" class="wp-image-2253" width="817" height="1547" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/3.jpg 817w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/3-811x1536.jpg 811w" sizes="(max-width: 817px) 100vw, 817px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="804" height="794" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/02/4.jpg" alt="" class="wp-image-2254"/></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>重装wordpress之imagick</title>
		<link>https://wwl3.com/2023/01/%e9%87%8d%e8%a3%85wordpress%e4%b9%8bimagick/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Fri, 13 Jan 2023 08:19:47 +0000</pubDate>
				<category><![CDATA[Technology]]></category>
		<guid isPermaLink="false">https://wwl3.com/?p=2154</guid>

					<description><![CDATA[QUETION： 安装完 WordPress 或许会在 WordPress 后台的站点健康里提示可选的模组XXX未被安装或已被禁用。 Solution： 1、PHP版本：需要低于8.2，8.2太新，很多模块没法用。最后我选了8.0。 2.首先安装 ImageMagick、FileINFO、EXIF插件。若是宝塔面板，则在软件商店找到对应的php设置里打开安装扩展，安装 ImageMagick、fileinfo、exif等 3.安装完成后,修改 php.ini 添加扩展， php.ini 文件中添加对应的行， 例如 ： extension=imagick extension=fileinfo extension=exif 当然，其中两项fileinfo和exif在php.ini中原本是存在的，可在搜到后删掉前面的“；”即可使其生效。 其中exif依赖mbstring，需要打开这个模块。 最后重启 php 即可。 参考资料： 「WordPress」站点健康（可选的模组imagick未被安装或已被禁用）]]></description>
										<content:encoded><![CDATA[
<p><strong>QUETION：</strong></p>



<p>安装完 WordPress 或许会在 WordPress 后台的站点健康里提示可选的模组XXX未被安装或已被禁用。</p>



<p><strong>Solution：</strong></p>



<p>1、PHP版本：需要低于8.2，8.2太新，很多模块没法用。最后我选了8.0。</p>



<p>2.首先安装 ImageMagick、FileINFO、EXIF插件。若是宝塔面板，则在软件商店找到对应的php设置里打开安装扩展，安装 ImageMagick、fileinfo、exif等</p>



<figure class="wp-block-image"><img decoding="async" src="https://img.4.plus/202203190042946.png" alt=""/></figure>



<p>3.安装完成后,修改 php.ini 添加扩展，</p>



<p>php.ini 文件中添加对应的行，</p>



<p>例如 ：</p>



<p>extension=imagick</p>



<p>extension=fileinfo</p>



<p>extension=exif</p>



<p>当然，其中两项fileinfo和exif在php.ini中原本是存在的，可在搜到后删掉前面的“；”即可使其生效。</p>



<p>其中exif依赖mbstring，需要打开这个模块。</p>



<p>最后重启 php 即可。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1280" height="1018" src="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/01/image-1280x1018.png" alt="" class="wp-image-2155" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/01/image-1280x1018.png 1280w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/01/image-960x763.png 960w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/01/image-768x611.png 768w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/01/image-1536x1221.png 1536w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2023/01/image.png 1863w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<p><strong>参考资料：</strong></p>



<p><a href="https://4.plus/1771.html" target="_blank" rel="noreferrer noopener">「WordPress」站点健康（可选的模组imagick未被安装或已被禁用）</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如果你是淘宝的CEO，一定得在无线上开拓一片领地，不做就会死，你会如何去做？</title>
		<link>https://wwl3.com/2013/12/wireless-taobao/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Tue, 10 Dec 2013 07:52:51 +0000</pubDate>
				<category><![CDATA[Thinking]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[无线]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=1575</guid>

					<description><![CDATA[惯例一楼自己坐。 最近和@在天 @子休 @小马 @正纯聊天的一些心得体会： 类似于微信，不停的刷朋友圈，一有空闲就刷，看见自己关心的人此刻在做什么，能为ta做什么，能和ta做什么，怎么和ta搭讪，一种幸福的感觉。 所以，我来做无线的话，一定要让用户爱不释手，一有空闲就会去刷她，刷到幸福的感觉。无论是在马桶上bianbian突然看到手机上不期而遇的美好带来的茅塞顿开，还是在公交站台胖冻得冷飕飕手机上一条提醒让我瞬间暖烘烘。 再落地如何做淘宝。 PC每次逛淘宝买宝贝。找货、比价、比货让我恨不得把电脑炸了。比如最近有个空气净化机活动，你要我如何是好？我要打开每个商品，去研究ta的每个系数、比价、下单？我就是想买个空气净化器，让PM2.5别在毒害我。这种玩法在PC上我已经崩溃了，在无线这边是否能让事儿变得更简单？ 所以，我会选择做导购，让无线的导购更顺畅，别再用那啃爹的搜索了——无线上你翻个20页600个商品试试。大概思路： 1、第一步，第一步要做，而且不得不做的，是支持各种商品在无线快速交易。 2、第二步，导购部分，革掉LIST和类目的命，用更简单、轻快、舒适的导购模式。找回多年前在淘宝淘到喜爱商品的感觉。]]></description>
										<content:encoded><![CDATA[<p>惯例一楼自己坐。</p>
<p>最近和@在天 @子休 @小马 @正纯聊天的一些心得体会：</p>
<p>类似于微信，不停的刷朋友圈，一有空闲就刷，看见自己关心的人此刻在做什么，能为ta做什么，能和ta做什么，怎么和ta搭讪，一种幸福的感觉。</p>
<p>所以，我来做无线的话，一定要让用户爱不释手，一有空闲就会去刷她，刷到幸福的感觉。无论是在马桶上bianbian突然看到手机上不期而遇的美好带来的茅塞顿开，还是在公交站台胖冻得冷飕飕手机上一条提醒让我瞬间暖烘烘。</p>
<p>再落地如何做淘宝。 PC每次逛淘宝买宝贝。找货、比价、比货让我恨不得把电脑炸了。比如最近有个空气净化机活动，你要我如何是好？我要打开每个商品，去研究ta的每个系数、比价、下单？我就是想买个空气净化器，让PM2.5别在毒害我。这种玩法在PC上我已经崩溃了，在无线这边是否能让事儿变得更简单？</p>
<p>所以，我会选择做导购，让无线的导购更顺畅，别再用那啃爹的搜索了——无线上你翻个20页600个商品试试。大概思路：</p>
<p>1、第一步，第一步要做，而且不得不做的，是支持各种商品在无线快速交易。</p>
<p>2、第二步，导购部分，革掉LIST和类目的命，用更简单、轻快、舒适的导购模式。找回多年前在淘宝淘到喜爱商品的感觉。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>iPad交互设计指南</title>
		<link>https://wwl3.com/2013/06/ipad-design-guideline/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Tue, 18 Jun 2013 08:02:55 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[ios]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[无线]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=1518</guid>

					<description><![CDATA[支持各个方向的交互  你的App应该能够支持用户从任何方向操作iPad。因为用户并不认为iPad有一个默认的方向，用户并不关心iPad的位置，而且通常他们也不知道Home键的正确位置。 增强交互性(别光顾着添加功能)  最好的iPad 应用程序应该能够让用户用更加新颖的方式与应用交互。不要费尽心思地将一些无关紧要的功能添加到iPad上去。尤其是不要试图将iPhone上的应用程序全部照搬到iPad上。 减少你的信息的层次  虽然你不想将太多的信息都堆积到一个页面上，但或许你又担心用户需要查找太多的页面。最好的办法就是：将重要的信息放在屏幕的主要区域，然后在其他区域添加额外的信息或是一些工具，例如popover。 尽量避免全屏更新  当一个屏幕上的部分内容更新以后，尽量不要将整个屏幕全部更新，最好能够只更改相应的部分。全屏更新的次数越少，你的App就越稳定，也能避免用户频繁地查找自己上次看到的位置。 注意程序的协作性和连接性  设计程序的时候可以假设用户正利用你的程序与其他人交互。除了考虑物理设备共享的情况，还可以想想虚拟数据共享的情形。 增加程序的存在感和真实感  尽可能地在你的程序中添加物理反馈，提升程序的真实感。你的程序看起来越真实，用户越容易理解你的应用，也更愿意使用它。 用图片丰富用户的体验  iPad屏幕的分辨率相当高了，可以呈现各种丰富、漂亮的图片。可以充分利用各种精彩的图片增加用户对应用程序的好感。 注重UI的设计  精心设计的UI可以帮助用户更加关注应用内容。不要让程序中的控件太过抢眼。可以考虑自己设计控件，使得它更加符合程序的整体风格。这样，控件不会太过抢眼，也容易让用户找到。 减少交互  iPad App应该能够支持用户以非线形的方式访问。但是交互却打断了用户任务的连续性并且迫使用户作出选择。 重新设计你的列表 多考虑一下你的App运行的真实场景。比如在iPhone上，通讯录只能是一个简单的列表;然而在iPad上，你可以把通讯录设计成一个精美的可触摸的地址簿。 考虑多触点的手势  比起iPhone，iPad的屏幕可以说是相当大了，完全可以支持多触点的手势，所以你的应用程序可以考虑考虑如何处理多人同时操作的手势。   考虑在Modal任务中使用Popovers 如果你在iPhone App的任务中使用了modal views，那么在iPad上，你可以用popovers替代它。 控制Modal任务的复杂度 用户通常比较喜欢在modal view下面运行其他子任务。但如果子任务太过复杂，那么用户可能会分不清应用的重点了。 淡化文件处理操作  虽然iPad App允许用户在iPad上创建和管理文件，或者是与电脑共享文件(将iPad连接到电脑上)，但是不应该让用户感受到iPad上的文件系统的存在。 只有在需要的时候提醒用户保存  用户的工作应该都被保存在iPad上，除非用户特意将这些工作删除或者取消。如果你的App是用来帮助用户编辑文件的，那你需要确保即使用户没有明确地选择保存文件，他的文档也不会丢失。 迅速启动  iPad App应该能够尽快启动，不要让用户在选择应用程序后感到明显的延迟。 随时终止 和iPhone上的App一样，当用户选择Home键后，iPad App应该能够立即结束并进入新的App。文章出处：谛力泰克网 app开发 www.dilitech.com]]></description>
										<content:encoded><![CDATA[<p><strong>支持各个方向的交互 </strong><br />
你的App应该能够支持用户从任何方向操作iPad。因为用户并不认为iPad有一个默认的方向，用户并不关心iPad的位置，而且通常他们也不知道Home键的正确位置。</p>
<p><strong>增强交互性(别光顾着添加功能) </strong><br />
最好的iPad 应用程序应该能够让用户用更加新颖的方式与应用交互。不要费尽心思地将一些无关紧要的功能添加到iPad上去。尤其是不要试图将iPhone上的应用程序全部照搬到iPad上。</p>
<p><strong>减少你的信息的层次 </strong><br />
虽然你不想将太多的信息都堆积到一个页面上，但或许你又担心用户需要查找太多的页面。最好的办法就是：将重要的信息放在屏幕的主要区域，然后在其他区域添加额外的信息或是一些工具，例如popover。</p>
<p><strong>尽量避免全屏更新 </strong><br />
当一个屏幕上的部分内容更新以后，尽量不要将整个屏幕全部更新，最好能够只更改相应的部分。全屏更新的次数越少，你的App就越稳定，也能避免用户频繁地查找自己上次看到的位置。<br />
<strong></strong></p>
<p><strong>注意程序的协作性和连接性 </strong><br />
设计程序的时候可以假设用户正利用你的程序与其他人交互。除了考虑物理设备共享的情况，还可以想想虚拟数据共享的情形。</p>
<p><strong>增加程序的存在感和真实感 </strong><br />
尽可能地在你的程序中添加物理反馈，提升程序的真实感。你的程序看起来越真实，用户越容易理解你的应用，也更愿意使用它。</p>
<p><strong>用图片丰富用户的体验 </strong><br />
iPad屏幕的分辨率相当高了，可以呈现各种丰富、漂亮的图片。可以充分利用各种精彩的图片增加用户对应用程序的好感。</p>
<p><strong>注重UI的设计 </strong><br />
精心设计的UI可以帮助用户更加关注应用内容。不要让程序中的控件太过抢眼。可以考虑自己设计控件，使得它更加符合程序的整体风格。这样，控件不会太过抢眼，也容易让用户找到。</p>
<p><strong>减少交互 </strong><br />
iPad App应该能够支持用户以非线形的方式访问。但是交互却打断了用户任务的连续性并且迫使用户作出选择。</p>
<p><strong>重新设计你的列表</strong></p>
<p>多考虑一下你的App运行的真实场景。比如在iPhone上，通讯录只能是一个简单的列表;然而在iPad上，你可以把通讯录设计成一个精美的可触摸的地址簿。</p>
<p><strong>考虑多触点的手势 </strong><br />
比起iPhone，iPad的屏幕可以说是相当大了，完全可以支持多触点的手势，所以你的应用程序可以考虑考虑如何处理多人同时操作的手势。   考虑在Modal任务中使用Popovers<br />
如果你在iPhone App的任务中使用了modal views，那么在iPad上，你可以用popovers替代它。<br />
<strong></strong></p>
<p><strong>控制Modal任务的复杂度</strong><br />
用户通常比较喜欢在modal view下面运行其他子任务。但如果子任务太过复杂，那么用户可能会分不清应用的重点了。</p>
<p><strong>淡化文件处理操作 </strong><br />
虽然iPad App允许用户在iPad上创建和管理文件，或者是与电脑共享文件(将iPad连接到电脑上)，但是不应该让用户感受到iPad上的文件系统的存在。</p>
<p><strong>只有在需要的时候提醒用户保存 </strong><br />
用户的工作应该都被保存在iPad上，除非用户特意将这些工作删除或者取消。如果你的App是用来帮助用户编辑文件的，那你需要确保即使用户没有明确地选择保存文件，他的文档也不会丢失。</p>
<p><strong>迅速启动 </strong><br />
iPad App应该能够尽快启动，不要让用户在选择应用程序后感到明显的延迟。</p>
<p><strong>随时终止</strong><br />
和iPhone上的App一样，当用户选择Home键后，iPad App应该能够立即结束并进入新的App。文章出处：谛力泰克网 app开发 www.dilitech.com</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Switzerland瑞士，和设计有关</title>
		<link>https://wwl3.com/2013/01/switzerland%e7%91%9e%e5%a3%ab%ef%bc%8c%e5%92%8c%e8%ae%be%e8%ae%a1%e6%9c%89%e5%85%b3/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Wed, 09 Jan 2013 11:55:27 +0000</pubDate>
				<category><![CDATA[Photograph]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[旅游]]></category>
		<category><![CDATA[瑞士]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=902</guid>

					<description><![CDATA[瑞士一游各种感触。关于学术的，关于人生的，关于成长的……谈谈一些与设计的联系。
1、Helvetica &#038; Metro
2、品牌-对品牌的关注
3、Don't make me think，以人为本]]></description>
										<content:encoded><![CDATA[<p>瑞士一游各种感触。关于学术的，关于人生的，关于成长的……谈谈一些与设计的联系。</p>
<p><strong>1、Helvetica &amp; Metro</strong></p>
<p>字体Helvetica和Metro风格的路牌体现了瑞士设计的理性主义精神。Helvetica同时被认为是<a href="http://baike.baidu.com/view/1304436.htm" target="_blank">现代主义设计</a>理念的典范，他们推崇应该让人简单清晰的读懂文字。在瑞郎、路牌、车票上都能看到Helvetica 和 Metro的影子。</p>
<p>瑞郎上的Helvetica字体。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-926" alt="瑞郎" src="https://wwl3.com/wp-content/uploads/2013/01/money.jpg" width="500" height="201" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/money.jpg 500w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/money-150x60.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/money-300x120.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-927" alt="瑞士法郎" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_1177-600x448.jpg" width="600" height="448" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_1177-600x448.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_1177-150x112.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_1177-300x224.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_1177.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>路牌、广告牌</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-929" alt="fribourg" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0463-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0463-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0463-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0463-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0463.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-932" alt="IMG_0809" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0809-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0809-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0809-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0809-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0809.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>洛桑和法国依云小镇之间，游船的时刻表，周围干扰少就用了小清新颜色。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-931" alt="IMG_0527" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0527-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0527-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0527-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0527-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0527.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>火车站里的时刻表。火车站视觉干扰多，就用了醒目的黄色。再者，瑞士人很注重时间，因此信息的架构维度用时间。你只用考虑什么时候来这里，然后去找相应的时间点有没要去相应地点的列车。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-933" alt="时刻表" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_1051-600x803.jpg" width="600" height="803" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_1051-600x803.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_1051-112x150.jpg 112w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_1051-224x300.jpg 224w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_1051.jpg 1494w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>车票</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-930" alt="火车票" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0441-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0441-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0441-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0441-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0441.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>除了字体，铁路钟表的设计，也是饱含现代主义设计理念。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-934" alt="瑞士SBB的钟表设计" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0811-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0811-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0811-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0811-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0811.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>除了一些设计的现代主义之外，瑞士人很注重他们的品牌：</p>
<p><strong>2、品牌</strong></p>
<p>瑞士人很注重他们的品牌，瑞士人对于自己生产的产品无一不贴上Swiss Made的标志。在瑞士国内旅游无处不见的他们的国色红色，主要的标志、公用设施的设计都采用统一红色色系。</p>
<p>阿尔卑斯山少女峰上的红色铲雪火车，登上少女峰的高山火车内饰都是正正的红色。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-937" alt="train" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0869-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0869-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0869-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0869-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0869.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-938" alt="train" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0876-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0876-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0876-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0876-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0876.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img loading="lazy" decoding="async" class="size-large wp-image-936 alignnone" alt="train to jungle" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0892-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0892-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0892-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0892-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0892.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>旅游城市都有很的Swiss Made Shop，一些牌子直接就用瑞士国旗或者国旗的影喻。比如瑞士军刀。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-935" alt="Swiss Made Shop" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0777-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0777-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0777-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0777-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0777.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>当然，瑞士人对品牌的保护不只是再设计上，同时也在对祖国的热爱。</p>
<p>iPad的时钟设计和SBB（瑞士铁路）的时钟设计。说是苹果设计师抄袭SBB的设计，SBB上告，苹果果断赔钱。</p>
<p><a href="http://tech.sina.com.cn/it/2012-10-13/09417698810.shtml" target="_blank">《苹果就iPad时钟设计与瑞士SBB达成授权协议》http://tech.sina.com.cn/it/2012-10-13/09417698810.shtml</a></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-939" alt="clock" src="https://wwl3.com/wp-content/uploads/2013/01/clock.jpg" width="550" height="367" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/clock.jpg 550w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/clock-150x100.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/clock-300x200.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></p>
<p>随处可见的瑞士国旗。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-940" alt="boat to Evian" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0339-600x399.jpg" width="600" height="399" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-941" alt="Top of Jungfrau" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0930-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0930-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0930-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0930-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0930.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-943" alt="Bern" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0994-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0994-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0994-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0994-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0994.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-942" alt="Bern" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0961-600x900.jpg" width="600" height="900" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0961-600x900.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0961-99x150.jpg 99w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0961-199x300.jpg 199w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0961.jpg 1333w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><strong>3、Don&#8217;t make me think，以人为本</strong></p>
<p>瑞士人为残疾人考虑很多，公共交通专为自行车、轮椅提供便利。公交司机发现有轮椅在站台时，车停稳后想起警报提醒车内人员扶稳，升出便于轮椅上下车的桥并车身倾斜，最后再开车门以供乘客上车。</p>
<p>火车设置有轮椅车厢，宠物车厢，儿童车厢。车门颜色明显区分与车厢颜色，便于寻找入口。（操作入口明确）</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-945" alt="sbb train" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0739-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0739-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0739-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0739-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0739.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-946" alt="door of sbb train" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0737-600x900.jpg" width="600" height="900" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0737-600x900.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0737-99x150.jpg 99w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0737-199x300.jpg 199w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0737.jpg 1333w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>车厢上标有支持自行车标识。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-944" alt="sbb train" src="https://wwl3.com/wp-content/uploads/2013/01/IMG_0471-600x399.jpg" width="600" height="399" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0471-600x399.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0471-150x99.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0471-300x199.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2013/01/IMG_0471.jpg 2000w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>@2012年5月，承蒙<a href="http://baike.baidu.com/view/3360781.htm" target="_blank">老张</a>邀请，承蒙瑞士浩子卫平虞飞照顾，有幸Switzerland溜达。WITH <a href="www.a-xuan.com" target="_blank">AXUAN</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>交互高阶-创造</title>
		<link>https://wwl3.com/2013/01/uxdesign-maste/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Sat, 05 Jan 2013 07:16:38 +0000</pubDate>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[交互设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=898</guid>

					<description><![CDATA[交互高阶阶段，需要创造产品， 挖掘事物本质，创造基于用户需求的产品。 核心技能： 分析用户目标。从众多杂乱的目标中找到核心目标。具体方法参考《七星剑法》 着眼终局。能从现状中看到2年、3年之后的终局，基于终局来规划和布点。 轻重有别。根据终局，找到产品爆发的支点，多人合作完成产品，让亮点部分足够精彩。]]></description>
										<content:encoded><![CDATA[<p>交互高阶阶段，需要创造产品，</p>
<p>挖掘事物本质，创造基于用户需求的产品。</p>
<p><strong>核心技能：</strong></p>
<p><strong>分析用户目标。</strong>从众多杂乱的目标中找到核心目标。具体方法参考《七星剑法》</p>
<p><strong>着眼终局。</strong>能从现状中看到2年、3年之后的终局，基于终局来规划和布点。</p>
<p><strong>轻重有别。</strong>根据终局，找到产品爆发的支点，多人合作完成产品，让亮点部分足够精彩。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>交互进阶-思考</title>
		<link>https://wwl3.com/2013/01/uedesign-advanced/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Sat, 05 Jan 2013 07:04:46 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=895</guid>

					<description><![CDATA[交互进阶，几件重要的事情： 第一件，为谁做 使用产品的主要人群是谁？目标明确的为这类人设计。 第二件，主要场景是什么 这些人主要在什么场景下使用产品？ 不同场景需要什么样的界面？ 第三件，整理任务流程 把不同用户的任务流都整理出来，并对每条任务流赋予不同的优先级。 弱化不重要的，突出重要流程。 各步骤的心法和技法。 理清为谁做 心法：先猜测，在论证。论证中不断试错找到最合适的办法。 技法：数据分析、用户访谈。 主要场景是什么 心法：用心观察，研究事物的本质。 技法：整理归纳、以及《发掘事物本质》 整理任务流程 心法：不厌其烦。枚举所有任务流程并逐渐的合并。 技法：判断逻辑树、流程图。 &#160;]]></description>
										<content:encoded><![CDATA[<p>交互进阶，几件重要的事情：</p>
<p><strong>第一件，为谁做</strong></p>
<p>使用产品的主要人群是谁？目标明确的为这类人设计。</p>
<p><strong>第二件，主要场景是什么</strong></p>
<p>这些人主要在什么场景下使用产品？</p>
<p>不同场景需要什么样的界面？</p>
<p><strong>第三件，整理任务流程</strong></p>
<p>把不同用户的任务流都整理出来，并对每条任务流赋予不同的优先级。</p>
<p>弱化不重要的，突出重要流程。</p>
<p>各步骤的心法和技法。</p>
<p><strong>理清为谁做</strong></p>
<p>心法：先猜测，在论证。论证中不断试错找到最合适的办法。</p>
<p>技法：数据分析、用户访谈。</p>
<p><strong>主要场景是什么</strong></p>
<p>心法：用心观察，研究事物的本质。</p>
<p>技法：整理归纳、以及《<a href="https://wwl3.com/2009/10/mythical-man-month-mind/" target="_blank">发掘事物本质</a>》</p>
<p><strong>整理任务流程</strong></p>
<p>心法：不厌其烦。枚举所有任务流程并逐渐的合并。</p>
<p>技法：判断逻辑树、流程图。</p>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>交互初阶-执行</title>
		<link>https://wwl3.com/2013/01/%e4%ba%a4%e4%ba%92%e5%88%9d%e9%98%b6-%e6%89%a7%e8%a1%8c/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Sat, 05 Jan 2013 06:40:46 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=873</guid>

					<description><![CDATA[交互设计初阶技能。]]></description>
										<content:encoded><![CDATA[<p>设计师的成长计划： 先说说心法，学习时要<strong>认真，将心注入，</strong>专研的精神不可或缺。最近听了个故事，刚好可以来说这事。</p>
<blockquote><p>有个叫吴良清浙江嘉兴人，在嘉兴开了个广告公司，在小小的县城能做上几千万。他讲了一个年轻时抓黄鳝的故事很有意思。他年轻时候在水田里抓黄鳝特别厉害，村里的其他人没法跟他比，也能卖到很多钱。后来他发现水田里抓黄鳝已经无法承载他对抓黄鳝的理解了。而且水田的黄鳝越来越小，因为黄鳝是越大价钱月贵，超过4到5两的黄鳝已经很贵了。所以，他要到池塘里去抓黄鳝，因为池塘里的黄鳝藏在比较深的洞里面，一般人很难抓到，所以，黄鳝经常成为漏网之鱼，自然就比较大了。但是他<strong>仔细琢磨</strong>后很轻松地就能抓到大黄鳝了。回来他发现池塘也无法承载他对抓黄鳝的理解了。他又到河里去抓黄鳝，因为很少有人能在河里能抓到黄鳝的。河里黄鳝是没有洞的，是躲在水草里头的。正因为河里没有人抓，他就轻轻松松地能在河里抓到很多的黄鳝。河里头的黄鳝更大。并且他抓黄鳝的技巧也越来越多了。应该说对抓黄鳝这件事情来讲他已经到了登峰造极的地步了。但是，他还不满足他对抓黄鳝的理解，还不停的研究如何抓黄鳝。让人感觉不可思议。有一天，他真的非常有价值的发现。他发现黄鳝是休眠动物。有些黄鳝能休眠40多年。他一下子就发现了商机。他就买了一盒香烟给村里的老头，说，请你告诉我，“我们这里那些地方以前是围湖造田的，也就是过去是池塘或小湖，现在变成旱田的”，村民就一一指点他这样的地方。他马上就到一片桑树田中间挖了个很深的坑，一下雨就装满了水，装满了水，水就向四周渗透，这样一来，黄鳝一感觉水到了，就往有水的地方钻，这样一来他每天早上就轻轻松松在水坑里抓到几条很大的黄鳝，有些是几十年的老黄鳝，很长但是身体馊，他稍微养养就成了很不一样的黄鳝了。就是说他把黄鳝精都给抓到了。 <strong>可见凡事就怕用心研究，只要用心研究一切才真正达到登峰造极的地步。</strong></p></blockquote>
<p>成长过程中的一些概念。了解、掌握、熟练、精通。引用二当家的话，用玩车的几个过程来比喻。</p>
<ul>
<li><strong>了解。</strong>学到开车知识，能拿到驾照开车上路，在教练的陪同下在路上开。（能在他人的指导下完成任务）</li>
<li><strong>掌握，</strong>能正常的开车，偶尔出去旅游。自己能控制开车这件事。（能独立完成任务）</li>
<li><strong>熟练，</strong>有自己的开车方法，应对各种复杂路况，偶尔玩玩飘逸。（能创造自己的方法）</li>
<li><strong>精通，</strong>熟悉了所有开车技术，把车子拆了，根据自己的喜好玩车——想飘就飘。（超越现有方法和技术，创造新方法引领行业）</li>
</ul>
<p>还记得以前写简历，老爱写精通。现在想想，挺有意思。</p>
<p>技法上的看看这张图：</p>
<p><a href="https://wwl3.com/wp-content/uploads/2012/12/uxdesign.png"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-877" title="uxdesign-timeline" alt="" src="https://wwl3.com/wp-content/uploads/2012/12/uxdesign-600x340.png" width="600" height="340" data-markzhi="registered" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/uxdesign-600x340.png 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/uxdesign-150x85.png 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/uxdesign-300x170.png 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/uxdesign.png 906w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p><strong>熟练原型设计制作方法。</strong>能完成高保真原型，熟悉原型工具中的每种交互方式。再怎么也得把AXURE的帮助文档看完，AXURE论坛翻遍。学习各种控件库，能做出自己的库。</p>
<p>学习资料：</p>
<ul>
<li><a href="http://book.douban.com/subject/2365393/" target="_blank">Designing Interfaces中文版 http://book.douban.com/subject/2365393/</a></li>
<li><a href="http://www.axure.com/training" target="_blank">Axure 进阶教程 http://www.axure.com/training</a></li>
</ul>
<p><strong>全景图制作方法，</strong>其实更应该说是用户任务流程的分析。能分析业务逻辑，整理出主次要场景，并能用流程图表达。换作PD来说，则是他们的流程图啦。</p>
<p>流程图的参考资料。</p>
<ul>
<li>http://www.iso.org/iso/iso_catalogue/catalogue_tc/catalogue_detail.htm?csnumber=11955</li>
<li>http://www.jjg.net/ia/visvocab/chinese.html</li>
<li>http://www.infoq.com/cn/news/2008/10/howto-draw-web-flowchart-properl</li>
<li>http://93art.blogbus.com/logs/30021337.html</li>
<li>http://dingyu.me/blog/flowchart-howtos</li>
<li>http://www.eightshapes.com/blog/2010/08/23/people-in-pictures-8-techniques-for-humanizing-diagrams/</li>
</ul>
<div><strong>了解PV/UV/GMV等业务指标</strong>，熟知网站的各个指标代表的意义。这是为了和互联网的人们在一个频道上交流——就如把法国妹纸，再咋也得会说一句merci。</div>
<p>参考资料</p>
<ul>
<li>http://book.douban.com/subject/10733001/</li>
</ul>
<p><strong>读懂用户体验报告，</strong>研读用户体验报告，掌握用户情况。能从报告中发现用户问题。可以多关注<a href="http://www.iresearch.cn/" target="_blank">艾瑞</a>的报告。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>提案设计-提案模板</title>
		<link>https://wwl3.com/2012/12/think-before-design-part2/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Tue, 18 Dec 2012 10:39:42 +0000</pubDate>
				<category><![CDATA[PPT设计]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[提案设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=850</guid>

					<description><![CDATA[做一个提案的时候分为几个步骤：
1、讲述当前现状：客观数据、用户反馈
2、参考案例
3、抽象逻辑，即解决该类问题背后的原理。
4、解决方案，基于原理给出的解决方案
5、预计效果，给出上线后能给达到的预计效果。]]></description>
										<content:encoded><![CDATA[<p>提案设计模板：</p>
<p><object id="reader" width="630" height="500" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" align="middle" bgcolor="#FFFFFF"><param name="wmode" value="window" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&amp;docid=e0fca308bed5b9f3f90f1ceb&amp;title=%E6%8F%90%E6%A1%88%E8%AE%BE%E8%AE%A1%E6%A8%A1%E6%9D%BF_v1.0&amp;doctype=ppt&amp;fpn=5&amp;npn=5&amp;readertype=external&amp;catal=0&amp;cdnurl=http://txt.wenku.baidu.com/play" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><param name="ver" value="9.0.0" /><embed id="reader" width="630" height="500" type="application/x-shockwave-flash" src="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&amp;docid=e0fca308bed5b9f3f90f1ceb&amp;title=%E6%8F%90%E6%A1%88%E8%AE%BE%E8%AE%A1%E6%A8%A1%E6%9D%BF_v1.0&amp;doctype=ppt&amp;fpn=5&amp;npn=5&amp;readertype=external&amp;catal=0&amp;cdnurl=http://txt.wenku.baidu.com/play" wmode="window" allowfullscreen="true" allowscriptaccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" ver="9.0.0" align="middle" bgcolor="#FFFFFF" /></object></p>
<p>做一个提案分为几个步骤：</p>
<p>1、讲述当前现状</p>
<ul>
<li>客观数据</li>
<li>用户反馈</li>
</ul>
<p>2、参考案例</p>
<p>3、抽象逻辑，即解决该类问题背后的原理。</p>
<p>4、解决方案，基于原理给出的解决方案</p>
<p>5、预计效果，给出上线后能给达到的预计效果。</p>
<p>举个栗子：</p>
<p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-871" title="举个栗子" alt="举个栗子" src="https://wwl3.com/wp-content/uploads/2012/12/540941-1-300x300.jpg" width="300" height="300" data-markzhi="registered" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/540941-1-300x300.jpg 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/540941-1-150x150.jpg 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/540941-1-600x600.jpg 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/540941-1.jpg 699w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>跳蚤街的提案。</p>
<p><object id="reader" width="630" height="500" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" align="middle" bgcolor="#FFFFFF"><param name="wmode" value="window" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&amp;docid=b8e4249bdaef5ef7ba0d3c1a&amp;title=%E6%8F%90%E6%A1%88%E8%AE%BE%E8%AE%A1%E6%A1%88%E4%BE%8B_%E6%B7%98%E5%AE%9D%E8%B7%B3%E8%9A%A4%E8%A1%97_%E9%80%9B%E8%B5%B7%E6%9D%A5&amp;doctype=ppt&amp;fpn=5&amp;npn=5&amp;readertype=external&amp;catal=0&amp;cdnurl=http://txt.wenku.baidu.com/play" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><param name="ver" value="9.0.0" /><embed id="reader" width="630" height="500" type="application/x-shockwave-flash" src="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&amp;docid=b8e4249bdaef5ef7ba0d3c1a&amp;title=%E6%8F%90%E6%A1%88%E8%AE%BE%E8%AE%A1%E6%A1%88%E4%BE%8B_%E6%B7%98%E5%AE%9D%E8%B7%B3%E8%9A%A4%E8%A1%97_%E9%80%9B%E8%B5%B7%E6%9D%A5&amp;doctype=ppt&amp;fpn=5&amp;npn=5&amp;readertype=external&amp;catal=0&amp;cdnurl=http://txt.wenku.baidu.com/play" wmode="window" allowfullscreen="true" allowscriptaccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" ver="9.0.0" align="middle" bgcolor="#FFFFFF" /></object></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>提案设计-有思想的设计师</title>
		<link>https://wwl3.com/2012/12/think-before-design/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Sun, 16 Dec 2012 08:55:27 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=841</guid>

					<description><![CDATA[通常在工作中，我们会遇到以下的场景：
1、快速产出一个初步的设计方案。
2、由设计师主导的产品，需要资源配合来完成任务。
3、统一众人意见。
这时，我会采用提案设计的方式，来解决以上问题。]]></description>
										<content:encoded><![CDATA[<p>做的一个分享，《提案设计》：</p>
<p><a href="https://wwl3.com/wp-content/uploads/2012/12/提案设计方法_v1.0.pdf">提案设计方法_v1.0</a><br />
<object id="reader" width="630" height="500" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" align="middle" bgcolor="#FFFFFF"><param name="wmode" value="window" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&amp;docid=2c11e6054a7302768e9939eb&amp;title=%E6%8F%90%E6%A1%88%E8%AE%BE%E8%AE%A1%E6%96%B9%E6%B3%95_v1.0&amp;doctype=ppt&amp;fpn=5&amp;npn=5&amp;readertype=external&amp;catal=0&amp;cdnurl=http://txt.wenku.baidu.com/play" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" /><param name="ver" value="9.0.0" /><embed id="reader" width="630" height="500" type="application/x-shockwave-flash" src="http://wenku.baidu.com/static/flash/apireader.swf?docurl=http://wenku.baidu.com/play&amp;docid=2c11e6054a7302768e9939eb&amp;title=%E6%8F%90%E6%A1%88%E8%AE%BE%E8%AE%A1%E6%96%B9%E6%B3%95_v1.0&amp;doctype=ppt&amp;fpn=5&amp;npn=5&amp;readertype=external&amp;catal=0&amp;cdnurl=http://txt.wenku.baidu.com/play" wmode="window" allowfullscreen="true" allowscriptaccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" ver="9.0.0" align="middle" bgcolor="#FFFFFF" /></object><br />
通常在工作中，我们会遇到以下的场景：</p>
<ol>
<li>快速产出一个初步的设计方案。</li>
<li>由设计师主导的产品，需要资源配合来完成任务。</li>
<li>统一众人意见。</li>
</ol>
<p>这时，我会采用提案设计的方式，来解决以上问题。</p>
<p><strong>提案设计的意义</strong></p>
<p><strong>整理思路。</strong>做提案的过程，其实就是将自己思路整理清楚的过程。一件事讲给自己听容易，想要他人明白，就必须透彻的掌握了，熟知思路的每一个细节。</p>
<p><strong>简化沟通。</strong>完整的提案包含多方面思考，将思考过程放在可传递的文档中，让听众有更多时间思考。同时会上也就只需要三言两语汇报即可。</p>
<p><strong>怎么做提案设计</strong></p>
<p>&nbsp;</p>
<p>提案设计对于我来说，是一个设计师方案的营销过程。把思路整理清晰后，用一些技巧性的东西，将方案营销出去。最终，就是方案的执行了。我的提案设计有三个阶段：</p>
<ol>
<li>设计方案</li>
<li>营销方案</li>
<li>执行方案</li>
</ol>
<p>营销方案和执行方案，更多属于职业技能。最重要的部分莫过于设计方案了，他是设计师思想的体现，接下来，我就重点讲讲我是如何设计方案。</p>
<p><strong>设计方案</strong></p>
<p>&nbsp;</p>
<p>设计方案，是提案设计的灵魂。整理设计思路，我分成了传统的四步走。</p>
<ol>
<li>定义问题</li>
<li>分析问题</li>
<li>参考案例</li>
<li>解决思路。</li>
</ol>
<p>淘宝的卖家服务平台，是为卖家提供第三方服务的平台。卖家在这里找到增值服务来增加在淘宝的功能。</p>
<p>用户反馈找不到信息，我们来看看这个导航：</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-842" title="1" alt="" src="https://wwl3.com/wp-content/uploads/2012/12/1-600x83.png" width="600" height="83" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/1-600x83.png 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/1-150x20.png 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/1-300x41.png 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/1.png 845w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>从导航的结构中，我们来<strong>定义问题</strong>：</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-843" title="2" alt="" src="https://wwl3.com/wp-content/uploads/2012/12/2.png" width="754" height="250" data-markzhi="registered" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/2.png 754w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/2-150x49.png 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/2-300x99.png 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/2-600x198.png 600w" sizes="(max-width: 754px) 100vw, 754px" /></p>
<p>发现前两个是结构从属关系冲突，后两者是维度冲突，同时市场又夹杂进来。</p>
<p><strong>分析问题</strong></p>
<p>我们看看信息是怎么分类的，</p>
<p>其功能属性分类：用来做什么——做推广？做数据分析？还是用来管理店铺？</p>
<p>或者按照其物理属性分类：信息本身是什么。是工具？是报告？还是一种线下实体服务？</p>
<p>&nbsp;</p>
<p>这两种维度的夹杂分类如下：</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-844" title="3" alt="" src="https://wwl3.com/wp-content/uploads/2012/12/3-600x306.png" width="600" height="306" data-markzhi="registered" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/3-600x306.png 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/3-150x76.png 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/3-300x153.png 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/3.png 733w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>而我们的导航将两种维度混杂在一块了。所以用户就反馈不知道信息在哪了。</p>
<p>所以信息的分类应以一个为主维度，另一个为辅维度，两者不交叉即可。</p>
<p><strong>参考案例</strong></p>
<p>那我们来看看别人是怎么做的。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-845" title="4" alt="" src="https://wwl3.com/wp-content/uploads/2012/12/4-600x518.png" width="600" height="518" data-markzhi="registered" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/4-600x518.png 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/4-150x129.png 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/4-300x259.png 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/4.png 709w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>苹果和淘宝主站的方法</p>
<p>苹果首先以物理属性拆分开，在各个物理属性中再以功能分类。</p>
<p><strong> </strong><strong>解决思路</strong></p>
<p>所以，我们最后的方案是：</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-846" title="5" alt="" src="https://wwl3.com/wp-content/uploads/2012/12/5-600x306.png" width="600" height="306" data-markzhi="registered" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/5-600x306.png 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/5-150x76.png 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/5-300x153.png 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/5.png 733w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>1、增加物理属性（培训课程）时，每个类目都应该有这种类型。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-847" title="6" alt="" src="https://wwl3.com/wp-content/uploads/2012/12/6-600x284.png" width="600" height="284" data-markzhi="registered" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/6-600x284.png 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/6-150x71.png 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/6-300x142.png 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/6.png 754w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>2、增加功能属性时，该功能属性下拥有多种服务。</p>
<p>有了这样的规则后，市场再增加服务可以扩展，并且信息逻辑是清晰的。</p>
<p>以下是最终上线的情况：左侧为类目，右侧为垂直市场。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-large wp-image-848" title="7" alt="" src="https://wwl3.com/wp-content/uploads/2012/12/7-600x315.png" width="600" height="315" data-markzhi="registered" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/7-600x315.png 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/7-150x78.png 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/7-300x157.png 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2012/12/7.png 865w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>这就是一个完整的提案了。当然，这只是思考过程。方案有了，还需要业务方认可，以及最后落地到产品中。那就进入到我们下一个环节了，营销方案。</p>
<p><strong>营销方案</strong></p>
<p>&nbsp;</p>
<p>营销方案的过程，即的方案的游说过程以及被证明靠谱的过程。除了自己得认可方案外，还得用户认可发难，决策者认可方案，最终项目团队能认可方案。关于这块，平常在工作中，更多是一些心态上的东西了。以下是每个环节应该注意的东西：</p>
<p><strong>自我营销</strong></p>
<p>即说服自己，尽量找到<strong>客观理由</strong>来说服自己。</p>
<p><strong>用户营销</strong></p>
<p>通过用户调研，可用性测试等方式，让用户的声音支持我们的方案。</p>
<p><strong>决策者营销</strong></p>
<p>方案需要得到决策者的认同。同时也能符合团队的目标。</p>
<p><strong>团队营销</strong></p>
<p>团队指的是在项目组团队中营销。有一些值得注意的技巧，沟通时<strong>放低心态</strong>，方案<strong>易于传播</strong>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>交互设计师文章导航</title>
		<link>https://wwl3.com/2012/10/index-of-uxdesign/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Sat, 06 Oct 2012 09:46:27 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=801</guid>

					<description><![CDATA[交互设计 人月神话 现象的存在与是否被发现无关。解决本质才能解决问题。 一、《人月神话》的结构及其与组织 二、哪些是现象，哪些是答案，而哪些才是本质？ 三、追寻事物本质-《天才是如何思考的》分析事物的本质 交互设计师 塑造行为，使世界变得更加有趣美好，让世界因你而不同。 成功有效的团体沟通（3） 让世界因你而不同（1）总述 UePattern交互模式整理常用的交互模式 CRM平台项目的交互模式库总结 其他 和交互设计相关的其他东西。 交互设计 网页可用性设计指导思路总结 Designing Interactions 交互设计读书笔记整理以及下载]]></description>
										<content:encoded><![CDATA[<h2>交互设计</h2>
<h3>人月神话</h3>
<dl>
<dt>现象的存在与是否被发现无关。解决本质才能解决问题。</dt>
<dd>
<ol class="list-article">
<li><a title="查看谈谈《人月神话》：一、《人月神话》的结构及其与组织" href="https://wwl3.com/2009/10/mythical-man-month-structure/" rel="bookmark">一、《人月神话》的结构及其与组织</a></li>
<li><a title="查看谈谈《人月神话》：二、哪些是现象，哪些是答案，而哪些才是本质？" href="https://wwl3.com/2009/10/mythical-man-month-appearance-answer-essence/" rel="bookmark">二、哪些是现象，哪些是答案，而哪些才是本质？</a></li>
<li><a title="查看谈谈《人月神话》：三、追寻事物本质-《天才是如何思考的》分析事物的本质" href="https://wwl3.com/2009/10/mythical-man-month-mind/" rel="bookmark">三、追寻事物本质-《天才是如何思考的》分析事物的本质</a></li>
</ol>
</dd>
<dt></dt>
</dl>
<h3>交互设计师</h3>
<dl>
<dt>塑造行为，使世界变得更加有趣美好，让世界因你而不同。</dt>
<dd>
<ol class="list-article">
<li><a title="查看交互设计师-成功有效的团体沟通（3）" href="https://wwl3.com/2010/01/how-to-be-user-expirence-designer/" rel="bookmark">成功有效的团体沟通（3）</a></li>
<li><a title="查看交互设计师-让世界因你而不同（1）总述" href="https://wwl3.com/2009/11/definition-of-user-expirence-designer/" rel="bookmark">让世界因你而不同（1）总述</a></li>
</ol>
</dd>
<dt></dt>
</dl>
<h3>UePattern交互模式<sub>整理常用的交互模式</sub></h3>
<dl>
<dt></dt>
<dd>
<ol class="list-article">
<li><a title="查看CRM平台项目的交互模式库总结" href="https://wwl3.com/2009/10/crm-axure-lib/" rel="bookmark">CRM平台项目的交互模式库总结</a></li>
</ol>
</dd>
<dt></dt>
</dl>
<h3>其他</h3>
<dl>
<dt>和交互设计相关的其他东西。</dt>
<dd>
<ol class="list-article">
<li><a title="查看交互设计" href="https://wwl3.com/2009/03/interaction-design/" rel="bookmark">交互设计</a></li>
<li><a title="查看网页可用性设计指导思路总结" href="https://wwl3.com/2009/03/%e7%bd%91%e9%a1%b5%e5%8f%af%e7%94%a8%e6%80%a7%e8%ae%be%e8%ae%a1%e6%8c%87%e5%af%bc%e6%80%9d%e8%b7%af%e6%80%bb%e7%bb%93/" rel="bookmark">网页可用性设计指导思路总结</a></li>
<li><a title="查看Designing Interactions 交互设计读书笔记整理以及下载" href="https://wwl3.com/2009/03/designing-interactions/" rel="bookmark">Designing Interactions 交互设计读书笔记整理以及下载</a></li>
</ol>
</dd>
</dl>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【招聘】TaobaoUED招聘交互设计实习生</title>
		<link>https://wwl3.com/2010/08/%e3%80%90%e6%8b%9b%e8%81%98%e3%80%91taobaoued%e6%8b%9b%e8%81%98%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1%e5%ae%9e%e4%b9%a0%e7%94%9f/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Tue, 10 Aug 2010 07:55:35 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[交互设计师]]></category>
		<category><![CDATA[招聘]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=760</guid>

					<description><![CDATA[如果你是在校生（本科、硕士、博士均可）懂得交互设计并有成熟作品。希望来淘宝UED工作，那么请将您的简历和作品直接邮件给我们laosan[at]taobao.com。]]></description>
										<content:encoded><![CDATA[<p>如果你是在校生（本科、硕士、博士均可）<strong>懂得交互设计并有成熟作品</strong>。希望来淘宝UED工作，那么请将您的简历和作品<strong>直接邮件给我们</strong>。</p>
<p><strong>工作内容</strong><strong>: </strong></p>
<p>1.协助产品经理完成产品原型设计。</p>
<p>2.在主设计师辅助下完成产品交互设计。</p>
<p>3.通过用户测试,线上数据分析等方式跟踪设计质量进行迭代优化。</p>
<p><strong>你是否就是我们要找的人</strong><strong>: </strong></p>
<p>1.爱互联网，总能有很多idea,创意是你的性格。充满好奇心，在每一个有趣的网站都拥有注册帐号。</p>
<p>2.较强逻辑思维能力，并有交互设计及用户研究相关知识背景；</p>
<p>3.良好的沟通与语言表达能力</p>
<p>4.能熟练使用Axure、Photoshop等软件</p>
<p>5.工业设计,可用性,人机交互,计算机,软件工程及相关专业优先</p>
<p>6.了解HTML\CSS</p>
<p>如果您对此职位感兴趣，请将简历投递至：<strong>laosan[at]taobao.com</strong></p>
<p><strong>请将个人简历和相关作品及链接附上。</strong>邮件主题请按此格式书写 “姓名-应聘-交互设计实习生”</p>
<p>淘宝UED期待您的加入！</p>
<p>==============================================================</p>
<p><strong>公司简介</strong></p>
<p>淘宝网（www.taobao.com）是中国领先亚洲最大的个人电子商务交易平台，2003年7月由全球最佳B2B网站阿里巴巴投资人民币4.5亿元创办。在全球权威ALEXA排名中，淘宝网2004年全球网站综合排名位居前20名，中国电子商务网站排名第1名。</p>
<p>淘宝网成立以来，诚信为本，全力打造中国最安全便捷的个人电子商务交易平台。目前，淘宝网在线商品数量超过1700万件、网页日浏览量突破一亿、注册会员数突破1700万，2005年三季度成交额更是达到了23.4亿元，截止2005年底淘宝网市场份额占70%以上，成为亚洲最大购物网站。</p>
<p>2005年10月20日，阿里巴巴旗下公司淘宝网在北京宣布，从即日起，淘宝网将继续免费三年。同时阿里巴巴公司宣布，对淘宝网追加10亿元人民币的投资，进一步带动中国电子商务的迅猛发展，并在未来三年通过淘宝网的个人网上交易，给中国创造100万个就业机会。</p>
<p>我们心中充满对非凡成就的渴望，</p>
<p>我们钦佩出色的精英，</p>
<p>我们也敬重那支争吵不休却坚忍不拔的唐僧团队！</p>
<p>你心中也充满对激情事业的渴望？</p>
<p>加入我们，成就非凡事业！</p>
<p>此时此刻，非你莫属！</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>数据与理论结合，让交互设计更专业【碳酸饮料会】</title>
		<link>https://wwl3.com/2010/07/data-for-interaction-design/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 26 Jul 2010 15:39:05 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=753</guid>

					<description><![CDATA[结合数据与理论进行交互设计，完成淘宝订购中心改版。Part of TaobaoUED 碳酸饮料会讲稿。]]></description>
										<content:encoded><![CDATA[<div>
<p><strong>Part of TaobaoUED 碳酸饮料会讲稿</strong> By 用户体验分析师：晓荷 |  交互设计师：<a href="../" target="_blank">老三</a> [2010/7/21]</p>
<p>Pay.taobao.com是淘宝卖家订购增值服务的平台，但该平台的可用性和操作体验欠佳，导致客服部门收到非常多来自卖家的订购服务咨询，压力很大，需要在系统层面解决此问题。因此发起了订购流程体验优化项目，对pay.taobao.com进行前后台改版。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image001.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image001-300x247.png" alt="图1：优化前的软件服务订购页面" width="300" height="247" /></a></p>
<p>图1：优化前的软件服务订购页面</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image002.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image002-300x256.png" alt="图2：优化后的软件订购中心首页（原来无首页）" width="300" height="256" /></a></p>
<p>图2：优化后的软件订购中心首页（原来无首页）</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image003.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image003-300x297.png" alt="图3：优化后产品列表页" width="300" height="297" /></a></p>
<p>图3：优化后产品列表页</p>
<p>优化之后，客服部门反馈数据显示，卖家咨询量由40%下降到7%。为此，与大家分享项目的两点经验：</p>
<p><strong>1. </strong><strong>如何利用数据指导交互设计</strong></p>
<ul>
<li>前期数据采集</li>
<li>上线后数据分析</li>
<li>用户反馈数据分析</li>
</ul>
<p><strong>2</strong><strong>．良好的团队协作，提升UED</strong><strong>话语权</strong></p>
<ul>
<li>与非UED同事协作</li>
<li> 与UED同事协作</li>
</ul>
<h2>1.如何利用数据指导交互设计</h2>
<h3>1.1前期数据</h3>
<p>知己知彼，百战不殆。常说为中间用户设计，只有熟悉数据，了解数据，才知道谁是我们设计的中间用户。通常，公司内部都会有数据部门，也会有后台系统。作为交互设计师，<strong>你应该有不少于业务线产品经理（</strong><strong>PD</strong><strong>）的内部权限，</strong>这样才能为设计和决策提供各种数据作为支持。</p>
<p>在制作软件服务订购中心时，我采集了以下几种数据</p>
<ul>
<li><strong>基础数据</strong><br />
包括原软件服务订购页面的PV、UV，订购的交易转换率，订购的成功率、失败率等数据。</li>
<li><strong>业务数据<br />
</strong>项目在规划好时，PD会事先知会交互设计师。然后PD会写PRD（需求文档），交互设计师在此时应开始准备调取部分相关数据，在本例中，调取数据如图4所示。此份定量数据非常重要，对于后期用研的介入、设计的参考都起了很大的作用。</li>
</ul>
<div id="attachment_2345"><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image004.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image004-300x231.png" alt="图4 软件服务订购用户数据" width="300" height="231" /></a>图4 软件服务订购用户数据</p>
</div>
<div id="attachment_2346"><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image005.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image005-275x300.png" alt="服务订购量的人群分布" width="275" height="300" /></a>服务订购量的人群分布</p>
</div>
<p>不难看出</p>
<ul>
<li>软件服务订购主要由拥有X个<em>（由于保密性，该数据不能透露）</em>服务的会员所购买，核心消费人群为拥有X个服务的会员。</li>
<li>大多数会员拥有的软件服务数为X。</li>
</ul>
<p>以上数据为前期设计提供了可靠的依据。访问量的多少、用户使用此页面的目标决定了页面的最后设计结果，以及设计该页面时投入的成本。同时，这些数据对于可用性测试的目标用户筛选，提供了明确的指导。</p>
<h3>1.2上线后数据</h3>
<p><em>“任务可被完成  任务在无外界影响下可以被完成。”</em></p>
<p><em>《交互设计实用指南》使用指南总则  by 青云</em></p>
<p>要知道我们的用户任务是否可完成，就得监控关键页面：订购成功与订购失败页面。软件服务订购中心的一个重要指标是充值的成功率和失败率。</p>
<div id="attachment_2347"><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image006.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image006-300x150.png" alt="http://pay.taobao.com/account/payError.htm" width="300" height="150" /></a>充值失败页面</p>
</div>
<p>我们来看一下上线初始的1个多月来，出错页面的访问量：</p>
<div id="attachment_2348"><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image007.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image007.png" alt="上线初始出错页面访问量" width="169" height="236" /></a>上线初始出错页面访问量</p>
</div>
<p>可以看到，在上线初期，用户支付的失败率非常高，我们来分析一下当时的页面流程。</p>
<p><strong>第一步：</strong>输入金额，弹出浮出层</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image008.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image008-300x196.png" alt="第一步：输入金额，弹出浮出层" width="300" height="196" /></a></p>
<p><strong>第二步：</strong>点击去支付宝付款</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image009.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image009-300x201.png" alt="第二步：点击去支付宝付款" width="300" height="201" /></a></p>
<p><strong>第三步：</strong>弹出支付宝页面，付款完成后在旧有页面点击任意按钮，判断支付状态。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image010.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image010-300x182.png" alt="第三步：弹出支付宝页面，付款完成后在旧有页面点击任意按钮，判断支付状态。" width="300" height="182" /></a></p>
<p>看过此流程，大家不难发现，第二步有点多余，为什么不直接进入第三步呢？其实第二步的增加是为了解决支付失败率高。直觉反应应该是弹出层的问题，经 过分析，一些浏览器会阻挡非用户主动激发的弹出页面，故用户点击充值后并未弹出支付宝页面，用户就疑惑了，并随意点击一个按钮，从而导致出错页面访问量 高。</p>
<p>此处优化以后，错误页面的访问量有非常明显的下降。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image011.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image011-300x136.png" alt="优化后访问数据" width="300" height="136" /></a></p>
<h3>1.3用户反馈数据</h3>
<p><strong>与用户对话，了解你的用户是咋想的，并逐渐的改进产品。</strong>与开发、PD、PM共同协商问卷想采集的数据后，再与用研同学合作，他们会整理出合适的题目。特别是一些设计中担心的小点，如页面载入速度、CDN速度等、信息架构等。这份在线问卷的入口放置在订购中心首页左侧。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image012-e1280155792382.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image012-e1280155857895.png" alt="问卷访问入口" width="35" height="166" /></a></p>
<p>打开后，是一份半开放、半封闭式的问卷。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image013.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image013-300x250.png" alt="问卷详情" width="300" height="250" /></a></p>
<p>用研同学会将这些数据整理好，并出具报告。内容包括定量与定性统计两部分。来自用户的一手反馈能证明团队的工作，还能为后续优化指明方向。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image014.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image014-300x194.png" alt="用研报告" width="300" height="194" /></a></p>
<p><strong>用户反馈文字很小</strong></p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image015.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image015-300x62.png" alt="用户反馈文字很小" width="300" height="62" /></a></p>
<p>收到用户反馈字体很小。查看页面数据，发现软件订购中心的访问者中，大分辨率的用户是1024X768用户的2倍以上！于是他们做了专门的界面优化。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image016.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image016-300x144.png" alt="访问者显示器分辨率分布图" width="300" height="144" /></a></p>
<h2>2.良好的团队协作，提升UED话语权</h2>
<h3>2.1从非UED的角度去分析问题（与非UED同事协作）</h3>
<p>记得一位朋友讲过，要是两情侣吵架，闹得不可开交那种。你重复她的话，她来重复你的话，两人会觉得很搞笑，自然矛盾也就和解了。</p>
<p>生活如是，工作上也如是。运营、PD、前端、测试、开发要求的东西，你换位思考一下，也自然理解为什么了，也不会去瞎闹腾了。如果你没有这些职位的经验，多和PD、运营交流，类似行业的变身还是很容易。</p>
<p><strong>掌握与PD\PM\开发测试人员沟通的语言</strong></p>
<p>为了与PD、PM、开发、架构师更好地沟通需求，笔者在完成交互设计任务之外，还专门去了解了后台复杂的计费模型、产品定义模型，这样才能更好地了解什么功能能做到，什么功能不能做到，时，其他项目组成员才不会认为你是一个啥都不知道、只会空谈体验的傻逼。</p>
<p>这些底层知识，在原型设计时发挥了相当大的作用。</p>
<p><strong>例如，通过了解预付费模型、后付费模型。</strong>在设计计费详单、续费详单时会更加清晰，能更清楚的向用户展现整个收费过程。</p>
<p><strong>站在架构师的角度讨论体验</strong></p>
<p>旧版的订购列表页面将所有服务罗列出来，操作中的订购按钮无论订购与否、一直有效。用户点击订购按钮后，根据用户权限判断进入订购页面或者错误页面。用户可能多次点击均返回错误页面，体验十分糟糕。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image017.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image017-300x220.png" alt="旧版订购体验" width="300" height="220" /></a></p>
<p>为了减少用户的不必要操作，在新版的订购中心，用户在浏览增值产品列表页时，订购与否的逻辑判断移动到该页面（进入产品详情页前），如果你没有购买权限，会在最开始就提示不能购买原因。同时，根据是否可续费显示续费按钮状态；根据是否可升级显示升级状态，并提示用户原因。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image018.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image018-300x198.png" alt="新版订购列表操作栏" width="300" height="198" /></a></p>
<p>正是这样，提高了订购流程了满意度。减少订购中的咨询而增加了订购前的咨询。但页面需要根据每个用户的订购情况来分析应该显示的效果，架构师提出页面展现性能的担忧。该担忧是必要的。与前端交流后提出以下方案，并结合线上数据做分析：</p>
<p><strong>方案1：页面通过后台计算好之后再返回。</strong>前端工程师无需任何工作，缺点是用户看到的页面时间会增加。列表页面是否针对每个用户做出独立计算，将其所有的服务状态读取出来。我们可以参考之前采集的页面PV数据得到以下分析：</p>
<p>请求量：?,000,000*1*40 = ?,000,000；不考虑网速的情况下，页面响应相比另一种方案增加200+ms。另外根据页面PV、UV数据，服务器完全可承受该压力。</p>
<p><strong>方案2：页面渲染与服务订购状态异步渲染。</strong>即用户会首先看到整体界面，个性化软件服务状态在1S以内会根据用户 具体情况调整。异步获取数据在淘宝的商品详情页面有使用，适用于页面量大，用户逐步接受数据页面。缺点是前端工程师需要增加额外工作。再者，如根据是否绑 定手机来判断是否开放短信订购入口这些情况，计费系统本身无法判断，需要调取外部接口，开发成本异常高。故决定只枚举计费系统情况，覆盖了80%以上的权 限情况。</p>
<p>综合考虑前端、开发成本，由当前页面PV等情况，最终选择了方案1。通过后续用户反馈入口收集到的数据：只有少量用户反馈访问速度慢。这次改进是有效的。</p>
<p><strong>与运营合作</strong></p>
<p>设计界面时，就想到营销手段。做产品列表页面时，想想运营的同事如何在这个列表上完成他们的营销目标？其实很简单，是大家也都能想到的，在超市里面 看到特别需要促销的商品会贴上折扣的信息，于是利用UED的技能，为运营提供一些促销技巧。这不是特牛的事，但表达了UED的态度。大家合作也就非常愉 快！</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image019.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image019-300x145.png" alt="促销图标" width="300" height="145" /></a></p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image020.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image020-300x214.png" alt="促销图标线上效果" width="300" height="214" /></a></p>
<h3>2.2与UED同事协作</h3>
<p>作为一个平台，当其他服务接入时，我们通常希望其他交互设计师、视觉设计师能做出符合要求的图标。当该产品转交到其他人手里时，让他们理解你的思 想，就CODING时候的注释一样，写在里面。方便他人，尊重他人，是为了自己得到尊重。因此，在我的原型里，除了页面，还加入了大量的注释。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image021.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image021.png" alt="AXURE目录树" width="285" height="243" /></a></p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image022.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image022-300x154.png" alt="文案说明，统一平台的介绍语言。" width="300" height="154" /></a></p>
<p>文案说明，统一平台的介绍语言。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image023.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image023-300x170.png" alt="图标接入说明，为接入其他软件服务时视觉统一做准备。" width="300" height="170" /></a></p>
<p>图标接入说明，为接入其他软件服务时视觉统一做准备。</p>
<p><a href="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image024.png"><img loading="lazy" decoding="async" src="http://ued.taobao.com/blog/wp-content/uploads/2010/07/image024-300x142.png" alt="模块规范，前端有了这个，思考全局组件时更轻松。" width="300" height="142" /></a></p>
<p>模块规范，前端有了这个，思考全局组件时更轻松。</p>
<h2>3.总结……</h2>
<p>通过前期数据采集、上线后数据分析、用户反馈数据分析等方法指导交互设计，在与UED、非UED同事的良好的团队协作，最终提升了UED话语权。让交互设计师走向<strong>专业、品质、协同</strong>！</p>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>淘宝旺旺公仔涂鸦大赛作品</title>
		<link>https://wwl3.com/2010/02/taobao-doll-doodle/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Wed, 03 Feb 2010 14:39:25 +0000</pubDate>
				<category><![CDATA[life]]></category>
		<category><![CDATA[Photograph]]></category>
		<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[旺旺公仔]]></category>
		<category><![CDATA[淘宝公仔]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=668</guid>

					<description><![CDATA[淘宝旺旺公仔涂鸦大赛作品BY万万林，语凝，咏沙，飞飞。]]></description>
										<content:encoded><![CDATA[<p><a href="http://www.taobao.com/go/act/other/pengyou.html?tracelog=shouye" target="_blank">淘公仔涂鸦大赛</a>，跟着起起哄，先来一张今天下午拍的全家福哦：）</p>
<p><a class="tt-flickr tt-flickr-Medium" title="全家福，左起哪吒（BY飞飞），第二个（By咏沙），小林（By我） ，阿凡达（By语凝），第五个（By咏沙）" href="http://www.flickr.com/photos/adamghost/4327102057/"><img loading="lazy" decoding="async" class="alignnone" src="http://farm3.static.flickr.com/2741/4327102057_e8f72b0206.jpg" alt="全家福，左起哪吒（BY飞飞），第二个（By咏沙），小林（By我） ，阿凡达（By语凝），第五个（By咏沙）" width="500" height="277" /></a></p>
<p>全家福，左起哪吒（BY飞飞），第二个（By咏沙），小林（By我） ，阿凡达（By<a href="http://www.hellokady.com/" target="_blank">语凝</a>），第五个（By<a href="http://lovelyrosa.blogbus.com/" target="_blank">咏沙</a>）</p>
<p><a class="tt-flickr tt-flickr-Medium" title="全家福，左起第一个（By咏沙），第二个（By咏沙），小林（By我 ），阿凡达（By语凝）" href="http://www.flickr.com/photos/adamghost/4327834892/"><img loading="lazy" decoding="async" class="alignnone" src="http://farm5.static.flickr.com/4052/4327834892_afa00f0c01.jpg" alt="全家福，左起第一个（By咏沙），第二个（By咏沙），小林（By我 ），阿凡达（By语凝）" width="500" height="333" /></a></p>
<p>全家福，左起第一个（By咏沙），第二个（By咏沙），小林（By我 ），阿凡达（By<a href="http://www.hellokady.com/" target="_blank">语凝</a>）</p>
<p><a class="tt-flickr tt-flickr-Medium" title="我画的小林铅笔稿" href="http://www.flickr.com/photos/adamghost/4327102335/"><img loading="lazy" decoding="async" class="alignnone" src="http://farm5.static.flickr.com/4039/4327102335_7916864b2c.jpg" alt="我画的小林铅笔稿" width="375" height="500" /></a></p>
<p><strong>我画的七龙珠小林铅笔稿</strong>。绘画水平有限，就搬了鸟山明爷爷的创意咯。之所以选择他，因为：</p>
<ul>
<li><strong>小林</strong>，名字里有一个和我一样；</li>
<li><strong>没有头发</strong>，画起来简单，识别性高，要不别人看不出来是谁 HOHO。</li>
<li><strong>喜欢七龙珠</strong>，小时候特着迷。</li>
</ul>
<p>感谢初彤MM的丙烯颜料，上色后帅呆呆。</p>
<p><a title="我的七龙珠小林公仔上完色咯！" href="http://www.flickr.com/photos/adamghost/4327102891/"><img loading="lazy" decoding="async" style="border: 0px initial initial;" src="http://farm3.static.flickr.com/2766/4327102891_a38b7789ce.jpg" alt="我的七龙珠小林公仔上完色咯！" width="500" height="375" /></a></p>
<p>再来个特写吧，HOHO</p>
<p><a class="tt-flickr tt-flickr-Medium" title="我的七龙珠小林公仔上完色咯！" href="http://www.flickr.com/photos/adamghost/4327834472/"><img loading="lazy" decoding="async" class="alignnone" src="http://farm5.static.flickr.com/4055/4327834472_68f6b2fb0e.jpg" alt="我的七龙珠小林公仔上完色咯！" width="375" height="500" /></a></p>
<h3>下面，是公司同事们的涂鸦公仔，</h3>
<p>我老大<strong><a title="语凝" href="http://www.hellokady.com/" target="_blank">语凝</a></strong>的公仔：阿凡达：</p>
<p><strong><a class="tt-flickr tt-flickr-Medium" title="我老大语凝画的，阿凡达哦！" href="http://www.flickr.com/photos/adamghost/4327835056/"><img loading="lazy" decoding="async" class="alignnone" src="http://farm5.static.flickr.com/4056/4327835056_923b7eb097.jpg" alt="我老大语凝画的，阿凡达哦！" width="500" height="375" /></a> </strong></p>
<p><strong>飞飞</strong>的淘宝公仔：哪吒</p>
<p><strong><a class="tt-flickr tt-flickr-Medium" title="哪吒By飞飞" href="http://www.flickr.com/photos/adamghost/4327833310/"><img loading="lazy" decoding="async" class="alignnone" src="http://farm3.static.flickr.com/2755/4327833310_30952469a3.jpg" alt="哪吒By飞飞" width="397" height="500" /></a> </strong></p>
<h3>相关站外文章</h3>
<ul>
<li>淘宝网：<a href="http://www.taobao.com/go/act/other/pengyou.html?tracelog=shouye" target="_blank">淘公仔，涂鸦大赛！</a></li>
<li>蓉儿：<a href="http://lovelyrosa.blogbus.com/logs/57751719.html" target="_blank">旺旺公仔</a></li>
<li>淘宝UED.奇灵：<a href="http://ued.taobao.com/blog/2010/01/29/%E6%9C%80%E6%96%B0%E5%87%BA%E7%82%89%E7%9A%84%E6%B6%82%E9%B8%A6%E6%B7%98%E5%85%AC%E4%BB%94/">最新出炉的涂鸦淘公仔</a></li>
<li>淘宝UED.奇灵：<a href="http://ued.taobao.com/blog/2009/11/09/627/" target="_blank">旺旺之母，亲手打造限量淘宝公仔（制作生产全程解密）</a></li>
<li>淘宝UED：<a href="http://ued.taobao.com/blog/2010/01/29/%E6%B7%98%E5%AE%9D%E7%8E%A9%E5%81%B6%E6%B6%82%E9%B8%A6%E5%A4%A7%E8%B5%9B-%E5%8F%91%E6%8C%A5%E4%BD%A0%E7%9A%84%E6%83%B3%E8%B1%A1%E5%8A%9B%E5%92%8C%E5%88%9B%E9%80%A0%E5%8A%9B/" target="_blank">淘宝玩偶涂鸦大赛-发挥你的想象力和创造力</a></li>
</ul>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>交互设计师-成功有效的团体沟通（3）</title>
		<link>https://wwl3.com/2010/01/how-to-be-user-expirence-designer/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 25 Jan 2010 15:30:54 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[交互设计师]]></category>
		<category><![CDATA[团体沟通]]></category>
		<category><![CDATA[职业素养]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=656</guid>

					<description><![CDATA[View more presentations from adam ghost. 本文主要涉及三个部分内容： 演讲的基本要素 演讲、演讲人、听众 有利演说的挑战（提高技艺） 有利演说的基本要素 增进信心 造成演讲恐惧心理的几个事实 并非只有你害怕当众演讲，仅仅是不习惯 80%~90%的成功演讲者在最开始的演讲中都会有林场恐惧症，所以你的临场恐惧和大家都一样。适当的临场恐惧是有用的，当你发现自己的脉搏加速、呼吸急促，别着急，这都是你身体对外界刺激的警觉反应，也随时预备高要采取行动。假如这些生理上的反应都在合理范围之类，反而可以帮助你想得更快，讲得更流利，一般来说，都比在正常情况下要显得更有效率。 对于大部分人来说，公开演讲是个“未知量”，因此充满了焦虑和恐惧因素。对于刚开始的人来说，公开演讲是一系列错综复杂的陌生状态，很像是刚学开车一样。要使这种让人恐惧的状况变得简单容易，只有靠不停的练习。 正确的准备方法 只有充分准备的演讲者，才会有充分的信心。当你站在台上演讲的时候，你要做好防御任何“攻击”的准备，如果您没有做好准备，那当然会显得没有信心。当然，也不要把整篇演讲稿都一字不拉的记下来，要不然演讲会缺少活力。 理清思路 理清自己的思路，完善的表达自己的想法。演讲完发现不知所云非常不靠谱的做法。你应该先好好思考自己的题目，使其渐趋成熟、深入……然后，再把这些想法变成文字——仅用简单的文字把想法固定下来，记录下来——这样会比较容易组织安排，使松散的观念变得有条理、有秩序。 下定必会成功的信心 就算不喜欢这个题目，但是还得去做的时候，何不把整个人“卖”给这个题目——坚定的信仰。仔细的研究题目，寻找在演讲中煽起信心之火的源头。 表现信心 演讲时变现出对题目的信心，如果你都对自己观点没有信息，如何让其他人对你的观点有信心？ 快捷方法 由经验和研究中，找出你擅长谈论的话题 把自己的生活体验告诉我们 由自己的经历中寻找题目 对你的讲题感兴趣 热切的想和听众分享所讲的内容 演讲、演讲人、听众 主题不要过于分散 加强储备力量。 多用描述和例证 5W：何时、何地、何人、何事、为什么 演讲要和平时讲故事一样，有人物、有情节、有感情色彩。抽象和空泛是演讲的大地，训导式的演讲只会让听众厌倦。讲实例，讲凡人小事，这才是听众想要的。 利用对白使演讲变得戏剧化。 用明确、熟悉的字眼来制造图像。 “能够在你面前制造图像的演讲人，必定是个容易被了解的人。” 演讲要和平时讲故事一样，有人物、有情节、有感情色彩。抽象和空泛是演讲的大地，训导式的演讲只会让听众厌倦。讲实例，讲凡人小事，这才是听众想要的。抽象的风格都不好。你的句子应该都是石头、桌子、椅子、男人、女人等这一类具体、有生命的字眼。 一鸟在手，胜过二鸟在林。 下了很大的雨 —— 不下则已，一下便是倾盆大雨。 家禽 —— 一只白色的断腿小鸡 使谈话富有活力 演讲不应该是呆板、无感情的。要全力以赴，调用自己所有的热情，去高呼、去描绘、去感染每一个听总。要熟悉你要讲的题目，然后从自身的感受出发，将之扩展开来。 找出你最热切想要讲的题目 假如演讲人坚决相信某件事，而且又讲得很坚定，则必能吸引一定的支持者。 重新体验你对题目的感觉 演讲的时候不妨加入适量的情绪。别抑制自己真正的感受，别把自己炙热的请同感冷却下来。让听众知道，你对这个题目如何感兴趣，如何愿意谈论这个话题，你便可以吸引住听众的注意力。 要做得煞有其事 当你上台演讲的时候，要显得胸有成竹，不要像是被送上断头台似的。 [&#8230;]]]></description>
										<content:encoded><![CDATA[<div id="__ss_2993501" style="width: 425px;"><object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=random-100126031756-phpapp01&amp;stripped_title=ss-2993501" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=random-100126031756-phpapp01&amp;stripped_title=ss-2993501" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/adamghost">adam ghost</a>.</div>
</div>
<h2>本文主要涉及三个部分内容：</h2>
<ul>
<li>演讲的基本要素</li>
<li>演讲、演讲人、听众</li>
<li>有利演说的挑战（提高技艺）</li>
</ul>
<h2>有利演说的基本要素</h2>
<h3>增进信心</h3>
<ul>
<li>造成演讲恐惧心理的几个事实
<ul>
<li>并非只有你害怕当众演讲，仅仅是不习惯<br />
80%~90%的成功演讲者在最开始的演讲中都会有林场恐惧症，所以你的临场恐惧和大家都一样。适当的临场恐惧是有用的，当你发现自己的脉搏加速、呼吸急促，别着急，这都是你身体对外界刺激的警觉反应，也随时预备高要采取行动。假如这些生理上的反应都在合理范围之类，反而可以帮助你想得更快，讲得更流利，一般来说，都比在正常情况下要显得更有效率。<br />
对于大部分人来说，公开演讲是个“未知量”，因此充满了焦虑和恐惧因素。对于刚开始的人来说，公开演讲是一系列错综复杂的陌生状态，很像是刚学开车一样。要使这种让人恐惧的状况变得简单容易，只有靠不停的练习。</li>
</ul>
</li>
<li>正确的准备方法<br />
只有充分准备的演讲者，才会有充分的信心。当你站在台上演讲的时候，你要做好防御任何“攻击”的准备，如果您没有做好准备，那当然会显得没有信心。当然，也<strong>不要把整篇演讲稿都一字不拉的记下来</strong>，要不然演讲会缺少活力。</p>
<ul>
<li>理清思路<br />
理清自己的思路，完善的表达自己的想法。演讲完发现不知所云非常不靠谱的做法。你应该先好好思考自己的题目，使其渐趋成熟、深入……然后，再把这些想法变成文字——仅用简单的文字把想法固定下来，记录下来——这样会比较容易组织安排，使松散的观念变得有条理、有秩序。</li>
</ul>
</li>
<li>下定必会成功的信心<br />
就算不喜欢这个题目，但是还得去做的时候，何不把整个人“卖”给这个题目——坚定的信仰。<strong>仔细的研究题目，寻找在演讲中煽起信心之火的源头</strong>。</li>
<li>表现信心<strong><br />
</strong>演讲时变现出对题目的信心，如果你都对自己观点没有信息，如何让其他人对你的观点有信心？<strong> </strong></li>
</ul>
<h3>快捷方法</h3>
<ul>
<li>由经验和研究中，找出你擅长谈论的话题
<ul>
<li>把自己的生活体验告诉我们</li>
<li>由自己的经历中寻找题目</li>
</ul>
</li>
<li>对你的讲题感兴趣</li>
<li>热切的想和听众分享所讲的内容</li>
</ul>
<h2>演讲、演讲人、听众</h2>
<ul>
<li>主题不要过于分散</li>
<li>加强储备力量。</li>
<li>多用描述和例证
<ul>
<li>5W：何时、何地、何人、何事、为什么<br />
演讲要和平时讲故事一样，有人物、有情节、有感情色彩。抽象和空泛是演讲的大地，训导式的演讲只会让听众厌倦。讲实例，讲凡人小事，这才是听众想要的。</li>
<li>利用对白使演讲变得戏剧化。</li>
</ul>
</li>
<li>用明确、熟悉的字眼来制造图像。<br />
<em>“能够在你面前制造图像的演讲人，必定是个容易被了解的人。”<br />
</em>演讲要和平时讲故事一样，有人物、有情节、有感情色彩。抽象和空泛是演讲的大地，训导式的演讲只会让听众厌倦。讲实例，讲凡人小事，这才是听众想要的。抽象的风格都不好。你的句子应该都是石头、桌子、椅子、男人、女人等这一类具体、有生命的字眼。<br />
一鸟在手，胜过二鸟在林。<br />
下了很大的雨 —— 不下则已，一下便是倾盆大雨。<br />
家禽 —— 一只白色的断腿小鸡</li>
<li>使谈话富有活力<br />
演讲不应该是呆板、无感情的。要全力以赴，调用自己所有的热情，去高呼、去描绘、去感染每一个听总。要熟悉你要讲的题目，然后从自身的感受出发，将之扩展开来。</p>
<ul>
<li>找出你最热切想要讲的题目<br />
假如演讲人坚决相信某件事，而且又讲得很坚定，则必能吸引一定的支持者。</li>
<li>重新体验你对题目的感觉<br />
演讲的时候不妨加入适量的情绪。别抑制自己真正的感受，别把自己炙热的请同感冷却下来。让听众知道，你对这个题目如何感兴趣，如何愿意谈论这个话题，你便可以吸引住听众的注意力。</li>
<li>要做得煞有其事<br />
当你上台演讲的时候，要显得胸有成竹，不要像是被送上断头台似的。</li>
</ul>
</li>
<li>与听众分享谈话的内容<br />
演讲不是自己讲话自己听，而是要向听众传达信息。在这一过程中，你的态度觉得了听众的态度。放下身段，用真诚、谦虚来影响听众。</p>
<ul>
<li>顾及听众的兴趣。</li>
<li>给予最诚挚的赞赏</li>
<li>与听众合二为一<br />
在你开始讲话之后，尽快想办法讲些能与听众建立起关系的话来。</li>
<li>让听众参与你的演讲</li>
<li>采取较低姿势</li>
</ul>
</li>
</ul>
<h2>有力演说的挑战</h2>
<p>如何组织长篇大论</p>
<ul>
<li>要立刻引起听众的注意
<ul>
<li>以举例证开始</li>
<li>制造悬疑性</li>
<li>陈述一个引人注意的事实</li>
<li>要听众举手反应。</li>
<li>告诉听众，他们可以获得什么好处。</li>
<li>利用展示。</li>
</ul>
</li>
<li>避免令人不愉快的注意
<ul>
<li>避免一开始便说道歉的话</li>
<li>避免一开始使用“滑稽”的故事</li>
</ul>
</li>
<li>支持你的主要观念
<ul>
<li>利用统计资料</li>
<li>利用专家的见证</li>
<li>利用类推法</li>
<li>利用示范表演</li>
</ul>
</li>
<li>要求行动
<ul>
<li>总结说明<br />
在长篇演讲里，演讲很容易涵盖较多题材，因此到了结尾的时候，听众不免对先前所讲的有点模糊不清，不能有个完整的概念。许多演讲人往往忽略了这点，以为听众会像自己一样，对这些概念清清楚楚。其实不然，因为演讲人对这些概念是经过长期思考，因而熟记于心。但这些对听众都完全是崭新的概念，所以在结尾时应对演讲做一个总结。</li>
<li>要求行动<br />
演讲完了之后，清楚的告诉听众要他们做什么，以达到演讲的思想。</li>
</ul>
</li>
</ul>
<p>读卡耐基《<a href="http://www.douban.com/subject/3365735/" target="_blank">成功有效的团体沟通</a>》做出的读书笔记。<br />
<a href="http://www.douban.com/subject/3365735/"><img decoding="async" src="http://t.douban.com/mpic/s3624155.jpg" alt="" /></a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>交互设计师-让世界因你而不同（1）总述</title>
		<link>https://wwl3.com/2009/11/definition-of-user-expirence-designer/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 23 Nov 2009 12:41:20 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[交互设计师]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=641</guid>

					<description><![CDATA[Web交互设计师的定义：秉承以用户为中心的设计理念，应用“以目标为导向的设计”方法，进行互联网产品的设计。]]></description>
										<content:encoded><![CDATA[<p><figure id="attachment_652" aria-describedby="caption-attachment-652" style="width: 424px" class="wp-caption alignnone"><img loading="lazy" decoding="async" class="size-full wp-image-652" title="user-expirences-designer-article-index" src="https://wwl3.com/wp-content/uploads/2009/11/user-expirences-designer-article-index.gif" alt="交互设计师-让世界因你而不同-系列文章目录" width="424" height="199" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2009/11/user-expirences-designer-article-index.gif 424w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2009/11/user-expirences-designer-article-index-150x70.gif 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2009/11/user-expirences-designer-article-index-300x140.gif 300w" sizes="(max-width: 424px) 100vw, 424px" /><figcaption id="caption-attachment-652" class="wp-caption-text">交互设计师-让世界因你而不同-系列文章目录</figcaption></figure></p>
<p><figure id="attachment_653" aria-describedby="caption-attachment-653" style="width: 600px" class="wp-caption alignnone"><a href="https://wwl3.com/wp-content/uploads/2009/11/user-expirences-designer-mindmap.gif"><img loading="lazy" decoding="async" class="size-large wp-image-653" title="user-expirences-designer-mindmap" src="https://wwl3.com/wp-content/uploads/2009/11/user-expirences-designer-mindmap-600x188.gif" alt="交互设计师-让世界因你而不同系列文章【脑图】" width="600" height="188" srcset="https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2009/11/user-expirences-designer-mindmap-600x188.gif 600w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2009/11/user-expirences-designer-mindmap-150x47.gif 150w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2009/11/user-expirences-designer-mindmap-300x94.gif 300w, https://wwl-1316477995.cos.ap-shanghai.myqcloud.com/uploads/2009/11/user-expirences-designer-mindmap.gif 1463w" sizes="(max-width: 600px) 100vw, 600px" /></a><figcaption id="caption-attachment-653" class="wp-caption-text">交互设计师-让世界因你而不同系列文章【脑图】</figcaption></figure></p>
<p>在不注重用户体验的公司，交互设计师等于美工。</p>
<p>在不注重商业审美的设计公司 ，交互设计师等于美工。</p>
<p>在不注重创意的广告公司，交互设计师等于美工。</p>
<p>美工没有什么不好，但是很多人都自称是设计师 ，都感觉自己在做设计。设计师也不是什么牛B的事情，很多人只会软件就会创意。</p>
<p>交互设计师的关键概念是什么？</p>
<ul>
<li><strong>商业的</strong>，区别与非商业的艺术/画家/涂鸦/玩票/自己感觉很吊</li>
<li><strong>创造性</strong>，区别与抄袭/纯粹依靠图库/依赖装饰和素材</li>
<li><strong>科学的</strong>，区别与个人的主观臆断/所谓的灵感/没有事实的根据</li>
<li><strong>审美的</strong>，区别与垃圾的/文字和图片的堆砌/没有生命的图象/让人不感觉愉悦</li>
<li><strong>独立的</strong>，区别与没有见解/没有判断/没有坚持/完全受别人控制</li>
</ul>
<h2>Web交互设计师的定义</h2>
<p>秉承以用户为中心的设计理念，应用“以目标为导向的设计”方法，进行<strong>互联网产品的设计</strong>。</p>
<p>这是关于交互设计师的一个基本定义。无论是现有的交互设计师或是对交互设计有兴趣正打算入行的人都会考虑这个问题。“到底交互设计师是干什么的？”“怎么干？”“是因为我在网页设计方面有经验有能力于是就能当交互设计师了吗？”交互设计师首先需要 认同“以用户为中心”的设计理念。有了为用户着想的观念，接下来就是方法，怎么设计才能很好的为用户服务？在我看来，目前实现UCD最有效的方法就是 Alan cooper提出的“以目标为导向的设计”方案。实际上“交互设计”这个名词也是他提出来的。</p>
<h2>交互设计师的特点</h2>
<p><strong>交互设计师善于表达</strong>，以网页语言表达，以网页语言表达产品要告诉用户的信息，要显示给用户的操作功能。所以，凡是涉及到表达、传达的问题，都可以找交互设计师来做，也应该由交互设计师来做。产品经理考虑要做个什么产品才有价值，交互设计师考虑怎么把这个想法最有效的转化成一系列的界面展现给用户。除了展现，还有和用户的交互。这个展现、交互的过程就需要一定的表达能力。这种表达能力并不是我们平时所特指的口头表达，而是使用网页语言表达。我们经常会讨论一个按钮的位置，讨论某个状态下光标的样式，声讨应该写成“登录”而非“登陆”。这些都是网页语言表达。<br />
有些时候，有些交互设计师会问，“网页上的文字要我来写吗？产品经理比我了解的更清楚，他（她）们写吧？”如果说交互设计师的应该具备“善于表达”的特点，那么，网页上的文字就应该由交互设计师来编写，虽然产品经理更了解产品，但是产品经理并 不是最懂得如何想用户表达的人，交互设计师是。我们会讨论“你”还是“我”这样的称谓问题，会注意不要在页面上出现“用户”这样的字眼，这些都是文字表达的问题。</p>
<h2>对交互设计师的要求</h2>
<p><strong>文字表达能力：</strong>写邮件，写blog，写各种东西。如前所述，文字表达是页面表达的一部分，具备一定的文字表达能力是必要的。<br />
<strong>语言表达能力：</strong>多说，开会的时候要发言，一对一的讨论要花心思。<br />
较好的语言表达能力是与同事沟通的必要素质，更为重要的是，语言表达能力是表达能力的一种体现。如果面对面，一对一的交流都有困难，怎么能保证用页面间接的跟用户交流能交流清楚呢。</p>
<h2>web交互设计师的工作内容</h2>
<p>对产品进行行为设计和界面设计。</p>
<p><strong>行为设计</strong>是指各种用户操作后的效果设计。Web的操作以点击为主，点击操作又可以分为“表单提交”类和“跳转链接”类两种。除点击外，还涉及到拖拽操作等。</p>
<p><strong>界面设计</strong>包括：页面布局、内容展示等众多界面展现。例如：使用按钮还是使用图标？字号大小的应用，如何使用tab….. 之所以特意提出这样一个话题，是为了强调除了“界面设计”，还需要“行为设计”。交互设计在被认识的过程中会有很多误区，常见的是把交互设计理解为一种专 业的、高级的界面设计。一个产品不好用很多时候是因为流程上有问题，页面表现的挺合理，但是，点击了一下之后，就会发现“走不下去了”。流程是一系列的操 作，也需要设计。</p>
<h2>如何进行一个产品的交互设计?</h2>
<h3>第一步.信息构架设计</h3>
<p>深入理解产品的目标、功能需求。将这些目标、需求转化为界面表现。把内容合理的归类整理为若干的界面。信息构架的设计意味着对导航的设计。“导航栏共有几级？每级几项？”这些问题将随着信息构架的设计而确定。<br />
<strong>信息构架设计的要求：</strong></p>
<ol>
<li>符合用户心理模型。</li>
<li> 尽量保持窄而浅的信息树这一步工作需要和产品经理充分的交流。</li>
</ol>
<h3>第二步.界面细节设计</h3>
<p>在整体信息构架确定的基础上，对界面上的细节进行推敲。界面细节设计的要求：</p>
<ol>
<li> 符合web可用性标准</li>
<li> 符合图形用户界面的基本准则</li>
<li> 符合现有互联网上业已形成的设计习惯……</li>
<li> 符合大多数互联网用户使用电脑的习惯（目前只想到这几条）</li>
</ol>
<p>这些细节设计更像是交互设计的专业，通常其他职位的人不会染指。显然这些工作是很有价值的，但是创造性并不大，价值也不很大。随着互联网这个行业的成熟，细节上的表现会更统一、规范。也许今天我们今天激烈争论的问题，几年后已经很成型了，不需要 再争论了。相比之下，信息构架的设计更具有创造性，自由度更大。</p>
<h2>如何成为一名交互世界师？</h2>
<p>5年前，<a title="Robert Reimann bio" href="http://www.uxmatters.com/authors/archives/2005/11/robert_reimann.php" target="_blank">Robert Reimann</a>为Cooper通讯（<a href="http://www.cooper.com/content/insights/newsletters.asp" target="_blank">the Cooper Newsletter</a>）写了第一篇题为《如果你想成为一名交互设计师》的文章。和许多人一样，我读后大受启发：那正是我理想的职业。听从Reimann的 建议，我接受培训，成了一名交互设计师。</p>
<p>现在，因为我的书的缘故，我发现人们开始问我同样的问题：如何成为一名交互设计师？成为一名交互设计师意味着什么？每天究竟要做哪些工作作？Reimann的佳作依然值得借鉴，在此基础上我再补充些我自己的看法。<strong></strong></p>
<h2>最近五年的交互设计</h2>
<p>在Reimann写下《如果你想成为一名交互设计师》之后的5年中，交互设计领域发生了许多变 化。网络泡沫导致不少设计师纷纷离开这个领域。但是网络新近的复苏又使新的从业者加入进来。为了促进业内知识的累积，交互设计师们成立了一个新的团体：交 互设计协会（Reimann为首届主席）。此外，继软件、互联网等“传统”业务之后，交互设计开始进入一些新的领域，包括手机，医疗设备，金融，娱乐与零售服务等。</p>
<p>而传统领域也在发生变化：互联网已成为应用软件设计的平台，即便是那些无需在线编程和运行的软 件，也日渐成为“在线工作”与“线下工作”的混合体。就连操作系统也在逐步摆脱25年前赖以建构的桌面隐喻的束缚。一切都显得那么自然，有如探囊取物—— 使交互设计师在今天成为一份理想的职业。</p>
<h2>交互设计师的一天</h2>
<p>根据时间和项目的不同，交互设计师的日常工作包括：客户访谈，现场研究，头脑风暴，撰写文档， 制作原型以及产品测试。具体工作取决于项目进程。除了埋头撰写文档的日子（如框架构建），每一天都会有所不同。不错，依然有很多EEMP：写邮件 （Email），收邮件（Email），会议（meeting）和报告（presentation）。但其间也不乏令人兴奋的时刻。</p>
<p>交互设计师受聘同创意打交道——使抽象的想法付诸现实。很少有工作能够这般精彩。你可以通过头 脑风暴，想象前所未有的事物，然后建造出来。还可以塑造行为，使世界变得更加有趣美好。你将用彩笔在白板和“随意贴”上描绘自己的创意，帮助人们解决问 题。如果你足够出色，还有机会同那些拥有先进科技及巨大影响力的公司合作，<strong>让世界因你而不同</strong>。</p>
<p>要实现上述梦想，你必须具备3个条件：气质、培训和经验。</p>
<h3>气质</h3>
<p>Reimann对于气质价值的论述依旧准确。对于用户的“同情共感”与学习新事物的能力是任何设计师都不可或缺的两大特质。也是该职业必备的基石。</p>
<p>这并不意味着你需要成为“擅于交际的人物”（当然这样更好）。但确实意味着你应当对人类感兴 趣，包括人的行为与局限性。你至少理论上要关注人与社会环境。一名优秀的交互设计师需要学会设身处地为用户着想，而不是把自己想象成用户，或者把用户看作 与自己类似的人。你们很可能截然不同。</p>
<p>在MBTI人格测验中（<a href="Myers-Briggs personality scale">Myers-Briggs personality scale</a>），拥有“直觉型”人格（<a href="http://www.keirsey.com/pumII/ns.html" target="_blank">“N”</a>：intuitive）同样十分关键。能够凭借直觉进行跳跃性思维对设计师而言至关重要。因为你不可能永远看清问题全局，接触每一个用户，对项目了然于胸。你不得不猜测与假设——这时你需要直觉。</p>
<h3>培训</h3>
<p>如果你认为自己的气质适合这样的工作，下一步就需要学习一些基础知识。选择好的入门书，如： About Face系列《<a href="http://www.douban.com/subject/1313472/">软件观念革命-交互设计精髓</a>》（<a href="http://www.douban.com/subject/1313472/">About Face 2.0</a>），《<a href="http://www.douban.com/subject/2365393/">Designing Interfaces</a>》与《<a href="http://www.douban.com/subject/1920714/">Universal Principles of Design</a>》。还需要了解你的工作介质，比如互联网，移动通讯和软件系统。你不必成为一名程序员，但需要了解每种介质技术上的可行性。工业设计准则与良好的沟通技巧也很有帮助。</p>
<p>与有经验的设计师共处，无论是在工作中，还是通过非正式的聚会、会议或者在线交流（比如交互设计协会（IxDA）的邮件讨论）同样受益匪浅（我在这里提到的很多问题都曾在那里讨论过）。那些信手拈来的知识，观点与方法都是设计文化的一部分。少说话，用心听。</p>
<p>快速培训的途径之一即在校学习（尽管过程紧凑，学费高昂）。我现在首推三所学校：卡耐基－梅隆 大学（<a href="http://design.cmu.edu/show_program.php?s=2&amp;t=3" target="_blank">Carnegie Mellon</a>）、伊利诺斯州立大学的设计学院（<a href="http://www.id.iit.edu/grad/mdes.html" target="_blank">Institute of Design</a>）和英国皇家设计学院（<a href="http://www.rca.ac.uk/pages/study/ma_interaction_design_171.html" target="_blank">Royal College of Art</a>）。遗憾的是，上述学校提供的都是面向研究生的课程。我还不知道任何本科阶段的交互设计专业。不过相信未来几年将会出现。</p>
<p>没有交互设计的本科专业，大学阶段该如何准备呢？我的建议如下：进入一所好的设计院校学习工业 设计或传媒设计（你都能学到有用的技能），或者关注设计以外的任意领域。人文学科、人类学、文学、心理学、社会学、戏剧、政治、文化研究——都有助于你成 为一名更加丰富的设计师。</p>
<h3>经验</h3>
<p>培训与知识储备，这些还远远不够。即便作为一名交互设计读物的作者，我依然认为书本只能为你提供从业背景，只有设计本身才能让你成长为一名交互设计师。</p>
<p>设计经验从何而来呢？主要有两个方法：一所好的学校能让你接触到现实课题（关于商务、技术以及用户限制）；你也可以提供专业设计或免费为别人设计（后者非无路可走请慎用）。</p>
<p>邮件讨论，本地团体与人才市场是着手找工作的首选。多数工作是通过口头推荐找来的，因此同其他设计者的联系也能有所帮助。</p>
<h3>自我展示</h3>
<p>尽管Cooper，Google那样的公司会在求职过程中或让你完成一系列的测试，所有的公司都要求作品展示（portfolio）。准确地说你要准备两类作品：一份在线，一份书面。</p>
<p><strong>在线作品集</strong>应当提供作品综述，可以包含一些样本文件。<strong></strong></p>
<p><strong>书面作品集</strong>（面试携带）则是对作品更加深刻的展现，以便你论述项目问题与解决过程。<strong>不要光介绍成果，工作过程很重要。</strong>没有作品怎么办？找找看。这个世界充满有待解决的问题，设计一个解决方案。</p>
<h2>为什么要做交互设计师？</h2>
<p>因为这样你就能改变世界。不错，我们貌似只是在修补按钮、下拉菜单、仪表什么的，但真正的工作 却是改变这个世界，一点一滴……让它更加人性。我们帮助人们完成日常工作，无论是游戏，救生还是转账。我们将自己的价值注入这个世界，让事物变得有用，易 用，愉快，健康。这样的工作真不赖。</p>
<h2>高级交互设计师</h2>
<h3>职位描述：</h3>
<ol>
<li>对交互设计过程有深入的了解，可以独立完成整个设计过程（交互流程、角色模型等等交互设计方法能熟练应用）；</li>
<li>开发产品原型，配合进行用户测试及分析。</li>
<li>协助产品开发人员和界面/视觉设计师进行详细设计和产品实现。</li>
</ol>
<h3>任职资格：</h3>
<ol>
<li>交互设计/工业设计/人因工程/工业心理学等相关专业本科（含）以上学历，</li>
<li> IT交互设计从业经验两年以上，具有较多的实际产品经验者优先。</li>
</ol>
<p>如果您 健康积极有朝气，对互联网行业充满兴趣与激情，渴望成功<br />
如果您 具有创新意识和高度的责任心，具有较强的适应能力<br />
如果您 具备较好的专业素养和职业修养，善于沟通协作</p>
<p>那么，你可以胜任一名交互设计师！</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如何成为一名交互设计师？</title>
		<link>https://wwl3.com/2009/11/to-be-user-expirence-designer/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Mon, 16 Nov 2009 13:41:23 +0000</pubDate>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[交互设计师]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=644</guid>

					<description><![CDATA[如果你想成为一名交互设计师 如何成为一名交互设计师，需要什么样的背景才能进入这个行业，怎样才算优秀的交互设计，需要什么样的实际技能和经验，交互设计师的工作究竟是怎样的，等等……。 学校的培养 首先要明确的是交互设计作为一个新兴的学科还没有一个准确的定义。目前全球也只有少数的几所学校开设“交互设计”的专业，他们开设的课程也只是相似，而没有标准严格规定（这种差异化也许也不错）。而和交互设计相关的专业，比如“信息科学”“人机交互”“新媒体”等在各大学的艺术学院和工科系所（通常是建筑或者信息相关）都有不错的发展，这些专业根据各学校的历史、发展方向等的不同也采用不尽相同的教学方法。 在学术界并没有一个准确的定论说明交互设计专业应该由哪些核心的课程组成。艺术学院倾向于个人和品牌的推介而不是解决产品可用性的问题；工科学院倾向于开发和应用新科技而不是发现和达到用户的目标；和人机技术有关的项目倾向于对于认知理论和用户研究的关注而缺乏而不是设计方法和实践。很多设计项目还是更关注工具而不是方法。不过这种局面在慢慢的改善。 交互设计的不同之处 交互设计的很多设计原则都是沿用传统设计学科，心理学和工程技术学科的理论和方法。交互设计是以上的综合体，除了这些，还是其独有的方法和实践。由于是设计专业，它有一套不同于技术和工程专业的教学方法。为了明确交互设计，我提供一些原则供参考： 交互设计的定义： 定义物品、环境和系统的行为。 与此相关的是： 由产品的行为和使用方式定义其形态 预想何种产品使用方式会拉近人与人的关系，影响人们的理解和认知。 在情境中设计产品与用户的关联。 交互设计的方法从不同的方面来审视设计： 从理解用户怎样使用和为什么希望使用产品开始 为用户和其目标全力以赴 设计完整的交互过程而不只是一些功能和属性 展望远景而不只局限于目前的状况 由以上定义，交互设计师应该具备： 快速学习新领域的知识 解决问题既要有分析力也要有足够的创造力 有视觉化和简化复杂系统的能力 能站在用户的交互思考，体会他们的需求和渴望 理解人和机器各自的强项和弱项 抱有通过人性化，务实，有针对性的设计方案能让生活变得更好的热情 以下的几所学校提供质量不错的交互设计课程： Carnegie Mellon University  卡内基•梅隆大学 Institute of Design, Illinois Institute of Technology  伊利诺科技学院的设计学院 North Carolina State University  北卡罗来纳州立大学 University of Art and Design Helsinki  芬兰赫尔辛基艺术与设计大学 Virginia Commonwealth University  弗吉尼亚联邦大学 其他途径 [&#8230;]]]></description>
										<content:encoded><![CDATA[<h2>如果你想成为一名交互设计师</h2>
<p>如何成为一名交互设计师，需要什么样的背景才能进入这个行业，怎样才算优秀的交互设计，需要什么样的实际技能和经验，交互设计师的工作究竟是怎样的，等等……。</p>
<h2>学校的培养</h2>
<p>首先要明确的是交互设计作为一个新兴的学科还没有一个准确的定义。目前全球也只有少数的几所学校开设“交互设计”的专业，他们开设的课程也只是相似，而没有标准严格规定（这种差异化也许也不错）。而和交互设计相关的专业，比如“信息科学”“人机交互”“新媒体”等在各大学的艺术学院和工科系所（通常是建筑或者信息相关）都有不错的发展，这些专业根据各学校的历史、发展方向等的不同也采用不尽相同的教学方法。<br />
在学术界并没有一个准确的定论说明交互设计专业应该由哪些核心的课程组成。艺术学院倾向于个人和品牌的推介而不是解决产品可用性的问题；工科学院倾向于开发和应用新科技而不是发现和达到用户的目标；和人机技术有关的项目倾向于对于认知理论和用户研究的关注而缺乏而不是设计方法和实践。很多设计项目还是更关注工具而不是方法。不过这种局面在慢慢的改善。</p>
<h2>交互设计的不同之处</h2>
<p>交互设计的很多设计原则都是沿用传统设计学科，心理学和工程技术学科的理论和方法。交互设计是以上的综合体，除了这些，还是其独有的方法和实践。由于是设计专业，它有一套不同于技术和工程专业的教学方法。为了明确交互设计，我提供一些原则供参考：<br />
<strong>交互设计的定义：</strong><br />
定义物品、环境和系统的行为。<br />
与此相关的是：</p>
<ul>
<li> 由产品的行为和使用方式定义其形态</li>
<li> 预想何种产品使用方式会拉近人与人的关系，影响人们的理解和认知。</li>
<li> 在情境中设计产品与用户的关联。</li>
</ul>
<p>交互设计的方法从不同的方面来审视设计：</p>
<ul>
<li> 从理解用户怎样使用和为什么希望使用产品开始</li>
<li> 为用户和其目标全力以赴</li>
<li> 设计完整的交互过程而不只是一些功能和属性</li>
<li> 展望远景而不只局限于目前的状况</li>
</ul>
<p>由以上定义，交互设计师应该具备：</p>
<ul>
<li>快速学习新领域的知识</li>
<li> 解决问题既要有分析力也要有足够的创造力</li>
<li> 有视觉化和简化复杂系统的能力</li>
<li> 能站在用户的交互思考，体会他们的需求和渴望</li>
<li> 理解人和机器各自的强项和弱项</li>
<li> 抱有通过人性化，务实，有针对性的设计方案能让生活变得更好的热情</li>
</ul>
<p>以下的几所学校提供质量不错的交互设计课程：</p>
<ul>
<li> Carnegie Mellon University  卡内基•梅隆大学</li>
<li> Institute of Design, Illinois Institute of Technology  伊利诺科技学院的设计学院</li>
<li> North Carolina State University  北卡罗来纳州立大学</li>
<li> University of Art and Design Helsinki  芬兰赫尔辛基艺术与设计大学</li>
<li> Virginia Commonwealth University  弗吉尼亚联邦大学</li>
</ul>
<p>其他途径<br />
你真的需要一个交互设计专业的硕士或是博士学位么？其实在一些知名的培训机构修比如艺术、商业、人类学、信息科学等课程也是不错的选择。但是有些东西不是那么容易教的，与用户的感同身受和出概念方案的能力就属于这种难教的。在cooper,我们也在寻找拥有这些技能的设计师的而不论他是否受过正规的教育。有些人来自传统设计（工业设计、图形设计）背景，但是大多数也拥护人类学、信息科学或者两者兼有的教育经历。很多人有来自软件开发公司的优秀的工作经历比如项目经理、技术支持甚至程序员。<br />
如果你考虑交互设计师的职业生涯，请记住以下几点：</p>
<ul>
<li> <strong>设计师很少编程</strong>——如果实在需要，请做个感性的程序员。除非你对整个项目有足够的控制力，不然尽量不要尝试同时设计和开发，两者容易产生冲突。如果你不想放弃编程，那交互设计师也许不适合你。</li>
<li> <strong>可用性研究是非常重要的环节，但它不是设计。</strong>研究可以确定问题而不能解决问题。你更适合展望和完善解决方案还是从现有的情况中提取出要点？如果是后者，那么可用性研究可能是你的兴趣所在。</li>
<li> <strong>性格很重要。</strong>我认识的最好的交互设计师大多对兴趣广泛，他们喜欢融入未知的领域学习和吸收新东西。同样他们也很关注作为个体的人以及群体的需要。</li>
<li> <strong>设计师要具备基本的技能。</strong>交互设计师应该具备良好的绘画和书写的技能，与客户和同事的沟通流畅。最难的部分是兼具创造性的眼光和理性的分析能力，而这恰恰是优秀的交互设计师的标志。</li>
</ul>
<p>资料引用：</p>
<p>EN:Article:<a href="http://www.uigarden.net/english/so-you-want-to-be-an-interaction-designer-2006">So you want to be an interaction designer 2006</a> <span>by <a href="http://www.uigarden.net/english/author/Dan+Saffer/">Dan Saffer</a> </span>Courtesy of <a href="http://www.adaptivepath.com/">Adaptive Path</a><a href="http://www.adaptivepath.com/"></a></p>
<p>ZH:<a rel="bookmark" href="http://www.uigarden.net/chinese/ru-guo-ni-xiang-cheng-wei-jiao-hu-she-ji-shi">如果你想成为一名交互设计师（写于2006）</a> <span>作者 <a href="http://www.uigarden.net/chinese/%e4%bd%9c%e8%80%85/Dan+Saffer/">Dan Saffer</a></span> 感谢<a href="http://www.adaptivepath.com/">Adaptive Path</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>谈谈《人月神话》：三、追寻事物本质-《天才是如何思考的》分析事物的本质</title>
		<link>https://wwl3.com/2009/10/mythical-man-month-mind/</link>
		
		<dc:creator><![CDATA[王万林]]></dc:creator>
		<pubDate>Wed, 14 Oct 2009 07:10:29 +0000</pubDate>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[哲学]]></category>
		<category><![CDATA[思维方法]]></category>
		<category><![CDATA[项目管理]]></category>
		<guid isPermaLink="false">http://wwl3.com/?p=633</guid>

					<description><![CDATA[发现事物的本质，是一项艰苦的工作。需要具备一定的技能和恒心。天才们在这方面得心应手，只要看到了本质，就会比别人领悟得更快，做得更好。寻找本质的工作是艰难的，但专门设计的练习可以帮你。下面我们先做两个练习。 给事物定义 在我的课堂上，常要求学生们给出一些简单的事物——如桌子或自行车——的定义。下面是一则典型的师生对话： A:桌子？是一块木头板，有四条腿。 Q:木头？不能是塑料的吗？或铁的？玻璃的？ A:嗯。对不起。说是一个平面，有四条腿，好一点。 Q:好吧。你说有四条腿。没有三条腿的桌子吗？ A:嗯…… Q:没有两条腿的桌子吗？ A:嗯…… Q:没有一条腿的桌子吗？ A:嗯…… Q:所以说，桌子有几条腿无关紧要。桌腿的数量，作为一个桌子的特征之一，并不是必须的。 对吗？ A:对。 Q:很好。我们接着进行。有没有一条腿也没有的桌子呢？ A:有……没有…… Q:好吧，有没有挂在墙上的桌子呢？ A:有。 Q:那么，这些桌子就没有腿。那么悬起来的桌子呢？ A:嗯……我们没想过那种桌子。 Q:因此，桌腿作为一个参数，根本不是必要的。是吗？ A:是。 Q:那么，这个定义还剩下什么呢？一个平面？你是说一个平面吗？ A:是的。 Q:好吧。墙是一个平面。是桌子吗？ A:不是（很难为情）……我们指的是一个水平的表面。 Q:水平的？有时有些桌子会有点倾斜，所以作为一个特征，水平并不总是事实。再说，地板是 个水平的表面。天花板是个水平的表面。它们是桌子吗？ A:不是（大笑）…… Q:那么，你们的桌子定义还剩了什么呢？ A:什么也没有。 Q:这就是说，第一个定义没有包含必要的特征。回过头来看。你们一定知道定义是用来指定事 物本质的。所以，桌子的本质是什么？ A:……(沉默)…… 好吧，事物的实质必须包含事物的必要的和充足的特征，这样人们才能从一个定义中了解该 事物。同时，记住这个规则：给事物定义之前，先从抽象阶形图中找出最接近的范畴（具体的范畴位于下面，普遍的范畴位于上面，从下到上，从具体到普遍）。在 进入上一级范畴之前，把要定义的事物分为几部分。下面是图形演示的做法： （图略） 例如： 你想给鬈毛狗下个定义，你会怎么说呢？ 狗。一种宠物。 很好。如果你说是一种宠物，那么它在抽象范畴内就太靠上了，因为猫也是宠物、鹦鹉也是 宠物。鱼也是宠物。鬈毛狗的抽象阶形图如下所示： 物体 活物（因为有无生命的物体） 宠物（因为野生动物不是宠物） 狗（因为猫也是宠物）、鸟、鱼等 鬈毛狗（因为还有小猎犬、叭喇狗等） 说鬈毛狗是狗的一种，很好；“驯化了的狗”更好，因为还有像澳洲野狗。 从这个抽象阶形 图中稍高一级的范畴开始，下到狗的其他种类上去，然后定义一只鬈毛狗与德国短毛猎狗、 中国家犬等其他狗的不同处。 现在让我们回到桌子这个话题上去： Q:桌子是什么？你从哪儿开始？ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>发现事物的本质，是一项艰苦的工作。需要具备一定的技能和恒心。天才们在这方面得心应手，只要看到了本质，就会比别人领悟得更快，做得更好。寻找本质的工作是艰难的，但专门设计的练习可以帮你。下面我们先做两个练习。</p>
<h3>给事物定义</h3>
<p>在我的课堂上，常要求学生们给出一些简单的事物——如桌子或自行车——的定义。下面是一则典型的师生对话：</p>
<blockquote><p>A:桌子？是一块木头板，有四条腿。</p>
<p><strong>Q:木头？不能是塑料的吗？或铁的？玻璃的？</strong></p>
<p>A:嗯。对不起。说是一个平面，有四条腿，好一点。</p>
<p><strong>Q:好吧。你说有四条腿。没有三条腿的桌子吗？</strong></p>
<p>A:嗯……</p>
<p><strong>Q:没有两条腿的桌子吗？</strong></p>
<p>A:嗯……</p>
<p><strong>Q:没有一条腿的桌子吗？</strong></p>
<p>A:嗯……</p>
<p><strong>Q:所以说，桌子有几条腿无关紧要。桌腿的数量，作为一个桌子的特征之一，并不是必须的。<br />
对吗？</strong></p>
<p>A:对。</p>
<p><strong>Q:很好。我们接着进行。有没有一条腿也没有的桌子呢？</strong></p>
<p>A:有……没有……</p>
<p><strong>Q:好吧，有没有挂在墙上的桌子呢？</strong></p>
<p>A:有。</p>
<p><strong>Q:那么，这些桌子就没有腿。那么悬起来的桌子呢？</strong></p>
<p>A:嗯……我们没想过那种桌子。</p>
<p><strong>Q:因此，桌腿作为一个参数，根本不是必要的。是吗？</strong></p>
<p>A:是。</p>
<p><strong>Q:那么，这个定义还剩下什么呢？一个平面？你是说一个平面吗？</strong></p>
<p>A:是的。</p>
<p><strong>Q:好吧。墙是一个平面。是桌子吗？</strong></p>
<p>A:不是（很难为情）……我们指的是一个水平的表面。</p>
<p><strong>Q:水平的？有时有些桌子会有点倾斜，所以作为一个特征，水平并不总是事实。再说，地板是<br />
个水平的表面。天花板是个水平的表面。它们是桌子吗？</strong></p>
<p>A:不是（大笑）……</p>
<p><strong>Q:那么，你们的桌子定义还剩了什么呢？</strong></p>
<p>A:什么也没有。</p>
<p><strong>Q:这就是说，第一个定义没有包含必要的特征。回过头来看。你们一定知道定义是用来指定事 物本质的。所以，桌子的本质是什么？</strong></p>
<p>A:……(沉默)……</p></blockquote>
<p>好吧，事物的实质必须包含事物的必要的和充足的特征，这样人们才能从一个定义中了解该 事物。同时，记住这个规则：给事物定义之前，先从抽象阶形图中找出最接近的范畴（具体的范畴位于下面，普遍的范畴位于上面，从下到上，从具体到普遍）。在 进入上一级范畴之前，把要定义的事物分为几部分。下面是图形演示的做法：</p>
<p>（图略）</p>
<blockquote><p>例如：</p>
<p><strong>你想给鬈毛狗下个定义，你会怎么说呢？</strong></p>
<p>狗。一种宠物。</p>
<p><strong>很好。如果你说是一种宠物，那么它在抽象范畴内就太靠上了，因为猫也是宠物、鹦鹉也是 宠物。鱼也是宠物。鬈毛狗的抽象阶形图如下所示：</strong></p>
<p>物体</p>
<p>活物（因为有无生命的物体）</p>
<p>宠物（因为野生动物不是宠物）</p>
<p>狗（因为猫也是宠物）、鸟、鱼等</p>
<p>鬈毛狗（因为还有小猎犬、叭喇狗等）</p>
<p>说鬈毛狗是狗的一种，很好；“驯化了的狗”更好，因为还有像澳洲野狗。</p></blockquote>
<p>从这个抽象阶形 图中稍高一级的范畴开始，下到狗的其他种类上去，然后定义一只鬈毛狗与德国短毛猎狗、 中国家犬等其他狗的不同处。    现在让我们回到桌子这个话题上去：</p>
<blockquote><p><strong>Q:桌子是什么？你从哪儿开始？</strong></p>
<p>A:上一级！是一件家具。</p>
<p><strong>Q:很好。就这一点，就可以排除地板、天花板和墙。好极了！现在让我们到最下一级，区分桌子和其他家具。</p>
<p></strong>A:是一件某种意义上有水平表面的家具。</p>
<p><strong>Q:差不多，但椅子和书架也有水平表面。它们是桌子吗？</strong></p>
<p>A:不是。</p>
<p><strong>Q:再试试。</strong></p>
<p>A:椅子是用来坐的。</p>
<p><strong>Q:嗯……我也可以坐到桌子上去呀。不过，这是个很不错的尝试！</strong></p>
<p>A:桌子比椅子大，是为了工具用的。</p>
<p><strong>Q:好极了！当你说到“为了”某物时。你就接近一个物体的功能了：椅子是为了坐。桌子是为 了工作、支承并用作工具台。书架只有支承作用。那么到底桌子是什么呢？</strong></p>
<p>A:工具台，并在吃饭时也可以使用的家具。</p>
<p><strong>Q:棒极了！现在把这句话压缩成两三个词的定义。你拿工具都在桌子上做些什么呀？桌子能帮 你做什么呢？</p>
<p></strong>A:整理东西，便于使用。</p>
<p><strong>Q:妙极了！再短一些！</strong></p>
<p>A:组织工作空间用的家具</p>
<p><strong>Q:哇！对比一下第一个定义和最后一个定义。多大的不同！看到了吗？</strong></p>
<p>A:噢，是的！</p></blockquote>
<p>这就是琐碎的或表象的定义——塑料的、有腿的、有表面的，及其他所有不重要的事项——与天才或实质定义的区别所在。发现事物的本质容易吗？</p>
<p>不容易，太难了。</p>
<p>当然难了。不过，如果你能训练自己给出像刚才这样的定义的话，你认为人们会不会把你看 作天才呢？</p>
<p>当然会了。</p>
<p>所以说，命运掌握在自己手中（确切地说，在自己脑子里）。训练你自己给出类似上面的定 义。后，我们会学习另一种技巧——掌握一眼看到本质的技巧。天才发现事物的本质后，<br />
一切就变得迎刃而解了。这就是为什么天才的解决方法总是位于抽象阶形图的上端，也就是具体/普遍这一级。</p>
<p>我们将继续强化这一意识，不过，现在让我们使用新的技巧看事物。</p>
<p>正如你在桌子这个例子所看到的，找出实质，就是排除不必要的特征或部分，挑选必要和充 分的特征或部分。所有入选的必要部分必须同时是体现本质的充分部分。桌子组织工作空间 ，而不是休息空间（如：床）或辅助空间（如：书架）。最后一点，桌子是工作空间的组织<br />
工具，而不是工作空间的保护物（如：罩子）或工作空间的照明物（如：台灯）。只选必要<br />
的和充分的特征——不要其他的！否则，这个事物的实质就转化成了另一事物的实质，或无<br />
法与另一事物的实质相区分了。</p>
<h3>检测你的定义</h3>
<p>你已经学会下定义了，当然就有方法检测这些定义，看它们是否正确。一种最有效的方法是<strong>反例法</strong>。</p>
<blockquote><p>先讲一个故事，这个故事是古希腊时候的事了。那时哲学家们想对人（或人类）下个定义。 柏位图的定义当时很流行，他说，人是一种没长毛的两腿动物。狄奥真尼斯，当时以言语辛 辣、行为费解著称（如：他居住在城市广场一个澡盆里）。有一天，他带着一只拨了毛的公 鸡去了柏位图的“学院”。柏位图正跟他的学生们围坐一圈讲学，狄奥真尼斯把公鸡往院子 里一丢，看着这只拨了毛的公鸡满院子里跑，哈哈大笑，喊道：“这就是柏位图所说的人！<br />
”</p></blockquote>
<p>所以，能找到一个反例驳斥你的定义，或证明它是错误的，是一项有待训练和实践的大能力 。还记得吗？在关于桌子定义的对话中，我只是给你们提供了一些反例，其他的什么也没做 。当时我问，“有三条的桌子吗？”当然有了。于是，桌子有四条腿的定义就证明是错误的 了。类似这样的话我问了多次，通过这种问话我们得出了正确的定义。</p>
<p>让我们看看怎样运用这一方法找出上例中学校校长和教育系统的本质任务。为什么我认为<strong>孩子（受教育者）和老师（教育者）才是教育体制（教/学）的本质所在呢</strong>？让我们很快检测一下。</p>
<ul>
<li>没有校长或管理人员，教/学活动会发生吗？换句话说，有没有管理人员参预的教/学活动 吗（有没有腿的桌子吗）？有。那么，管理人员就不是教/学活动发生的本质。</li>
<li>没有教舍，教/学活动会发生吗？换句话说，有没有教舍的教/学活动吗？有。那么，教舍 就不是教育的本质。</li>
<li>没有试卷和考试，教/学活动会发生吗？能。那么，试卷和考试就不是本质。</li>
<li>没有教师，教/学活动会发生吗？不会。必须有教师（某种形式的）。所以，教师是本质。</li>
<li>没有学生，教/学活动会发生吗？不会。所以，学生是教/学体制的本质。</li>
</ul>
<p>结论很简单：没有孩子（学生），就不存在教/学活动，不存在教育，不存在教育体制。孩子才是教育体制的本质。</p>
<p>你的机会来了。根据你在定义桌子、检测人的定义和找出教育的本质一系列过程中所掌握的知识，能找出你工作的本质吗？能找出你生活的本质吗？能找出音乐、文学、创造性和天才的本质吗？</p>
<p>有了刚刚学会的技巧，你对创造性或天才的定义可能才是最好的。你是你的未来的创造者。你的定义可能使你的生活发生翻天覆地的变化；这样，你就成了大能力者，成了成千上万本 书中提到的天才，成了一个为成千上万人所称道、为成千上万人所崇拜的人。这就是天才的 道路，而你就是正在成长中的天才。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
