主要内容
-
阅读好体验的准则：100% Easy-2-R... 2012-08-03 09:18
译者：前两天看到一篇文章，觉得挺不错的，就简单翻译一下分享给大家。 大多数网站都挤满了小号的文字，使人阅读起来感到很痛苦。产生这个问题的原因是什么呢？如果我们稍作思考就会发现，没有理由将如此多的信息都硬塞进一个小小的屏幕当中。其实，这只是一个历史遗留问题，因为过去的时候屏幕真的是很小。 屏幕 VS. 杂志：100%并不大（来自Wilson Miner） 所以&he ... ...
-
合理的交互，恰当的视觉 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. 下午茶一般的小文一篇，关于操作响应、正面反馈、用户满意、皆大欢喜一类。进入正文吧，毫无压力。 我们喜欢告诉用户他们做错了什么，我们准 ... ...
-
为何要使用栅格系统? 2009-06-02 01:41
原文作者：markboulton.co.uk原文链接：Why use a grid?译者：Dismory 为何要使用栅格系统? 栅格设计是设计者所应具备的一项基本能力。对比例，留白以及结构的理解把握，在为任何发行平台构建栅格时都起着至关重要的作用，无论是web，印刷，还是拟真3D环境中。 （原文此段与上段重复，在此略去——译者Dismory） 我们 ... ...
-
产品交互原型设计工具分享 2010-03-15 21:51
交互设计师的一项重要工作就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作，就是画出站点的大体wireframe(框架图)并结合批注、大量的说明以及流程图等，将自己的产品原型完整而准确的表述给产品、UI、重构/开发工程师等等，并通过沟通反复修改prototype 直至最终确认，然后进入后续的设计开发流程。 要完成以上复杂的设计和沟通工作，需要一个好的原型设 ... ...
-
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 ... ...
-
用好Axure的协作功能 2011-02-17 10:37
最近一个项目里，“被迫”开始使用Axure的协作功能，为了保证版本统一和一致的输出。实践的效果不错，在时间短、质量要求高、同时又有多人参与时非常奏效。 为什么说“被迫”，这里当然是个反语，但说实话，做了这么长时间交互设计，参与过大大小小不少项目，能使用到这个功能的情况是屈指可数的。往往都是1个交互设计师对2-3产品经理，来一个需求分一个人跟， ... ...
-
关于搜索建议的两点小问题 2011-09-15 17:11
最近在做搜索设计时，发现了两个容易纠结的小问题，在这里谈谈自己的一些分析。 问题一：提交的关键字是哪个？ 凡客的这个例子中，搜索建议“时尚斜拉链”高亮显示，这个时候点击“搜索”，提交的关键字是输入框中的“s”还是“时尚斜拉链”呢？答案是“时尚斜拉链”。 ... ...
-
Axure之锚点跳转与Title提示 2009-11-25 23:43
最近在做一个原型的时候用到锚点跳转与Title提示功能，同事看到HTML之后问我这个是怎么实现的；昨天又看到一篇文章举了个注册表单中的Title 提示示例，问这个是如何实现的，我才发现原来很多人都忽视了axure中一个很常用的组件——图片/图像映射区域（image map region）。 ... ...
-
说说瀑布流式网站里那些可人的小细节 2012-07-05 10:06
瀑布流式布局，想必设计师们已不再陌生，随着pinterest自2011年开始走红，瀑布流式的布局被越来越多的网站所使用。花瓣网、堆糖网、布兜、发现啦，美丽说，蘑菇街，人人逛街，凡客达人等，复制Pinterest的网站在中国蜂拥而现，粗略估计已有几十家之多。 为什么选择瀑布流？既然pinterest式蜂拥而现，我们先从体验角度看，瀑布流布局为什么好？笔者浅见。随着读图时代快餐式消费的来临，瀑布 ... ...
-
购物车图例：例子和最佳实践 2008-09-07 14:36
原文链接：http://www.smashingmagazine.com/2008/02/07/shopping-carts-gallery-examples-and-good-practices/ 原文作者：SmashingMagazine 翻译：om19 (www.om19.cn) 欢迎转载，转载请注明出处。 假设你在设计一个在线 ... ...
-
榨干Chrome UI 2010-02-08 20:10
目前的我，已经成为Chrome的严重依赖用户，甚至U盘内也随身装着Chrome便携版。对我而言，它有着其他浏览器无法代替的杀手级优势：快速，稳定，完美支持Google所有在线服务；简洁到一塌糊涂的界面。 而其他浏览器，他们只在一些特殊需求中才会使用，如Firefox的AutoProxy翻墙，IE插件下的网银支付，Opera的turbo加速等。 用过Chrome的的人都有个习惯：就是 ... ...
-
如何在iOS与Android间移植APP 2011-05-11 09:04
除了像"I am rich"这种定点打击苹果烧包族的APP外，大多数应用都会尽量覆盖包含尽可能多的用户。这就需要考虑在iOS和Android两种主流操作系统间移植的问题。如果为各个平台量身定做界面，就能让用户利用以往的使用习惯快速学习。但为多个平台设计各异的界面毕竟是需要工作量的。如何才能在跨平台移植的时候只做那些最有必要的工作呢？兵不打无准备之仗，先来看看iOS与Androi ... ...
-
Axure之复用 2010-09-20 22:36
本文主要记录一下自己在使用axure软件做原型设计中的一些感悟。对于原型的制作而言我们需要的是一个能够快速设计高效传递的软件，对于原型的表现形式而言我们需要的是一个“中保真”原型，可以直观的表述交互与页面布局即可。 作为工具，首要的条件就是高效率。高效率的解决问题，高效率的传达，高效率的记录，等等。Axure之所以被称作“快速原型设计”就在于 ... ...
-
Pinterest“瀑布流”的呈现方式有什么... 2012-02-09 14:05
如果是田字格，人的视觉需要从上到下、从左到右的逐块浏览——全部都看，然后大脑再筛选过滤——这更适合有目的性完整性的信息获取，比如在淘宝搜索一个商品时提供的列表或大图两种视图。但是在一些随意性浏览发现的服务中，这种有点半强迫意味的田字格相当于增加了视觉和大脑的负担，会让原本随意性的浏览变得不随意。 pinterest的信息特点决定了用户只能是大量 ... ...
-
信息设计中的“父子关系” 2012-07-29 08:29
交互设计工作核心在于信息架构和交互细节设计.信息架构包括信息分类以及信息展示逻辑设计;交互细节则多表现为控件的选择,交互效果的定义等.在信息设计中,遇到最棘手的问题就是信息量太多而显得设计结果不尽人意,那么在砍不掉需求的前提下(信息太多,也许是需求本身还有被精简的可能性),如何解决这类问题呢? 通常来说,信息设计的时候有很对可遵循的关系在,信息间互斥,.信息间相辅相成,信息间属于 ... ...
-
了解产品之评论模块 2011-08-30 14:57
评论模块对于电商来说是十分重要的。在电子商务的世界中，用户面对的是一张张产品图，看不见摸不着，已购买者的评论对于用户是否购买该商品，起着很 大的作用。怎样设计好评论模块，使评价能直观真实的反应出商品的优劣，立体的将商品呈现出来？又如何引导已购买者客观详尽的对商品进行评价？还是从了解评 论模块开始吧。 我选取了12个国内有代表性的电商网站，大致将评论模块的模式分为以下几种： 1、 ... ...
-
自然而流畅——聊聊界面的切换动画 2012-07-18 17:20
在使用一些移动端的 App 或 PC 端的软件的时候，我们常常会有一些界面之间切换的操作，尤其是在移动端的设备上，因为屏幕尺寸和交互方式的特性，就更多的会出现这些切换的操作，而很突然地从一个界面切换到另一个界面会给用户带来困扰，所以在触发这些操作的同时，往往需要过渡形式的动画来引导用户是如何从一个界面切换到另一个界面的，我们来看看一些常见的界面切换的过渡方式 ... ...
-
交互组件微创新 2012-07-24 08:46
纵观交互设计发展史，就是创新的交互模式被广为接受后成为标准，旧的交互模式不断被淘汰的历史。所以交互模式发展也是一个“物竞天择，优胜劣汰”的过程。本文是09年在碳酸饮料会上做过的一次分享，当时创新的东西现在已经被广泛应用了。因为主题跟现在UX平台鼓励创新的目标一致，所以再贴一次:) 交互设计是一个创造性的工作，利用创新的方式漂亮地解决产品问题，是一个交互设计师价值的 ... ...
