即便你的产品90％的时间都运行良好。但是如果在用户需要帮助时置之不理，他们是不会忘记这一点的。——《getting real》 我们有时候不能不面对产品出错的时候。无论设计得多么用心，无论做了多少测试，用户仍然会遇到错误和问题。既然出错不可避免，那么如何进行容错性设计才是关键。 容错性设计就是当错误发生时，人们看到的界面。 就像对付不该发生的错误一样，容错性设计的关键在于“做好防御”。产品设计者们必须不断寻找可能造成用户困惑和不满的出错点。好的防御性设计决定用户体验的好坏。 举个例子： 有没有人注意过进入银行ATM机可以有多少种刷卡方式。答案是八种！而正确进入方式只有一种方式。
Archive for the ‘交互设计IXD’ Category
做交互设计偶一直觉得要＂先考虑人，再考虑像素＂ 也就是说要asking first, thinking next, design last. 先从了解需求开始，之后对需求进行分析，最后再进行设计。 需求一般来自产品经理或用研。那么对于设计师来说，对需求进行分析便是第一步，也是非常重要的一步。 如何进行需求分析呢？这里介绍偶的一种方法，也或是一种结构化思考的过程。 衣柜整理法 为啥叫衣柜整理法呢？先留个悬念。我们先来看看从产品拿到的需求是神马样子的吧。 比如某天收到产品经理发来的一份需求。这是一个关于使用照片装扮并分享的app。一张excel表里面包含n种功能列表。（老实说功能并不是需求）需求如下： 刚看到的时候会不会有点头大。这时候就可以使用＂衣柜整理法＂啦。先想下平时是怎么整理衣柜的。 首先，将衣柜里的东西全部取出来，放在床上。
之前写过一篇关于andoid和ios对比的文章——乔布斯改变移动未来的人。 人们通常认为苹果是靠iphone卓越的外观设计轻松取得5%的移动市场份额和他人望其项背的利润，但老乔自视苹果是一个缔造优质软件的企业。他曾夸口苹果在软件上的水平要领先业界5年。今年ipad2发布的时候 乔布斯还是没免俗的演示自己开发的应用。老乔让两大软件主要负责人出场并介绍包括iMovie在内的软件产品，并赞赏有加。 其实这一切都是老乔在向app store的开发者传递一种信息。利用苹果自带原生app或者推广的app告诉开发者和消费者“标准”，以这些原生app让开发者和用户了解、熟悉交互操作和平台特点。 举个栗子：）
很久以前看过一本书，讲的是一些设计师如何把已有产品、品牌进行重新设计，既保持原有特色，又焕然一新。工作中似乎充满着“再”设计，无论是网站改版，还是外面产品的复制模仿，或是一些成功产品的跨平台、操作系统的移植…. 尤其，随着移动app的发展和升温，PC端的产品有逐渐向手机端移植的趋势。如何将一款pc端产品成功移植到手机端，必然要对交互操作进行“再”设计。 从pc到iphone的“再”设计 目前来说，需要移植的多为用户量比较大，相对成熟,数据累积丰富的产品。保持原有特色和常用功能让设计师觉得踏实。但麻烦往往也常来源于此： 网站结构层级在pc端往往很深。 但是，移动界面的信息架构往往不适合设计很深的层级。层级深容易让用户迷失，也不好找回主页。 pc端因为有导航和面包屑的辅助，逻辑和轨迹也不难寻找。但是手机屏幕和操作系统限制，多于三级，用户就不再好操作。 在iphone guildline里对于面包屑也提出尽量勿用的提示。 有人说手机交互是让设计师最能发挥的地方。我觉得没错。交互设计师眼中优雅的产品往往都是“小而简单清晰的“和重视用户使用目的流程的。
我常被问起：“你是做什么的？” “交互设计师。” “交互设计是做什么的？” 我很尴尬的解释一堆：“！@#￥%…….” 对方更是疑惑：”那….是不是网页的视觉设计？” ……… 网上搜到一张图，发现不只是我，很多交互设计师都存在困惑。缺乏职业存在感。 交互设计的特色之一——“虚” 交互设计似乎是个很难解释，有点”虚、空、玄“的东西。互联网的快速发展，交互设计少了些可以借鉴的方法。交互设计这个行业似乎只能靠前人经验、自身灵感、悟性体会，江湖中野蛮发展着。简直就是武林中的内功了得。 交互设计的特色之二——纠结，有木有！ JJg在《用户体验要素》中，将交互设计设置在结构层。
最近，同事爷爷八十岁高寿，他送了台Ipad。我们都笑他自己太潮，这高科技的玩意爷爷怎么会接受。没想到他说：“爷爷拿起就使，玩愤怒的小鸟、Tom猫、听歌都妥妥的。” 这真真是个很奇怪的现象： 为什么ipad无论老人小孩都会用，基本操作甚至很少需要别人的协助和说明书！ 究竟是孩子容易接受电子产品？还是电子产品容易让孩子接受？ 这不仅让我思考，什么样的设计才能“童叟无欺”，老人、孩子都可以流畅使用。那么，交互设计不该是“精英化”的，更该是“傻瓜式”的，去追求一种更“本能”的操作，就像吃饭穿衣一样简单。 如何才能让设计理解成为“用户的本能”？ 1、理解你的用户 要把用户看作崇尚简单的、挑剔的、迟钝的、很忙的：能少键入就少输入，能少点击就少点击，能少思考就少思考。 而产品则要做个好好先生：做到体贴的、温暖的、宽容的、有安全感的、易理解好沟通。有些时候为不给用户不必要的干扰，很多压力和责任都要后台默默的扛起来。 2、充分理解、引导用户的行为流 一方面要了解用户可能的点击流程，做到让用户每一步到下一步都随心所欲；另一方面产品要有良好的信息架构，操作引导要高逻辑，但要好理解。
和一位视觉设计师讨论UED分工的时候，他说：“交互设计做的就是逻辑。”听起来似乎没错：互联网交互做得最多的就是点击、跳转。无论target到另一个page是_self还是_blank，无论信息架构的sitemap，还是导航，似乎交互做的就是一个纯理性、高逻辑的活儿。 直到有一天向臭鱼请教一个产品的设计时，我才意识到被忽视已久的问题。 这个产品大致需求是这样的： 一个图像上传产品。用户可以设置一张显示，也可以设置一周自动轮换。每个选择会为用户提供推荐图片。 开始我设计的流程大致如此： 除此之外，我还做了低保真的线框草图： 线框草图第一张：一进来让用户选择方式 臭鱼看后，只问了我一句：“你说的这种一步步的设计方案，你觉得这种方式有什么不足吗？” 我听了开始一愣，觉得这简单、清晰的流程，用户不该产生疑惑啊，会有什么问题呢？后来突然领悟：这看似无破绽的流程只是我个人的YY，用户未必照单全收。
信息架构归根究底的是让用户快速找到想要的信息，无论导航、类目，还是搜索都只是用户选择的方式。但面对庞大的内容和纷繁复杂的操作，网站信息究竟如何组织才能让用户顺利完成任务？这就涉及到信息架构（IA）。信息架构听起来似乎是个很复杂的活儿，让人无从下手。这里有种超简便的方法，利用任务角色（persona）帮助我们轻松掌握架构。 这种方法被称作概念模型法，也叫概念地图。个人觉得在初期，头脑风暴焦点小组讨论或者交互初期理解工作流时特别好用。不仅可以用在开会思想交流，还可以辅助梳理逻辑。最大的好处就是可以快速地大致估计网站包含多少页面（这个对早期项目估时很重要~） Getting start开始准备——那些必不可少的要素 1、人物角色 用户体验的常规流程总要涉及到人物角色（persona）。建立人物角色非常重要：谁是你的用户，他们来到你的网站做什么？公司战略上产品要主打哪些用户，整个项目中如何保持团队认同不产生偏差？其实，除此之外它还是信息架构的好帮手。 有了人物角色，除了身份我们要分析他们来网站的不同目的，他们采用什么方式来到网站。比如某B2C电子商务网站，使用者主要包括购买者、买礼物的人、通过EDM(email营销)进来的人和退货者。如图所示： 中间黄色的圆是我们的网站系统。各类用户分布在旁边。
有人说互联网是个虚拟真实的世界，有着和现实密不可分的关系，就像梦境中同样会出现生活中的场景。 互联网不是梦境，但我们需要盗取现实中的元素，让用户容易理解并且轻易上手。有时候你会惊异的发现，互联网几乎所有产品都是现实生活和需求的缩影，除了纯粹虚幻的网游，没有生活元素的网络产品不易存活。 就像《Don’t make me think》描述的我们在现实中购物的一个典型场景：我去买一把链锯。进入商场大门，我会猜：“他们会把链锯放在哪里呢？”进入商场后会不自觉扫描墙上各个种类货品的名字。 那么该选择工具？还是草坪和园艺用品呢？之后我决定朝工具部方向走。到了工具部继续查看指示标志。 当我开始查看具体的产品的时候，发现错了，于是返回到上一级的草坪和园艺用品部重来。 或许，中途我改变主意，选择询问一名工作人员。于是整个购物流程看起来像是下面的样子。
一般交互设计初，最容易忽略掉一些特殊状态的设计。往往在测试后，会出现一大堆的问题，不但延误工期，上线时还会影响体验。 getting real提出对于每个界面，都要考虑可能出现的三种情况——常规、初始、错误三种状态的设计。 常规：即一切运行正常时候的界面，用户看到有内容的界面。这个人人皆知，也是花去最多时间的地方。 初始：用户第一次使用，在没有内容前的界面。 错误：有错误发生时，用户看到的界面。 常规界面自不必说。初始和错误状态却是常常被忽视的两个状态。 产品在初始状态下是没有内容的。当新人注册都会先从初始阶段开始。多数设计和开发童鞋来不及思考初始状态就被常规状态满满测试数据占据了。但就是这个内容和信息量最少的阶段，很多用户会在初始界面时决定产品是否值得一用。忽视初始界面绝对是个大错误。要知道，初始界面是产品给人留下的第一印象，永远不会有第二次这样的机会…… 乔布斯一定是深深理解到第一印象的重要性……无论是打开IPHONE盒子时的悸动还是OS x操作系统的安装和初次运行的体验，也许乔布斯在考虑初次运行时会想，它可能是一个用户使用产品最重要的一次，因为人们对它寄予了期望并形成产品初步的印象。——John Gruber 一个有用的初始界面应该包含什么： 作为添加新手指南和热门推荐的机会。 讲解如何上手，页面最终呈现样式等 新浪股票对第一次进来的新手进行功能教程。让用户熟悉界面操作，了解产品功能。