原型的概念说的简单直白些就是用户使用产品的界面模型，原型的设计主要包括三部分：①需求内容的呈现  ②导航和链接   ③数据的交换

①需求内容的呈现

1）文本，多媒体内容的呈现 

最基础的web页面就是文字和多媒体的载体，通过文字和媒体把需求内容呈现给访问者是Web设计最最基础的部分，设计师需要将信息分主次的传达给访问者，这是设计最基本的目的，之前我写过类似的文章《视觉设计是为了表达信息》。其实不管是交互还是视觉，都应该具备排版组织能力，分得清主次，明白目标，懂得用户群，才能谈的上设计。

了解栅格，有排版功底的交互设计师可以省去很多沟通成本：

Ⅰ. 先了解一下交互设计的基本概念：

交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。

Ⅱ.交互设计在项目流程中的位置和任务：

项目前期的流程和节点：

4.交互设计如何开展和融入开发流程

我们先来梳理一下之前流程上遇到的两个问题：1.使用者模型不完善；2.沟通障碍

▎使用者模型不完善 ；

如何改善使用者模型，需要经历两个过程：

①业务模型框架化

在产品的概念阶段时期，交互设计师需要基关注用户界面和整体结构，这个过程被称作“框架设计”,框架设计就是一种基于用户目标的导航架构和流程设计。这个阶段交互的产出物主要有导航架构图，流程图和低保真线框图。

上述的产出物都需要和产品经理反复确认，以保证业务模型的完整。

②.框架界面化

在定义完功能模块的页面结构和流程后，交互设计师还需要设计规划使用者的操作，这些包括页面元素的主次关系，小部件的处理，元素的组织，界面的引导等等。这个阶段交互设计师需要提供原型demo:

原型demo 是一个过程，主要用于具象的表达业务需求和定义界面模型，是一种目标导向的设计过程。这个过程可以是多次迭代的，是提炼产品质量的主要手段。有了这个过程，我们之前所讲的完善使用者模型才能够得到解决，用户体验设计的理念才可以真正得到实施。

▎沟通障碍

在产品开发过程中，各个部门的合作与沟通存在着障碍，而产生交互职位之后，这些问题都能够得到解决。

①产品与设计的沟通

在框架阶段，交互设计师利用信息架构图和流程图能够将业务需求确定下来。

在框架界面化阶段，对于用户的操作和界面元素也能够用原型demo表达出来，而且修改成本低，可以快速的迭代。

②产品、设计与开发、测试的沟通

交互设计师利用原型demo做评审测试是个非常的方法，这样的方法能够不仅能够直观的表达需求，而且可以提供早期的用户测试，让很多之前无法预见的问题及时的抛出来，原型demo是贯穿概念阶段和实现阶段的最佳表达方式，而这些都对于交互设计提出了更高的要求。

▎5.小结

写了这么多内容，主要是想说明一下为什么要有交互设计和交互设计能够解决什么问题。如果决策者不能够明白这些道理，UCD的方法很难开展起来；如果从业者不能够明白这些道理，所做的工作也会是盲目和无效的。我想通过这篇文章帮助一些新手明白自己工作的任务和目的，少走些弯路。

下个章节讲「交互设计的职能」，会具体到交互设计的工作是如何展开和结束…

零：项目背景

百度网盟推广平台是配合网盟推广用户的在线营销平台，推广客户可以在平台上实现全方位的推广管理，包括搭建账户结构、配置预算、定向方式、监控账户投放效果等等复杂的账户操作。但是由于系统的复杂度和功能性的增加，原有的系统对新功能的支撑显得有些捉襟见肘，所以在今年8月份，我们开始了对系统体验的分析和优化工作。

　　项目背景：

　　国际QQ官网是宣传国际QQ品牌的主力站点、下载国际QQ的重要入口。旧版国际QQ官网更加偏向于一个门户类网站，重点提供相关新闻资讯，互动社区，群组推荐等基础服务，而对于产品本身的功能介绍，品牌推广以及下载服务提供的版面较少。虽然网站提供的相关社交服务能够更好的提高产品活跃度，不过由于国际QQ的用户群体与QQ的用户群体存在着很大的差异，很大一部分使用国际QQ的用户并没有用过QQ，对于产品本身甚至是功能使用还不是很熟悉。而新版国际QQ官网的主要目标是以宣传和推广国际QQ品牌为主，相应的加入适量的社交服务。减少网站后期的运营压力，强化品牌风格，并且旧版官网整体视觉风格已经相对过时。在这个背景下，有必要对国际QQ官网进行一次大改版。

在做APP的iPad版本设计时，我们常常需要考虑：如何在延续iPhone版本设计特色和优点同时，充分利用iPad的特性更好地进行设计。本文从iPad和iPhone的差异性入手，试图总结这一设计过程中需要注意的问题。

搜索能够帮助用户在海量的数据库中实现大海捞针，是产品最核心的模块之一。本篇是从设计的角度介绍搜索模块，包含Web和ios两个平台，下面直接开始正文：

1.快速搜索

搜索是帮助用户简单快速的匹配相关内容，最简单的search box主要包含两个元素：①文本框   ②按钮（可以隐藏用回车代替）

　　编者按：本文作者 Nir Eyal 在NirAndFar.com上撰写心理学、科技和商业的交叉内容的文章。

　　想象这样一个场景。当你走进一个繁忙的百货公司，有人走进你伸手向你要钱：“请问可以给我一些零钱搭公共汽车吗?”如果这个人不是乞丐，而是一个博士呢?

　　作为法国研究的一部分，研究者想要知道，只是通过一些特别推敲的话，他们是否可以改变人们给予一个陌生人多少钱。他们发现了一个简单而有效的方法可以让人们给出双倍的钱。

　　这个词句的改变不仅增加了人们给陌生人搭公共汽车的钱，也有效地提升了慈善捐款和志愿调查的参与度。事实上，最近一个包含 42 项研究、涉及超过 22000 名参与者的总结分析指出，在请求最后附上的只字片语可以获得人们的认同，使接受请求的可能性提高一倍。

　　那么，研究者发现的神奇词句究竟是什么呢?那就是“但是你可以自由选择接受或是拒绝”。

　　这个发出请求的技巧表明了，如果我们确信选择是自由的，则更有可能被说服。这种效果不仅在面对面的互动中被观察到，也存在于电子邮件交流中。尽管研究没有直接关注产品和服务如何运用这种方法，但是研究提供了几个具有操作性的观点来指导公司影响用户行为。

优异的用户界面可以让用户用得顺心，从而提高转化率(conversion rate)，换言之，好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法，希望对大家有所帮助。

　　单栏型式优于多栏

　　单栏型式让你更能掌握自己的内容，从顶部到底部一气嗬成，用故事引导读者，最终是要诱引他们「采取行动」(call to action，下称 CTA，意指下载或消费等目的);而多栏反而可能导致读者分心。