主要内容
-
交互设计那些事儿（二） 2011-10-31 23:36
《交互设计那些事儿》之一完工后，承蒙各位抬爱，在微博时代被大量转发和分享，也让我收到一些邮件，询问我下篇为何还不出来？请原谅我的惰性，每个周末都给自己找了不少借口一拖再拖，上个周末又在家里养了两天的病——在此提醒朋友们，换季季节，多喝水，多休息，少生病哈。 一. 理论前提 1. 人机交互与人类信息处理机制理论 既然产品设计出来不是给设计师用的，而是给用户用 ... ...
-
以用户视角出发的表单之旅 2012-08-19 13:12
用户使用发布表单，就像是一次旅行。旅行的目的是否能达到？过程是否让人满意？这些都决定了用户会否再来这里。 一、那么为什么要以用户的视角呢？ 作为设计师，你是否遇到过这种情况： · 我们额外加一个填写项，用来收集用户信息吧； · 我们的表单之所以复杂，是因为我们希望用户多填写内容，这些内容都是有用是； &mid ... ...
-
移动应用设计中应避免的10种错误 2012-04-26 10:16
导读：本文是来自移动应用开发公司Sourcebits系列文章Mobile App Trends Series（译者：此网站要梯子）中的一篇，文章内容适合初涉此领域的读者，现翻译如下。 在了解了跨平台移动应用设计的利弊和移动应用开发常见错误（译者：此两篇翻译中）之后，你想到了一个不错的应用创意，你甚至连应用的名字都想好了，接下来该干什么？ 现在，我们要谈谈设计了。你需要考虑移动应用的 ... ...
-
关于网页导航的一些建议 2012-04-10 22:56
网页导航是设计网站时需要考虑的一个最重要的方面。网页导航的首要的目的是让访客在你的网站简单迅速地找到他们想要搜寻的内容。高效的导航可以引导浏览者在你的网站尝试搜寻其他内容。在本文中，我们将探讨一些设计网页导航的基本准则。 有效的网页导航 在设计网页导航时，你需要将以下几点铭记于心： 1. Organized Links 组织良好的链接 确保你的链接按照重要性有序排列 ... ...
-
AXURE之变量控制不同场景的交互演示 2011-01-27 21:26
该教程适合追求axure功能使用最大化的人，并不是原型设计的目的。追求方便、快速设计交互原型的同学可以无视这篇文章。 实例演示： 演示地址（axure 6 beta生成） 原理： 1. 通过Axure的变量来记录对应的场景 2. 用master 的 onPageLoad 事件根据变量的值来判断dynamic panel对应的state Ps: 该教程实际上 ... ...
-
关于163邮箱登录框页面的改进的探索 2012-07-31 13:16
这些内容都是最近这几天收集整理了 QQ,sina,shou,hotmail,yahoo,outlook web app 和google.将其中的优点进行了整理和分析, 最后结合了163邮箱登录界面中已有的一些功能,最后制作和设计了新的登录界面.并将其整理为两张大图.本人初次制作交互流程方面的整理,不足之处还请多指教.QQ165198308 ... ...
-
如何绘制业务流程图(二) 2012-06-27 09:32
接上篇《业务流程图绘制流程分享(一)》，本篇将对上篇中间的第四部分——如何绘制业务流程图展开更多讨论。 本来写完上篇，我发现没有太多必要单纯讨论这一部分内容，因为对于很多人来讲，缺的不是具体的做法，而是做这件事情的意义以及目标性的明确。一旦对这件事情的意义和目标有深刻认同，那自然会产生较大的动力去研究How这个层次的所需方法和技能。时间管理也如此，很多时间管理技巧 ... ...
-
思维导图之用我 2010-05-25 23:27
思维导图是我生活和工作中不可缺少的重要部分，她的使用场景有很多种，午休时间，我想和大家分享一下我使用思维导图的经验，是以抛砖，意在引玉。 读书笔记与知识管理 相信很多同学都有用导图来做读书笔记的习惯，恐怕这也是导图被用得最之泛的一个功能了。我也不例外，我在读一些逻辑性强或技术性的图书时习惯使用导图来做笔记，笔记内容主要是图书的细化版大纲，再加上自己的一些评注。除了读书，我在网上看一 ... ...
-
界面的语言——图标与文案的二重奏 2012-10-06 12:06
文案在界面设计中的重要性不言而喻， 但如此重要的部分却仍然没有专属的职位不得不说有一些遗憾。今天特别结合自己这段时间的工作总结和之前编译过的一篇文章来谈一谈“文案”（Copy-writing)的重要性。 Facebook的“喜欢”和Google的“+1”间的区别咋看起来微不足道， 最终却足以影响到用户的行为和选择。使用合适的 ... ...
-
iOS的隐性导航设计 2011-10-03 12:26
移动设备阅读类软件最重要的特性之一就是尽可能的增大阅读面积，为此，就必须尽可能的让屏幕中的导航占到最小，甚至隐藏，手机浏览器也基本属于阅读类软件，最近流行的海豚浏览器甚至将电脑中的“鼠标手势”引入到手机浏览器中。 什么是隐性导航 下图是iOS中read it later软件的阅读界面，除了最上方的状态栏，阅读区域占满了整个屏幕，没有任何诸如“返 ... ...
-
根据用户的固有习惯来设计 2012-09-27 13:01
固有操作习惯的养成来自方方面面，其中最显著的就是那些来自最常规控件对用户的培养。在设计的过程中如果多考虑一下这些常规控件的使用习惯，会对可用性有所帮助。 想到之前优化好友选择器时的一个案例可以和大家分享一下： 原始版本 用户是这样使用的 1、点击“选择好友” ，发现展开的下拉菜单中有好友列表出现； 2、在好友列表中勾选需要的好友（如有需要做适当的反选操作）； ... ...
-
线框图、原型和视觉稿的区别 2012-08-03 09:16
本文为译稿 1，对三个常见概念进行了剖析。有删节，部分段落重组。 背景 两三年以前，我发现很多搞信息技术的朋友们（非设计师）交付设计时，用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype) 和视觉稿 (Mockup) 是一个东西：表达自己创意的线框手绘设计稿。 混淆概念便带来麻烦：他们分不清用户体验设计师的作品，常常感到困惑。「这按钮他妈的怎么点 ... ...
-
关于Android引导画面的多分辨率适配 2012-08-19 13:14
本文并非关于引导画面该采用何种形式、该如何定义信息、有什么注意事项方面的介绍。 本文描述的是，引导画面该如何才能较好的适配各种分辨率，了解此处有助于更好的定义引导画面，以及保持同设计师、工程师的良好沟通。 作为产品人员，需要向不同方向延伸了解一些知识，这些知识能让沟通更顺畅。 ... ...
-
差异入微——浅析电商购物流程设计 2012-09-16 10:22
畅游在各大电商网站的你，在网购时不知曾否察觉到有些小不同？ 排开具体的商品内容、视觉样式，回忆下那些我们熟悉的商品页面… 当然，这里并不是玩大家来找茬游戏的，需要火眼金睛审视于细枝末叶。我们可以从界面的细节去体验，甚至还可以眯起眼去发现点什么。 亲，你有没有想起有哪里不同？ 好吧，揭晓答案：不同点在于商品详情页面的购买按钮。 ... ...
-
一个文本框搞定信用卡相关信息的输入 2012-12-01 14:16
大家周四下午好。打破每周日上一篇译文的规矩，临时来一发。今天刚刚看到的东西，很简短的图文，介绍了一个蛮赞的交互模式，于是把拿来把译文做掉，特别推荐给交互设计师们。走你！ 移动应用的设计师们一直在努力降低用户的输入量。屏幕太小了，手指无法精准触摸，输入过程中产生错误简直是家常便饭。输入量是无法被无限制的降低的，很多时候我们更需要考虑的是怎样使输入变得更加容易。 输入蒙板是一种限制内容格式、避免输 ... ...
-
信息架构中信息类粒化简谈（二） 2011-08-02 15:25
上一篇（信息架构中信息类粒化简谈（一））写的简单了，大家看了都没有什么感觉，好吧，我承认，我弱智了….今天写的希望大家能看上眼，哪怕一个白眼…. 说到信息架构，粒化能帮助我们较快的实现标签系统，大家知道标签系统与组织系统，搜索系统，导航系统共同组成信息架构，个人认为还要加上网站布局，因为布局本身就在指引用户的视觉并做操作引导。也算是信息架构的一个 ... ...
-
原型的构建与设计 2012-05-08 11:51
继续上一章的内容，那么怎么去组织页面元素，制作原型Demo；哪些表现层面是交互设计师该重点表达的内容，原型的制作又有哪些章法可循呢？ Ⅰ. 什么是原型? 原型的概念说的简单直白些就是用户使用产品的界面模型，原型的设计主要包括三部分：①需求内容的呈现 ②导航和链接 ③数据的交换 ①需求内容的呈现 1）文本，多媒体内容的呈现 最基础的 ... ...
-
对于手势的一些思考 2012-11-20 16:02
Clear的出现引起了大家对手势操作的热忱, Google新专利采用“连续手势”也让我们看到了个性化手势的前景。确实，手势操作能够减少界面元素，提升效率；但其不可见性，抽象性，需记忆性等特点也决定了它的弊端。如何扬长避短，根据现有手势的特点在合适的情境中使用，同时根据文化约定、实物隐喻、表音、表意等发想创新手势，而非一味地追逐跟风，值得我们思考。本文结合了珊璞之前对客户端手 ... ...
-
锦上添花——多个细节帮助你更优雅地书写页面 2012-11-28 21:46
我们常以“整齐”，“易读”，“亲切”，“易于维护”，“复用性强”等来形容一些优秀的开发者所写的代码。现在，对代码的好评还有一个更为时尚的词“优雅”，是不是听起来觉得很亲切呢？ 页面是互联网产品的表现层面，不仅讲求外观，而且会应对更新迅速的互联网产品 ... ...
-
解析应用程序UI设计的15项黄金法则 2012-04-06 10:46
作者：Jake Simpson 好友曾向我展示了最新的iPhone和iPad版《极品飞车》。游戏的渲染效果令人印象深刻，是款蓄势待发的优秀游戏。但是，游戏的前端是典型的UI设计偏差案例。但界面中有大量的属性数据等内容，它在玩家没有时间做决定时提供了过多的内容。这些内容能够显著改变他们的游戏体验，但却在玩家往往感受不到变化的时候呈现。 这促使我开始思考UI设计的黄金法则。以下是我认为创造最佳 ... ...
