主要内容
-
横竖屏切换中的界面设计与体验提升 2012-08-19 13:10
之前一周朦朦胧胧的过掉了，想来也没什么可回忆的。这是一种不坏的状态，就像每天早上莫名的空洞，它们都代表着生活和工作里至少还没有很坏很衰的事情让人焦虑。有吗？也许只是在哄骗和宽慰自己。 杂志一般的小译文一篇，适合这样的下午做一做，适合这样的周末读一读。走着。 眼下，智能移动设备内置的加速计的主要作用，就是根据设备的定向方式来决定屏幕的显示模式，也就是在横屏或竖屏模式之间进行切 ... ...
-
高效，不高效 2012-11-14 09:40
Alan Cooper“以目标为导向的设计（Goal Directed Design）”认为：产品的设计是为了帮助用户实现目标，在实现的过程中，不得不要用户去完成一系列任务。 就好比用户的目标是回老家，他可以坐牛车倒马车换公车再挤火车…最后晃荡到家。也可以打个飞的，风一般的回家吃着热饭热茶。虽然目标相同，但是执行的任务却不相同。 一直以来，我坚 ... ...
-
智能电视UI设计那些事儿 2012-04-27 14:04
随着国际市场上Google TV的发布和国内电视厂商纷纷推出定制Android TV的脚步，一时间智能电视平台成为了众多高科技企业争相抢占的新市场。较早的智能电视平台探索者有Google TV、Apple TV和Samsung Smart TV，还有传说中将要上市的iTV。 国外一些知名服务，如Youtube、Twitter、Netflix等，均在这些平台上发布了应用。国内电视厂商多使用Andro ... ...
-
信息可视化研究范畴及案例 2012-06-19 22:37
最近在研究“信息可视化”，因此首先需要定义研究范畴。 信息可视化的定义之前有同事研究过，本文只简单摘录wiki的定义： 信息可视化（英文：Information visualization）是一个跨学科领域，旨在研究大规模非数值型信息资源的视觉呈现，如软件系统之中众多的文件或者一行行的程序代码，以及利用图形图像方面的技术与方法，帮助人们理解和分析数据。与科学可视化相比，信 ... ...
-
广告认知流程3——强化记忆 2012-08-22 23:09
之前文章中介绍了如何运用无意注意与有意注意等认知系统内的浅层加工来提升广告质量与效果。接下来，我们进入第三阶段，阶段三包括记忆与联想两方面，对信息进行深层处理主要作用是说服，即通过分析记忆与联想，运用技巧一来使用户对推广banner产生好感防止产生厌烦情绪，二来使用户易于识记与接纳推广banner中的信息，产生更高的点击意愿。 介于篇幅限制，此次先呈现记忆篇 ... ...
-
从iOS到Metro - 重新设计应用的交互... 2012-07-11 09:09
上周有幸玩了一会Metro的平板。单说视觉风格，仍是我的大菜，但真正用起来却不觉得舒畅，尤其是横向浏览内容列表的时候，视线不停的在X轴与Y轴之间切换，很快感到头晕目眩，这一切似乎比瀑布流更加凶残。 当然，仅仅是个人感受；我不想这样就得出Metro中看不中用的结论。做这篇译文大致可以代表我的立场，即相比于iOS来说，Windows这套东西确实有很多独到的精华在里面；我想通过这样 ... ...
-
交互设计中的默认值 2012-07-31 09:25
寒冷的冬日到陌生环境中往往会碰到水温调节，剧情一般是这样的：你调节到一个自认为合适的刻度，放了一段时间水后发现还是冷的，于是慢慢放大热水，几次调解后索性将热水开到最大，结果太烫，放大冷水，太冷，放小冷水，太烫，放小热水……最后合适了，咱们即使没有感冒也开始记恨这个淋浴器。比较合理的是一种叫 “恒温龙头”的产品，它给定一个用户不需要预设的默认水温： ... ...
-
你好，对话框 2012-08-14 21:21
“怎么了？”除非你对某类对话框已司空见惯，否则遇到，第一反应往往是这样的？这种体验就像你明明急着去赶车，途中却不断被拦住塞传单一样。不能否认，它是一种打断，有时甚至会成为打扰。做为设计师，虽知“打断”暂不能杜绝，但不使之变为“打扰”，却是我们该努力做到的： ① 多次打断=打扰 隔一个小时打断你一下 ... ...
-
AXURE之变量控制不同场景的交互演示 2011-01-27 21:26
该教程适合追求axure功能使用最大化的人，并不是原型设计的目的。追求方便、快速设计交互原型的同学可以无视这篇文章。 实例演示： 演示地址（axure 6 beta生成） 原理： 1. 通过Axure的变量来记录对应的场景 2. 用master 的 onPageLoad 事件根据变量的值来判断dynamic panel对应的state Ps: 该教程实际上 ... ...
-
界面设计中的结构设计 2012-07-05 10:19
构建界面视觉层级的元素有颜色的显著程度，图片、文字的尺寸大小，还有最基础的，内容的组织结构。 结构设计是指对界面内容进行分组，对界面中的信息、数据进行设计使之结构化呈现的过程。 好的结构设计能使界面信息传达更加清晰、快捷。那么，如果进行结构设计呢？ 结构设计———内容的分组 使用线、框、背景色来分组 这是最常见的分组方式， ... ...
-
浅析移动应用的导航模型 2012-06-10 18:45
和网站一样，移动应用也具有自己的信息架构，根据应用的性质以及核心功能界面之间的关系，来对其采用合理的信息结构，此时，移动应用的导航模型便起到了穿针引线的效果，一个好的导航将使得应用的信息架构清晰明了，且操作简单高效。 移动应用的导航模型基本包括 平铺页面、标签tab、树形列表、九宫格、以及目前较为流行的左侧列表等，以下针对几种常见的导航模型进行简要分析和比较，以帮助我们选择最合适的导航模型，提升 ... ...
-
阅读好体验的准则：100% Easy-2-R... 2012-08-03 09:18
译者：前两天看到一篇文章，觉得挺不错的，就简单翻译一下分享给大家。 大多数网站都挤满了小号的文字，使人阅读起来感到很痛苦。产生这个问题的原因是什么呢？如果我们稍作思考就会发现，没有理由将如此多的信息都硬塞进一个小小的屏幕当中。其实，这只是一个历史遗留问题，因为过去的时候屏幕真的是很小。 屏幕 VS. 杂志：100%并不大（来自Wilson Miner） 所以&he ... ...
-
思维导图之用我 2010-05-25 23:27
思维导图是我生活和工作中不可缺少的重要部分，她的使用场景有很多种，午休时间，我想和大家分享一下我使用思维导图的经验，是以抛砖，意在引玉。 读书笔记与知识管理 相信很多同学都有用导图来做读书笔记的习惯，恐怕这也是导图被用得最之泛的一个功能了。我也不例外，我在读一些逻辑性强或技术性的图书时习惯使用导图来做笔记，笔记内容主要是图书的细化版大纲，再加上自己的一些评注。除了读书，我在网上看一 ... ...
-
合理的交互，恰当的视觉 2011-09-02 15:35
交互设计和视觉设计的重要性，业内已经达成了共识。 最近看了iphone版海豚浏览器的设计方案，正好借机再陈述一下相关的设计原则。 我想说的主要有三点： 1.交互设计受限于硬交互（硬件本身的基础交互属性），设计要在硬交互的基础上进行扩展。 2.视觉设计最首要的任务是辅助交互设计，进行恰当并谨慎的视觉引导。 ... ...
-
Change.gov -那些美丽的细节 2011-07-30 15:26
前段时间，突然想去看看奥巴马的网站是怎么设计的，于是Google到了Change.gov。 刹那间眼前一亮---简洁大气，充满了成熟之美。 一直想写篇赏析来学习下Magicwan的设计，一直拖到今天(懒惰的人啊) 一.Background 深蓝色背景，给人踏实，稳重，具有可靠信赖感。 二.Head ... ...
-
为用户的成功操作提供正面反馈 2012-07-31 09:25
炎热的天气，宅在家中拉上窗帘一边看着喵们耍宝一边做博客，这情景让我想起阿拉蕾一家。Take me down to the paradise city where the grass is green and girls are pretty. 下午茶一般的小文一篇，关于操作响应、正面反馈、用户满意、皆大欢喜一类。进入正文吧，毫无压力。 我们喜欢告诉用户他们做错了什么，我们准 ... ...
-
iOS Wow体验 - 第六章 - 交互模型... 2012-06-10 14:59
本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第六章译文精选，其余章节将陆续放出。上一篇：Wow体验 - 第五章 - 利用iOS技术特性打造最佳体验 关于本套译文分享的详情及目录结构，请参考iOS Wow体验 - 译文分享说明。 全文由C7210自发翻译(编译)，并首发于Befo ... ...
-
关于搜索建议的两点小问题 2011-09-15 17:11
最近在做搜索设计时，发现了两个容易纠结的小问题，在这里谈谈自己的一些分析。 问题一：提交的关键字是哪个？ 凡客的这个例子中，搜索建议“时尚斜拉链”高亮显示，这个时候点击“搜索”，提交的关键字是输入框中的“s”还是“时尚斜拉链”呢？答案是“时尚斜拉链”。 ... ...
-
说说瀑布流式网站里那些可人的小细节 2012-07-05 10:06
瀑布流式布局，想必设计师们已不再陌生，随着pinterest自2011年开始走红，瀑布流式的布局被越来越多的网站所使用。花瓣网、堆糖网、布兜、发现啦，美丽说，蘑菇街，人人逛街，凡客达人等，复制Pinterest的网站在中国蜂拥而现，粗略估计已有几十家之多。 为什么选择瀑布流？既然pinterest式蜂拥而现，我们先从体验角度看，瀑布流布局为什么好？笔者浅见。随着读图时代快餐式消费的来临，瀑布 ... ...
-
Pinterest“瀑布流”的呈现方式有什么... 2012-02-09 14:05
如果是田字格，人的视觉需要从上到下、从左到右的逐块浏览——全部都看，然后大脑再筛选过滤——这更适合有目的性完整性的信息获取，比如在淘宝搜索一个商品时提供的列表或大图两种视图。但是在一些随意性浏览发现的服务中，这种有点半强迫意味的田字格相当于增加了视觉和大脑的负担，会让原本随意性的浏览变得不随意。 pinterest的信息特点决定了用户只能是大量 ... ...
