友情链接
把握交互的第四维 — 时机关系
日常的交互设计工作中，设计师在明确了需求目标、用户场景，搭建了信息结构之后，下一步便是构思如何让这些信息与用户之间产生有效的互动，而这就需要设计师将思路放在时间的维度上一步步的推进，这中间，便会产生许多关于“时机”问题的讨论。
产品的商业化一定会破坏用户体验吗？
一边是产品的商业需求，它可以改善产品的市场表现，为企业带来利润。另一边是用户体验需求，它可以改善用户使用感受，提高用户满意度，使之获得更多的用户喜爱。产品经理和设计师经常会遇到这样两难的问题。
不可否认，所有的产品在它的生命周期内，都会遇到一系列破坏用户体验的商业需求。比如，设计师被产品经理要求在显眼的位置提供一个弹窗来通知用户，让用户去下载关联APP，通过这种强有力的方式来提高APP的下载量。
但我认为，破坏用户体验的最大原因并不是因为产品的商业化，而是因为产品的设计者缺乏对用户的了解导致的。比如提供非目标用户非当前场景所需要的功能，或是设计违反目标用户习惯的交互方式等等。
浅谈服务设计
做交互设计也有好几个年头了，最近一直在思考一个问题，我们这些俗称线框仔的交互设计师，如何保持自己的竞争力，我们的未来会是怎样的？
网易云音乐iPad V1.0 设计总结
当网易云音乐iphone平台上线的那一刻开始，项目组就不断地收到了很多用户希望iPad平台早日上线的呼声。这种期待给了我们一种无形的力量，也让我们更加坚信我们不能随随便便地把iPhone的所有设计照抄照搬，简简单单做个适配而已，哪怕它是一个用户为数不多的平台，我们也要从“心”开始，给喜欢音乐的朋友一个有诚意的专属于iPad平台的音乐产品。
1 4
14,701
0
![下半年，大大小小的活动做过几个，活动交互设计和产品的交互设计有很多相似之处，比如用户都是很懒的，漫不经心的。不 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2015/01/活动交互设计二三事.jpg "活动交互设计二三事")
![对于移动应用来说，移动情景非常复杂，设备也很多样。那么在设计之后，设计评审之前，你的交互稿考虑的细节是否完善， […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2015/01/如何建立交互设计自查表.jpg "如何建立交互设计自查表")
![原文作者:Paula Borowska 文章来源：designmodo 提升用户体验的最好的方 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/12/转译5种方法提高你网站的登录体验.jpg "[转译]5种方法提高你网站的登录体验")
![原文作者：Laura Busche 文章来源：Smashingmagazine 前言： 设计师Pa […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/12/转译低保真原型初级指南.jpg "[转译]低保真原型初级指南")
![首先我们来看下面这幅图：左边是Dribbble联合创始人设计师Dan Cederholm的办公桌，非常干净整洁 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/11/5Tips–助力管理平台的信息设计.jpg "5Tips–助力管理平台的信息设计")
![“ 做过这么多产品迭代分析，却依然找不到合适的方式表达。” 产品迭代分析对于交互设计师可以说是家常便饭了，隔壁 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/11/自备干货！如何有效的做产品迭代分析.jpg "自备干货！如何有效的做产品迭代分析")
![当你第一次打开一款应用的时候常常会看到精美的引导页设计，它们在你未使用产品之前提前告知你产品的主要功能与特点， […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/09/由引导页说开来.jpg "由引导页说开来")
![项目背景 Windows Phone一直是各家公司缺少投入的平台，WP用户不得不经常面对一个成熟的APP到了W […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/09/化繁为简—网易云音乐WP1-0设计思考.jpg "化繁为简——网易云音乐WP1.0设计思考")
![前言：从需求→交互设计→视觉设计→开发上线，不到20天的时间，6月12日世界杯活动上线了。首先为我们这个团队点 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/08/从用户行为打造活动交互设计闭环——2014年世界杯竞猜活动设计总结.jpg "从用户行为打造活动交互设计闭环——2014年世界杯竞猜活动设计总结")
![项目背景 关注云阅读iPad版的朋友会发现，我们有一段时间没有更新了。针对手机版云阅读经过几轮迭代增加的云端同 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/05/打造舒适的阅读空间—云阅读iPad3-0设计总结交互篇.jpg "打造舒适的阅读空间—云阅读iPad3.0设计总结交互篇")
![外行人对交互设计的第一印象是什么？画线框图的？做草稿的？ 的确，大家所看到交互设计师的日常工作成果都是一些线框 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/04/隐藏在背后的交互设计.jpg "隐藏在背后的交互设计")
![在视觉设计工作中，大家总习惯将重点放在图标和色彩上。但实际上，作为一个阅读类app，思考如何让文章更易于阅读是 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2014/04/文字编排的易读性-1.jpg "文字编排的易读性")
![很早之前看过田中一光《设计的觉醒》和原研哉的《设计中的设计》，开始比较认同于日本对于常用设计的态度。之后又了解 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2013/11/无意识-设计.jpg "无意识•设计")
![“一个产品没用，体验再好用户也不会去用。——你觉得这句话是对还是错？”我曾在微博 里发起了这样一个讨论。 看到 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2013/11/关于用户体验的三个反思.jpg "关于用户体验的三个反思")
![我们都知道不管网页还是移动应用，响应速度都是最重要的体验指标之一，并且移动应用的网络环境不稳定，速度的体验显得 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2013/11/通过设计让APP变快的6个方法.jpg "通过设计让APP变快的6个方法")
![我们常用“字如其人”来形容一个人的字迹，也就是说一个人的性格和阅历会投射到文字上。而字体正是文字的性格，是文字 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2013/10/字体的性格.jpg "字体的性格")
![iOS7的发布带来了苹果历史上最大的一次设计风格的改变，强调依从于内容的扁平化UI、纤细的字体和鲜明的图标、带 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2013/08/创造流动的瞬间—探讨移动端交互动效设计.jpg "创造流动的瞬间—探讨移动端交互动效设计")
![改版背景 iPhone版网易云阅读在1.5之前的每次改版，都是以增加功能为目标，快速迭代为手段。发布的大大小小 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2013/03/网易云阅读【iPhone2-0】-交互设计回顾.jpg "网易云阅读【iPhone2.0】 交互设计回顾")
![一切从“整理”开始 前阵子读了佐藤可士和的《超级整理术》和《创意思考术》两本书，有了点启示，想和大家分享下。记 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2013/02/思绪的留白再重建.jpg "思绪的留白再重建")
![摘要：插画的领域很广，关于插画每个人都有不同的见解，这次我主要分享一些商业插画的风格和应用。主要分成三大点去分 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/11/商业插画的风格赏析.jpg "商业插画的风格赏析")
![逻辑（理则学），源自古典希腊语λόγος (logos)，最初的意思是“词语”或“言语”，还引申出意思“思维” […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/11/浅谈设计中的逻辑.jpg "浅谈设计中的逻辑")
![读一本书，看一份报，文字从产生之初就发挥着它不可撼动的地位，充斥着我们每个人每天的生活；然而在繁杂的文字设计中 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/10/浅析中英文基本字形的演变和发展.jpg "浅析中英文基本字形的演变和发展")
![光是生命之源，它无处不在，365日时刻与我们同在。光有明度、方向、色彩等特征。光的反射形成了物体的形象，光让我 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/10/光影之中-发现设计之美.jpg "光影之中，发现设计之美")
![产品详情展示页直接决定交易达成的关键因素之一，产品详情怎么样才能抓住消费者的心里？怎么样才能具有让你的男人尖叫 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/09/揭秘-情设营销之提高转换率.jpg "揭秘：情设营销之提高转换率")
![很多时候，团队成员面对一个新任务，即面对一个目的（做什么）时，通常会习惯性地直奔解决方案的细节，而不是先了解目 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/09/目的-目标-解决方案.jpg "目的，目标，解决方案")
![一．视觉设计的现实困境 互联网产品的视觉设计存在着很多不确定性，譬如： 你按照“典雅”去设计的，他却觉得是“清 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/08/情绪板携手视觉设计.jpg "情绪板携手视觉设计")
![译者：前两天看到一篇文章，觉得挺不错的，就简单翻译一下分享给大家。 大多数网站都挤满了小号的文字，使人阅读起来 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/08/阅读好体验的准则-100-Easy-2-Read.jpg "阅读好体验的准则：100% Easy-2-Read")
![前几天我和金凌在淘宝的UCAN上做了个关于LOFTER的设计分享。在此我把分享时用到的演讲稿奉上，希望给有需要 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/07/LOFTER的设计历程.jpg "LOFTER的设计历程")
![如今，随着智能手机、平板电脑等移动手持设备的普及，越来越多的Web网站都在向这些平台做兼容。同时，这些移动设备 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/07/跟紧时代，让你的设计更加popular.jpg "跟紧时代，让你的设计更加popular")
![HTML5在国内外越来越受到互联网开发团队的青睐。国外，谷歌兴致勃勃地开发Chrome Web Store，微 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/06/HTML5开发实战之网易微博.jpg "HTML5开发实战之网易微博")
![海报又称招贴或宣传画，是一种平面形式的宣传广告。具有画面大、内容广泛、艺术表现力丰富、视觉冲击力 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/05/电影海报中的字体设计赏析.jpg "电影海报中的字体设计赏析")
![很荣幸能代表项目组在整个部门做分享，虽然是第一次，并且存在很多不足的地方，但还是很开心很激动，毕竟又看到了自己 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/04/《视觉页面画龙点晴》分享会心得总结.jpg "《视觉页面画龙点晴》分享会心得总结")
![这段时间，一直在做印像派的商品设计，如照片书、台历之类。从网页产品设计转行过来的我，时常在想，平面设计和网页都 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/04/浅析-平面与网页设计的差异性.jpg "浅析·平面与网页设计的差异性")
![为了更客观地了解中国用户体验行业现在和未来，继2011年中国用户体验行业调查后， UIRSS.com与IxDC […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/04/2012中国用户体验行业有奖调查开启.jpg "2012中国用户体验行业有奖调查开启")
![负责LOFTER模板设计工作已有一些时间，一直没机会写写总结，趁此机会写些文字供大家观赏！ 或许大家听的比较多 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/02/LOFTER轻博模板设计.jpg "LOFTER轻博模板设计")
![为了展现页面的主题或者是贴近游戏的氛围，常常会看见游戏的页面中运用了许多不同类型的光效的渲染，一个简单的元素有 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/02/浅谈页面设计中光的特效.jpg "浅谈页面设计中光的特效")
![大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/02/简化输入-让网页表单更亲切.jpg "简化输入 — 让网页表单更亲切")
![以人为本的设计，不能不考虑普通人在一般任务执行中的耐受力问题。因为人的精力有限，再强大的需求，无力去完成也是枉 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/01/注意力与交互设计.jpg "注意力与交互设计")
![前一阵子，接到一个app切图制作加载圆形进度条的任务，看到那个小进度条转啊转的，我若有所思…同时， […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2012/01/Loading-让烦躁少一些.jpg "Loading，让烦躁少一些")
![作为一名大学刚毕业入行不久的小菜鸟，斗胆在这里分享下我对于图标设计的一些心得体会。说的不好，还请各位看客包涵指 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2011/12/图标设计的那些事.jpg "图标设计的那些事")
![开文估计少不了做一下概念的名词解释，我就引用下网络的解释吧，O2O（Online To Offline）， 将 […]](http://web.archive.org./web/20170722013359im_/http://uedc.163.com/wp-content/uploads/2011/12/类O2O概念产品交互设计的几点体会和探讨.jpg "类O2O概念产品交互设计的几点体会和探讨")