主要内容
-
一个文本框搞定信用卡相关信息的输入 2012-12-01 14:16
大家周四下午好。打破每周日上一篇译文的规矩，临时来一发。今天刚刚看到的东西，很简短的图文，介绍了一个蛮赞的交互模式，于是把拿来把译文做掉，特别推荐给交互设计师们。走你！ 移动应用的设计师们一直在努力降低用户的输入量。屏幕太小了，手指无法精准触摸，输入过程中产生错误简直是家常便饭。输入量是无法被无限制的降低的，很多时候我们更需要考虑的是怎样使输入变得更加容易。 输入蒙板是一种限制内容格式、避免输 ... ...
-
微博Mac客户端的设计之殇 2012-12-01 14:09
事实上，微博已经一点也不微了。 图片、视频、音乐、投票、微刊、问答等一系列的附加功能，已经让微博流动的时间线早早的远离了只有简洁文字的时代，甚至于“聪明”的中国人还发明了“长微博”这种东西，以应对每条微博140字的限制。 在长微博最开始出现的时候，那时候发长微博的人起码会在内容里留一个内容网页链接，以便内容更好的传播更好的阅读；但是现 ... ...
-
锦上添花——多个细节帮助你更优雅地书写页面 2012-11-28 21:46
我们常以“整齐”，“易读”，“亲切”，“易于维护”，“复用性强”等来形容一些优秀的开发者所写的代码。现在，对代码的好评还有一个更为时尚的词“优雅”，是不是听起来觉得很亲切呢？ 页面是互联网产品的表现层面，不仅讲求外观，而且会应对更新迅速的互联网产品 ... ...
-
对于手势的一些思考 2012-11-20 16:02
Clear的出现引起了大家对手势操作的热忱, Google新专利采用“连续手势”也让我们看到了个性化手势的前景。确实，手势操作能够减少界面元素，提升效率；但其不可见性，抽象性，需记忆性等特点也决定了它的弊端。如何扬长避短，根据现有手势的特点在合适的情境中使用，同时根据文化约定、实物隐喻、表音、表意等发想创新手势，而非一味地追逐跟风，值得我们思考。本文结合了珊璞之前对客户端手 ... ...
-
在熟练使用2B铅笔前，请不要打开Axure 2012-11-19 08:44
在互联网产品领域，Axure已 成为产品经理、产品设计师以及交互设计师的必备工具，从某种程度讲，Axure帮助我们建立低保真模型，便于与用户的需求验证，也帮助我们构思交互细节， 使前端和开发人员更容易理解我们的产品；但从另一方面讲，Axure绑架了我们的思维，让很多产品经理和设计师养成了“无Axure不设计”的恶习，忽略 了用户故事、功能规格和信息架构，甚至走入&ld ... ...
-
高效，不高效 2012-11-14 09:40
Alan Cooper“以目标为导向的设计（Goal Directed Design）”认为：产品的设计是为了帮助用户实现目标，在实现的过程中，不得不要用户去完成一系列任务。 就好比用户的目标是回老家，他可以坐牛车倒马车换公车再挤火车…最后晃荡到家。也可以打个飞的，风一般的回家吃着热饭热茶。虽然目标相同，但是执行的任务却不相同。 一直以来，我坚 ... ...
-
浅谈WEB产品信息架构 2012-11-10 09:05
在产品设计过程当中，确定信息架构是排在原型设计之前的，原先以为信息架构只是要确定产品的内容结构，如导航、内容版块等，现在了解下来发现其实并不是这么回事，信息架构包含了很多的内容，这里就自己所了解到的做一个简单的介绍。信息架构的英文是Information Architecture，简称信息架构，是美国建筑师沃尔曼 （Richard Saul Wurman）先生在1975年创造出的一 ... ...
-
关于专题设计，你怎么看？ 2012-10-24 09:38
认识专题 页面特性：产品页面简洁易用，专题页面绚丽视效印象深刻。 在页面设计当中，产品页面（如facebook 微博 twitter 微吧等）的设计。注重功能，交互，设计要考虑用户长时间的浏览体验。视觉上侧重间距，布局，按钮和logo,及icon样式。注重规范和视觉识别性。样式通常简洁易用，绚丽元素少，视觉上并不强调冲击力。 专题页面时效性有限（大多专题是有推广及活动时间限 ... ...
-
界面的语言——图标与文案的二重奏 2012-10-06 12:06
文案在界面设计中的重要性不言而喻， 但如此重要的部分却仍然没有专属的职位不得不说有一些遗憾。今天特别结合自己这段时间的工作总结和之前编译过的一篇文章来谈一谈“文案”（Copy-writing)的重要性。 Facebook的“喜欢”和Google的“+1”间的区别咋看起来微不足道， 最终却足以影响到用户的行为和选择。使用合适的 ... ...
-
《Don’t Make Me Think》读... 2012-09-27 13:10
Don’t Make Me Think——不要让用户思考，不要让用户做复杂决策 花了几个小时看完《Don't Make Me Think》这本书，对于我这样一个初学者+门外汉来说，真是受益匪浅。全书一贯沿袭外国书籍特色，没有多余的废话，到处洋溢着实用、轻松和实在，不是简单的观点堆积和 ... ...
-
设计原则传遍中国总结 2012-09-27 13:02
经过3个多月的设计和制作，#设计原则传遍中国#在今天将告一段落；在过去的这段时间里，@百度商业UED的设计师们运用精炼的语言、形象的案例和切身的经验深入浅出地分享了这24条设计中的常用原则；在这里，我们对这些设计原则进行一次总结，共同重温这24条设计原则。 1、【包容原则】体现爱的设计，包容错误的情感。人非圣贤，再优秀的产品也没办法避免 ... ...
-
根据用户的固有习惯来设计 2012-09-27 13:01
固有操作习惯的养成来自方方面面，其中最显著的就是那些来自最常规控件对用户的培养。在设计的过程中如果多考虑一下这些常规控件的使用习惯，会对可用性有所帮助。 想到之前优化好友选择器时的一个案例可以和大家分享一下： 原始版本 用户是这样使用的 1、点击“选择好友” ，发现展开的下拉菜单中有好友列表出现； 2、在好友列表中勾选需要的好友（如有需要做适当的反选操作）； ... ...
-
如何描述你的产品 2012-09-21 16:24
引 有没有给你娃或亲戚朋友家的娃取过名字，翻了新华字典，又翻英汉大字典？有没有在绞尽脑汁想页面中的某个按钮到底是叫“取消”还是叫“放弃”？有没有给某个心仪的姑娘写过信，总是想写一些深情款款又打动心弦的话语，可还没写完一句话，就撕了一地的信纸？有没有对别人的设计评头论足，然后忍不住骂**产品设计人员真是个大傻逼，这个词明显不能代表**功能嘛？有没有某天 ... ...
-
差异入微——浅析电商购物流程设计 2012-09-16 10:22
畅游在各大电商网站的你，在网购时不知曾否察觉到有些小不同？ 排开具体的商品内容、视觉样式，回忆下那些我们熟悉的商品页面… 当然，这里并不是玩大家来找茬游戏的，需要火眼金睛审视于细枝末叶。我们可以从界面的细节去体验，甚至还可以眯起眼去发现点什么。 亲，你有没有想起有哪里不同？ 好吧，揭晓答案：不同点在于商品详情页面的购买按钮。 ... ...
-
AxureRP教程—变量使用进阶 2012-09-14 17:31
变量是AxureRP当中交互设计的精华所在，很多交互功能都需要用到变量，以达到更为丰富的展示效果，才使AxureRP能够实现大部分现有WEB产品上的交互逻辑。但变量也相对来说较难掌握，一般都需要对AxureRP有较为深入的使用了解之后，才能逐渐的掌握变量的使用，很多朋友使用AxureRP就是简单的堆砌一个静态的页面出来，那是根本用不到像变量这样的高级功能的，只有复杂的动态交互才会涉 ... ...
-
意见反馈—小功能大设计 2012-09-13 20:51
意见反馈的功能，大家都已经熟悉的不能再熟悉了，却往往在设计的时候忽略掉这个功能，使产品在上线之后没有渠道供用户去反馈，造成初始产品信息收集出现障碍。或者是这个功能设计的太过随意，让用户在使用的时候非常不顺畅，用户体验很差，这样就造成用户反馈问题积极性的下降，也降低了用户的参与度。一个线上产品，没有用户热心的来反馈问题，这是比较可怕的，因为这就等于关闭了与用户交流的一扇窗，不得不靠闭 ... ...
-
让文字讲好banner的故事 2012-09-13 16:35
关于banner设计的话题相信之前已经有很多设计师发表过自己的经验分享，让人看完以后也是感慨良多、受益匪浅。但是这并不妨碍我们再一次提起这个话题，每个设计师的工作方法和设计的切入角度都是不同的，今天我想跟大家着重谈谈banner中的文字设计，如何设计好banner中的文字，让文字和其他元素相辅相成达到和谐的统一。就算只是抛砖引玉，能让大家得到一丝共鸣，产生举一反三的作用，也是非常欣慰的。 ... ...
-
分页还是加载，这是一个问题 2012-09-06 10:01
无论是在web页面还是手机应用，信息往往无法在一个页面全部展示，这就需要用到一些可以扩展页面信息的交互模式：分页（Pagination）和加载（Continuous Scrolling）。分页和加载都是非常常见的交互模式，我们每天都会遇到，也正是因为太常见，我们甚至感觉不到它们的存在，浏览到页面的底部时，看到分页就顺手点一下，自动加载了就继续阅读。但正是这小小的一点，也会带给用户很 ... ...
-
页面导航设计的快速验证方法 2012-09-02 22:14
著名的格林童话故事里面汉赛尔和格莱特知道后母想要在深林里面丢掉他们的计划，将面包屑撒在来时的路上，虽然当月亮升起时，面包屑被鸟吃掉了，但是现在的互联网设计师们从这个故事中找到了灵感，设计出不会被鸟吃掉的固定“面包屑”。 图1:互联网上各种各样的面包屑 汉赛尔和格莱特为了在森林中找到回家的路，撒下了面包屑，这是一种导航方式，如果没有被鸟吃掉，无论走到森林的 ... ...
-
广告认知流程3——强化记忆 2012-08-22 23:09
之前文章中介绍了如何运用无意注意与有意注意等认知系统内的浅层加工来提升广告质量与效果。接下来，我们进入第三阶段，阶段三包括记忆与联想两方面，对信息进行深层处理主要作用是说服，即通过分析记忆与联想，运用技巧一来使用户对推广banner产生好感防止产生厌烦情绪，二来使用户易于识记与接纳推广banner中的信息，产生更高的点击意愿。 介于篇幅限制，此次先呈现记忆篇 ... ...
