IT牛人博客聚合

如果你对某个设计的第一印象非常深刻，又或者你本能的觉得某个设计十分给力，那么其实极有可能你被“格式塔”了！

目前许多设计偏好运用一个或多个格式塔心理学的原则。这一举动不但能让设计有更多灵动的感觉，还比一般的设计更容易留住欣赏者得目光。

格式塔是德文Gestalt的译音，英文往往译成form(形式)或shape(形状)，因此格式塔心理学所研究的出发点就是“形”。但这里的形又不止于一般所指的形式或形状，还包括由知觉活动组织成的经验中的整体，中文又译作“完形”。它认为整体决定部分的性质，而部分依从于整体。

格式塔心理学的核心：给不完整的视觉信息寻找最简单直接的解读办法。

除了设计，在日常生活的交流中，格式塔心理学也有发挥其作用：例

查看全文: http://www.udpwork.com/item/7051.html

在手机这样一个小小的有限的屏幕尺寸里，要使界面保持清晰合理、简洁美观，就涉及到产品“框架布局”的设计问题，我们需要根据不同的产品需求及应用场景来设计合理的界面布局。

iPhone平台的标准界面布局为顶部标题栏、中部内容区、底部工具栏/标签栏，设计师们根据不同的应用类型以及不同的使用情境进行着巧妙的布局，其中不乏很多勇于打破常规，精巧合理的布局设计。今天就一起来看看iPhone平台多样化的界面布局方式。

iPhone平台有三种类型的应用：

效率型应用（Productivity Applications）

实用型应用（Utility Applications）

沉浸型应用（Immersive Applications）

每一

查看全文: http://www.udpwork.com/item/6983.html

自然用户界面【1】（NUI , Natural User Interface）——特别是触控技术使人机交互变得更加自然直观，更为人性化。比如ipad、iPhone和一些采用Windows Mobile，Android等系统的手机已经让用户体验到触控的便利。本篇文章要说的是一种关于手机端触控技术的交互设计，它利用我们的肌肉记忆，不需要过多思考，让我们依靠潜意识，动动手指就能完成任务——它就是手势操作。

手势操作分类

基本操作

导航操作

对象操作

绘制操作

锦上添花vs弄巧成拙

基于触摸屏幕的手势操作是手机端人机交互的一个飞跃，它使手机用户的移动生活变得更加丰富多彩，使人与设备的交互更加有趣，同时增强了用户操作的满足感，真

查看全文: http://www.udpwork.com/item/6960.html

目前移动互联网发展趋势迅猛，随之而来的移动互联网广告也以迅雷不及掩耳之势飞速发展，据市场研究公司Gartner称，2011年全球移动广告收入预计将达到33亿美元，比2010年的16亿美元增长一倍多，到2015年，全球移动广告收入将达到206亿美元。移动互联网广告即将成为网络广告中的生力军，其中移动搜索和LBS广告预计将产生最多的广告收入。那么基于移动搜索和LBS的移动互联网广告设计或将成为设计师们的设计重点。

移动互联网广告主要设计维度：

基于LBS应用设计：

按用户所处地理位置给用户推送广告，让用户更加方便的找到所求，获取即时的线下资源。

基于视觉吸引设计：

突出吸引用户的视觉注意力，让广告内容更加鲜明的展现在用户面前，

查看全文: http://www.udpwork.com/item/6893.html

在产品的设计中，“反馈”是很重要的一个交互特征，它是一种界面输出物，用以给用户正确的引导信息，帮助用户判断和决策。而反馈的形式也是多方面的，视觉、听觉、嗅觉、触觉、正面的、负面的，都是在为用户传递信息。而没有反馈或反馈很差的交互，只会让用户产生失效和无助的负面体验。

在煤气中加入硫和笨，为的是通过臭味提供危险信号的反馈。地铁里的门在关闭前会发出滴滴的报警声，是用来告知乘客车门将要关闭的信息。这都是生活中无处不在的反馈。

今天要和大家讨论的是在手机产品中，用户在信息交互过程中所得到的反馈形式。

1.反馈的必要性

在用户与产品进行交互的过程中, 产品对于用户的每一次行为都要有清晰的、及时的提示和反馈，从而使用户获得操作行为结果的

查看全文: http://www.udpwork.com/item/6808.html

通知中心作为iOS5的重大更新内容之一，可以将用户的iOS设备里的所有的通知集中放在一个地方，大大方便用户查看和管理。如果用户收到一封新邮件、一条短信，或者是一个添加好友的请求，无论在任何界面下（包括游戏等全屏应用），用户都可以通过从屏幕顶部向下滑，将通知中心“拉下来”，用户可以在这里查看到所有的通知。所以苹果在iOS5的介绍中说到通知中心是你随时掌握最新生活资讯的绝佳途径。

可能出现通知的场景

一般在下面的场景中iOS应用程序会通知用户有有意思的事情发生了：

1. 收到一条消息

2. 即将发生某件事

3. 有新的数据可供下载

4. 某些事物的状态发生了变化

iOS5的四种通知类型

1. 横幅（Banner）

横幅

查看全文: http://www.udpwork.com/item/6773.html

2011年10月8日，百度搜索手机客户端正式登陆Apple Store。

2011年12月12日，百度搜索手机客户端荣获APP Store 2011年度工具类最受欢迎第一名。

这个轻量化的搜索应用倾注了产品设计团队很多心血。全新的视觉和交互体验、更优的搜索体验、全新的Ding功能……它的发布是我们在搜索客户端领域迈出的一小步，MUX的设计师全程参加了这款应用设计与决策，这背后有好多同学在辛苦的努力着。今天让我们揭开它面纱，看看它的小故事。

要惊艳地呈现

一年多来，我们在手机端推出过掌上百度和百度快搜两款与搜索相关的应用，将搜索业务以客户端的形态延伸到手机端，在这期间，积累了大量搜索客户端化的设计研发经验。随着移动互联网这些年

查看全文: http://www.udpwork.com/item/6644.html

表单，主要是负责数据采集的功能，需要访问者自己去填写，如访问者的姓名、邮箱、性别、地址、留言建议、设置密码、管理个人账户等等。时下表单无处不在，成功的表单设计不仅能提高用户的满意度，更能收集更加精确的数据，相反失败的表单设计只会收集到错误杂乱的信息，可能会最终导致潜在用户的流失。

一、组织表单的内容，给用户一个友好的引导

首先要明确的告之用户填的是一个什么性质的表单以及填完后能做些什么？哪些问题是一定要问的？有没有别的途径可以获取用户的资料？大致表单的布局分为三种类型：纵向排列、逐步填写（多页显示）和左右布局。这三种表单的组织形式功能特点，通过不同的使用环境决定它们具体的样式。下面通过一些对应的实例我们来做些具体的分析：

图1

查看全文: http://www.udpwork.com/item/6596.html

网页端搜索引擎的简单易用一直是网页产品设计中的优秀范例。 它巧妙地利用大片留白，一个搜索框入口，链接排布形式和品牌LOGO的互相搭配，在一个页面里为用户提供了绝佳的用户体验。强大的产品特性也使其成为上网冲浪必不可少的工具之一，帮助用户挖掘到未知的网络世界。

随着移动互联网的快速发展，移动信息量也迅猛膨胀，用户对手机搜索引擎的需求也与日俱增。因此搜索引擎也纷纷开始酝酿自己的手机产品。和PC机相比，手机端硬件更加局限，使用场景更加多样，交互形式更加丰富，因此简单的网页页面移植已经不能满足用户对于手机搜索引擎的需求。所以简单页面也开始了华丽变身，纷纷设计了自己的独立客户端。 当将简单的页面转变为客户端软件时，应该如何设计呢？下面将会为您

查看全文: http://www.udpwork.com/item/6569.html

随着技术与用户体验的发展，移动客户端产品中越来越多的需要横竖屏切换的设计。横竖屏旋转切换的设计在理想的情况下保持不变就能满足用户的需求。但也有很多时候，横竖屏切换时用户操作行为和屏幕比例的改变决定了客户端产品在设计时必须做出适当的针对性变化，于是对于交互设计而言，变不变、怎么变就成了一个普遍存在的问题。

_应用背景

先从横竖屏切换需要的产生的背景说开。

横竖屏切换策略最早应用于QWERTY侧滑全键盘按键设计的手机上（早期塞班S60与Windows Mobile等智能操作平台），用户在使用键盘输入时须把手机转90度来使用，因而屏幕内容也要随之切换。这样的设计在操作性方面有着独特的优势，尤其在输入文字以及其他操控方面，能够拥有比单

查看全文: http://www.udpwork.com/item/6529.html

导航是互联网网站最重要的组成部分之一，它涉及到产品的信息架构、页面布局和用户交互行为等诸多方面。一个网站用户体验的优劣往往和导航的优劣有密切的联系。

随着移动互联网的发展，越来越多的网站以移动网站的形式移植到手机上。在网站移植过程中，导航的重新设计有什么变化和设计要点呢，本文尝试做出一些研究。

导航的目的

在研究导航之前，我们不妨从导航的使用目的谈起。如果把网站比成一座大厦，那导航可认作是大厦内的指引系统。导航的使用目的归纳起来主要有以下几个方面：

1. 引导用户在网站页面间移动和浏览，提供获取信息的路径。全局导航、局部导航等都是为了用户浏览相关的页面提供引导，方便用户找到所求。

2. 理清网站各部分内容之间的关系，使用户

查看全文: http://www.udpwork.com/item/6487.html

手机端的文本输入受到使用环境、网络状况及设备本身条件的制约，使其用户体验的改良成为一个老生常谈的话题。如：一直在改进的输入法，新输入方式的探索（语音输入），甚至想尽种种办法去避免输入……

文本输入本身是一个从无到有的过程，是让用户将空白的输入框填满的过程，本文避谈一些尚未经过易用性测试验证的创新设计，从本人的日常积累和实际经验出发，以文本输入框作为设计对象，从帮助用户认知及简化用户操作这两个维度来探究这些看似简单空白的小条能否生长出大智慧。

无中生有之“引导词”——帮助用户认知

手机端的界面空间可谓寸土寸金，很少有空白的区域。而用户在面对界面中一片空白的区域时往往会产生紧迫感甚至有些不知所措。如果在这片空白里增加一些“引导词”

查看全文: http://www.udpwork.com/item/6437.html

较慢的网络连接速度以及文字输入不便一直是困扰移动端体验的两大限制因素，它直接决定了用户在使用移动端搜索时的行为，比如人们不愿意在手机端输入大量的文字，对于搜索的结果，希望能够减少翻页查找的时间等等。Tap-Ahead的设计模式，则通过利用减少文字输入以及最大限度的利用带宽能力，将这种本来的移动限制条件转变为一种机会，提供给用户全新的使用体验。

Tap-Ahead的方式其实很简单：在用户搜索时，输入关键词后，通过不断给用户提供“流行关键词建议”来避免输入，并减少从输入到最终搜索结果页面之间的间隔时间 。

下面以一个实例来说明：

比如，用户需要找 “哈利波特和密室“（Harry Potter and the chamber of

查看全文: http://www.udpwork.com/item/6190.html

2011中国交互设计体验日在北京举行，elya和Alex代表百度MUX出席并主持了“用讲故事的方式来做手机产品交互设计”的工作坊。本篇博文是针对该工作坊的总结，也算给刚过十一长假奔波回来的同学们收收心。

一、手机产品交互设计

十年间，从小屏到大屏，从按键到触摸，从电话到智能终端，移动设备发生了太多的变化。手机已经可以逐渐替代相机、导航仪、游戏机、视频播放器、网络设备，App Store里的25万个应用、65亿次下载量让开发者看到了希望，苹果最牛的地方不在于体验的精良，而在于构建了新的移动生态系统的战略眼光。

1. 移动设备有哪些独特的优势呢？

· 真正的个媒体时代

· 永远在线的大众媒体

· 永远随身的媒体设备

· 内

查看全文: http://www.udpwork.com/item/6050.html

按照我的理解，场景、任务、用户可以称之为设计的三要素，每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的。同样的设计遇到不一样的场景就会有不一样的方式，从Web设计到移动产品设计亦然。

曾经有个朋友问我，从Web设计到移动产品设计你感觉最大的差异点是什么？我觉得，最大的差异点在于用户使用场景的变化，场景的变化引发了交互方式巨大的变化，从而也使得信息呈现方式有所不同，再加上硬件设备的差异，最终使得2者千差万别了。所以，移动产品设计之设计应该首先从用户的使用场景出发，同时考虑用户的硬件设备差异，综合以上2点去帮助用户完成某个任务。

当然，从生态系统的角度而言，移动生态系统也是迥异与互联网生态圈的。移动生态系统可想象成拥有许

查看全文: http://www.udpwork.com/item/6027.html

栅格系统应用于设计领域已经至少50年了。栅格化让眼睛浏览信息更加愉悦。从报纸、杂志，到手机界面，栅格系统全面渗透到各种信息传达的界面当中。我们从一个故事开始栅格系统探索之旅吧！

栅格系统的诞生

1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的，重视功能性的新字体。

委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印刷版面就有2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试

查看全文: http://www.udpwork.com/item/5965.html