先忽略动效，提出几个问题，大家可以尝试以前面学习的经验来思考一下。

1. List 不用图片来代替，怎么实现？
2. 所有List内容都不一样，怎么实现？
3.   所有List 都能保持一个统一的操作，怎么实现？
4. …… 

OK，如果仅前2个问题来说，用“笨”方法都是很简单，到第3之后，就有点坑了，是要复制N个重复Patchs？简直要疯掉有木有～ 当然Origami 没这么傻，是有专门的Patch 解决这样的情况的，这就是今天学习的重点，Loop 系列的Patch，效果类似 Craft 的 Duplicete

JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形，在你处理用户的输入数据的时候，在读取或设置 DOM 对象的属性时，在操作 Cookie 时，在转换各种不同 Date 时，诸此等等，繁不能数；而她那满多的 API 呵，总有些让人不愿去记忆的冲动，既然用时常搜，倒不如烂笔头一翻，顺道也体现下博客存在的价值，由此就有了这篇纪要。

字符串截取

1. substring()

xString.substring(start,end)

substring()是最常用到的字符串截取方法，它可以接收两个参数(参数不能为负值)，分别是要截取的开始位置和结束位置，它将返回一个新的字符串，其内容是从start处到end-1处的所有字符。若结束参数(end)省略，则表示从start位置一直截取到最后。

什么是费兹定律

要探索费兹定律的运用方式，我们首先需要了解这条定律是什么，它是怎样诞生的。

费兹定律由俄亥俄州立大学的心理学家Paul Fitts于1954年提出，旨在为人类在电脑屏幕上点击目标对象的行为建立模型，同时涉及到了肢体移动及鼠标行为方面的问题。

举个栗子，设想你的注意力和鼠标指针正停留在某个网站的logo上，而你被告知要去点击页面中的某个按钮，于是你需要将注意力焦点及鼠标指针都移动到那个按钮上。这个移动过程当中的效率问题就是费兹定律所关注的。

费兹定律的原始公式是这样的：

MT=a + b * log2(D/W + 1)

其中MT代表位移所需花费的时间，这是我们最需关注和解决的问题。a与b两个变量代表系统方面的耗时及效率，属于经验参数。D代表初始位置与目标位置之间的距离，W代表目标对象的尺寸。

在理想的情况下，一个完美的产品不需要任何用户帮助。但在现实中，由于产品功能的复杂多样，用户需要在不同阶段获取不同的指导信息，才能顺利完成任务和解决问题。

传统的软件开发模式中，用户指导信息主要体现在联机帮助中，但这样的设计方案往往会降低用户使用产品的体验。因为从用户的角度来说，获取帮助应该是软件应用程序的一部分，而不是脱离它。通过调研发现，如果用户在使用软件的过程中，需要中断操作，并花费时间在联机帮助或电子手册中查找指导信息，用户往往会觉得低效，并引发沮丧的情绪。因此，需要考虑在界面提供合适的帮助信息，指导用户进行操作，而不能将指导信息隐藏在厚重的联机帮助中。

手机已经成为大多数人的使用方式，所以手机用户界面成为基本用户界面，这也成为许多设计者考虑设计手机软件或者以网页为基准的手机应用的因素。让我们现在去测试一些普通的手机软件UI元素来看看一些新手怎么完成他们，以及从中发掘更好的方式去解决问题。

尽可能的限制文本输入

大多数的手机程序都提供一个文本框来捕捉用户的反馈信息。然而我认为文本信息框应该只运用在一些必要的时刻，密码输入框就是一个完美的例子。

即使是大屏手机用户，他们打字的体验度也不会比电脑用户更加舒适，因此打字输入的功能应该在许多方面尽可能减少。

1985年，任天堂的设计师们用一格一格徒手填像素的方法，创造了席卷一代人的游戏《超级马里奥》。在今日，即便全高清3D渲染画面已然成为游戏界主流，作为对经典的永恒致敬，像素化游戏仍然拥有不可磨灭的影响力，而像素化设计作为一种游走在复古与潮流之间的探索，也在用独特魅力招徕一批批年轻消费者的心。

有意义的内容

任何成功的内容策略下产出的内容对于用户而言都是有意义的。虽然每个人对此看法不同，但是 Usability.gov 为你提供的这个清单还是相当值得参考的：

·反映出你所整理出的目标和用户的实际需求
·理解用户所想并且能系统化地阐述出来
·以用户能够理解的方式呈现出来
·让内容有用
·保持更新
·确保所有人都能访问
·保持一致
·始终能被搜索引擎发现

 Arale：碎片化阅读的时代，很多刚入行的设计师都喜欢用碎片时间充电，看看公众号，看看设计博客，零散的知识信息点缺少了一些整理和总结，因此基础也就不够坚实了。尤其是想要得到更进一步能力提升的时候，就会发现真的会有些吃力。在几个月以前我就面临着这样的困境，感觉自己很难在现有设计水平上有大的提升，经过不断地自我反省，自我总结，我将原因归结于，基础知识能力没有及时得到与经验相匹配的提升，故而在经历了项目经验带来的飞速提升之后，就陷入了一个长久瓶颈期。也就是基础不够扎实，知识能力不成体系。

好在找到了问题症结，也就有了下一阶段努力的方向，现在我将自己对于交互设计师所需要打下的知识能力基础，更系统更体系化地分享给大家，希望能对那些跟我有同样困惑和问题的同行有些许帮助。

#用研##用户体验#UX Myths网站收集了很多关于用户体验设计中最常见的误解和解释了为什么他们不适用。现在将这些经验研究整理出来，为各位设计从业者做参考，避免依赖个人的主观经验来做判断。建议你阅读完之后，还是应该结合自身的经验来审视你的设计是否满足用户的需求。

javascript中的this含义非常丰富，它可以是全局对象，当前对象或者是任意对象，这都取决于函数的调用方式。函数有以下几种调用方式：作为对象方法调用、作为函数调用、作为构造函数调用、apply或call调用。

对象方法调用

作为对象方法调用的时候，this会被绑定到该对象。

var point = { 
 x : 0, 
 y : 0, 
 moveTo : function(x, y) { 
     this.x = this.x + x; 
     this.y = this.y + y; 
     } 
 }; 

 point.moveTo(1, 1)//this 绑定到当前对象，即 point 对象