han8888的专栏

无论是设计低保真草稿还是高保真的模拟原型，线框图都是从基本的布局开始；良好的布局是顺畅视觉流程的开始，同时也奠定了最终访问效果的基调；布局是一个画地为牢的过程，什么东西放在哪里一旦基本确，界面就大体确定了；设置条条框框并不是为了限制界面设计师的发挥，而是要达到页面之间的协调和整个网站的统一；本文作为系列教程的第二篇文章，将讲述如何进行基本布局和需要注意的问题。分析屏幕的复杂度依照页面逻辑架

我们不断地从各种地方，听到各种关于用户体验优化的技巧或提示，其中许多乍一听都很富有逻辑，但是假如我们能找到真实的数据和报告去验证这些理论或猜想，显然就能更好地确认预期效果。本文讨论一些用户可用性方面的研究发现，这些研究结果的获取，主要通过视觉轨迹、数据统计报告、以及关于网站可用性改进方面的调研。你将会发现，许多可用性优化的提示是众所周知的，但是得到了更好的数据支持；与此同时，你也能得到一些惊喜

页面线框图（Wire frame）是网站设计方案中的重要组成部分，无论是I-Board、Page-Layout、UI-Draft这些不同的称呼，它们的本质都是一样的，网站策划师、网络产品经理的最后交付文档，通常的呈现设计是最直观有效的。单纯从设计的角度，线框图也可以看作一个视觉呈现过程，虽然如此，也不能把线框图的设计当作简单的视觉问题。如何看待线框图，如何着手设计线框图，如何把握线框图的详细程度，

绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。一、线框图的好处：让项目组成员在初期就可以对网站有个清晰明了的认知能激发设计师想象力，使其在创作过程中有更多发挥空间给开发者提供一个清晰的架构，让他们知道他们需要编写的功能模块让每个页面的跳转关系都变得清晰明了很容易的改变页

这是一篇老生常谈的问题，所以若有人已经了解，请自动忽略好了。这也是在一次和PD的交流培训会上再次提出的老问题：究竟线框图为什么要画，以及如何画。至于线框图为什么要画，就不在这里聱述了。相信已经有很多人写过类似的文章，当然，如果你还有疑问，可以给我写邮件。现在就是如何画的问题。这不是很简单吗？一个简单的线框图，断不得比一个精美的视觉图更花费时间吧？也不需要美学的基础，也不需要精细的加工，

1）关注用户：要以用户痛处为契机；把用户需求放在第一位。2）快速迭代：经过开源、云计算、网络商店降低的开发成本，先推出 Minimally Valuable Product，每周更新，专注很少新功能，小团队，快动作，敏捷地开发验证，直到可解决用户痛处，然后才开始推广。3）数据导向：用互联网的特性获取用户使用轨迹，做 A-B Test 理解用户需求和选项，从中判断如何设计产品和排序功

流程图(task flow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤用一个节点来表示，用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的。但是流程图也分为两大类：一类是产品经理或者技术人员在开

对于任何一个开发项目来说最大的错误可能就是没有计划。最近，有些人认为开始前无需计划，一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使用的程序的第一步。本文将要带你了解线框图整个的流程；包括涉及参与人员，工具等，以便您能够更好的制作计划。1）了解自己的目标作为一个开发人员我想大家都有马上坐下来开始编码的

一、先捋清楚概念，UCD是什么，UED是什么，PM又是什么。互联网行业整体发展的情况是参差不齐，很多人一直不明白UCD是啥？UED是啥？交互设计师是啥？产品经理是啥？所以不得不引出以下几个名词：UCD是啥？UCD是概念，不是指人。UCD= User Centered Design是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心，强调用户优先的设计

看惯了淘宝阿里旺旺的UED团队做的图，突然有点冲动，组建一个属于我们自己的UED。没有阿里、百度、腾讯等大型互联网公司有专门的UED团队成员，但我们凭着自己团队合作成立了属于自己的手机客户端UED。1、需求调研与分析：任何一款产品都需要对这个市场进行调研，包括会存在的对手分析以及已经存在的对手，包括短时间内会有多少公司会同样开发相同的产品，以及开发这个产品的门槛。

去年年初接手了一个网站，一边带团队，一边招兵买马，前后陆续面试了不少人，有那种刚毕业但是对产品设计充满憧憬的，也有那种原本做运营、做开发希望能转行来做产品的，当然也不乏一些有相关经验的人。每一次在面试他们的时候，我都会想，坐在我面前的这个人，究竟愿意在这行做多久？倒不是怀疑他们能否胜任这份工作，而是一旦踏入这行，你会发现它很难跟个人的生活分离出来。当你和女朋友逛街的时候，突然说出一句“我觉得这件衣

本周和PD们进行了一次《线框图以及Axure入门》培训。这是应几位PD的需求，他们也要学习如何设计线框图，所以想更加高效进行入门。在场的有UED，有PD，我发现，对于两者都要画线框图，引发了一些讨论，这也是我事先预想到可能会引发争议的部分。其中有个PD讲，有一次，老板是要求她来画线框图给他看的，她花了很多心思在线框图上，结果交付给交互设计师的时候，交互设计师不知道如何进行发挥了，交互设计师

在风起云涌的互联网浪潮中，产品迭代的速度越来越快。随着用户需求的激增，也不断带来了对设计师能力要求的提高。初入交互设计领域几年来，明显发现可视化的内容远比文档的更易于被用户(以至我们的客户)所接受，就像用户研究项目中常说的一句话：“用户怎么说的，并不代表他们怎么想。”今天以“原型设计”为基点，与大家展开几点做简要的分析。一、什么是原型设计？　　首先，让我们看看在体验设计的过程中

职责是什么1、 贴近用户，能从用户的角度想问题产品最终是要给千千万万的人使用的，不能非常自我的来想问题，要站在最终用户的角度来看问题，并能了解用户如何想，如何用的，这是根本。另外，自已本身也应是该产品的重度用户，能体验到一个用户使用中的基本问题，但是，尽管如此，也不要认为自已就是最终的用户，这是有区别的。2、 分析需求，能从中提炼出问题的根本用户的反馈有千千万万，我们要

互联网上无论是哪一家网站，都会把用户体验放在很重要的位置，无论这个这个网站是提供服务的还是提供产品展示的，一个好的网站，一定离不开好的用户体验。那么用户的访问习惯不可能都一样，怎么才能照顾到大多数的访客习惯呢?本文想说的是，简单---是永远都不会过时的良好的用户体验。      怎么理解这个简单呢，它并不是说网页提供的内容尽可能的少，页数也非常的少，内容也很简单，恰恰相反，简单并不代表少，

网站体验，指的是利用网络特性，为客户提供完善的网络体验，提高客户的满意度， 从而与客户建立起紧密而持续的关系。网站体验的分类1、感官体验：呈现给用户视听上的 体验，强调舒适性。2、交互体验：呈现给用户操作上的 体验，强调易用/可用性。3、情感体验：呈现给用户心理上的 体验，强调友好性。4、浏览体验：呈现给用户浏览上的 体验，强调吸引性。5、信任体

已经有很多企业在用户体验方面已经小有所成，先不说IT界的惠普、金融界的招商银行、餐饮界的肯德基，这些企业的“大”、“高”、“远”，已经让很多企业的学习动力望而生畏，我们找个近在咫尺，短期内伊始便迅猛成长起来的电商零售界的漂网，就足以成为用户体验方面的领军企业了。很多人了解漂网以为只是因为“惊喜”而得，但是佛家般若也有意表，每个表象背后都有许多本质作为支撑。也就是说，不做好很多本质的事情，难求某一表

网站首页一般会有三个核心价值点。这三点是最容易吸引客户的。一、网站主题;二、网站导航;三、首页内容第一条很重要，你的告诉用户我这个网站是干啥的。第二条是让用户选择的，他已经基本了解你网站是做什么的后，你通过导航就可以告诉他，看看有没有你需要的。第三条是最具体的，你善于把用户最需要的产品放到首页，用户一进去网站就会发现自己需要的。中国人有个特点，那就是他也不知

首先分享一句话：用户是没有错的，如果用户在使用某物品的时候遇到麻烦，那是因为设计出了问题。　　——诺曼《设计心理学》　　认识用户　　用户永远都没有错。　　用户都是特别忙，特别没有耐心的人。　　用户永远都比你想象的聪明。用户体验对产品的重要性　　不论用户访问的是什么类型产品，都是一个自助的行为。他们所能依靠的只有自己的智慧和经验来独自面对你的产品，即便是所谓的说明文档，新

一、先捋清楚概念，UCD是什么，UED是什么，PM又是什么。互联网行业整体发展的情况是参差不齐，很多人一直不明白UCD是啥？UED是啥？交互设计师是啥？产品经理是啥？所以不得不引出以下几个名词：UCD是啥？UCD是概念，不是指人。UCD= User Centered Design是指以用户为中心的设计。是在设计过程中以用户体验为设计决策的中心，强调用户优先的设计

前言IPAD女人杂志，得到这个项目需求的时候，说实话整个项目团队对这个产品都还不是特别的了解。那时IPAD才刚刚上市，而且大家对于专门针对于ipad这样尺寸的无线终端所开发的新一批APP应用也还都是刚刚开始接触。提到“电子杂志”首先想到的更多是一些以FLASH动画作为主要媒介的视觉杂志。所以对于这样一个技术上要抛开FLASH，设计上要从纸媒到新的传播媒介的转换，我们都是“摸着石头过河”。项

1、不要把UI设计、前端技术的人放在技术组，把他们放产品组；很多创业项目往往最后实现的效果都不到当初设计的70%；究其原因，“时间和成本”以及“技术实现能力考虑不够”占很多；但，往往我们发现其实并非是技术作不了，而是技术实现时没有很好的理解产品设计，或者没有像设计产品时一样一丝不苟的思考每个细节。这种实现效果的打折其实是最可惜的，而且比例很大。虽然，我们说大家都是一个团队的人放在那个组

前言什么是原型呢？    产品原型简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。    就我个人而言，目前使用频率最多，最高效，交互效果最好的原型工具是axure。今天给大家介绍一些我在工作中使用axure的经验。主要从交互设计中涉及的三个主要步骤进行说明：

不对需求进行规划，直接让你的程序员进如开发流程，这种做法绝大多数情况下带来的只能是项目的失败。而线框图就是一种很好地能清晰表达出项目需求的工具，它能让脑中的想法通过按钮、线段和其他形式表达出来。1.明确目的理想很丰满，现实很骨感。对于真正有过项目经验的人，想像中的东西落实起来并非一帆风顺，困难、阻碍、磕磕碰碰总是免不了的。使用线框图的好处之一就是可以高效地分析表达出你的需求，之后我