主要内容
-
良好的用户界面设计 2009-07-13 00:10
一、什么是用户界面 用户界面是负责管理与用户之间的交互，向用户显示数据，从用户处获得数据，解释由用户操作所引发的事件，并帮助用户查看任务的进度。 二、用户界面组成 模型（model，应用程序对象）、视图（view,向用户显示）、控制器（controller，用户控件）。 ... ...
-
不要让“登录”成为网站的绊脚石 2009-07-12 19:56
什么（What）用户希望访问他们存储在网站上的个性化信息或者应用程序。 例子（Example） Sign in module from Yahoo!雅虎的登录模块。 什么时候用（Use When）1.当用户需要存储个人资料或有个性化定制需求的时候。2.当用户需要存储他们自己贡献的内容，且需要把这些归档到其用户名下的时候；3.涉及到安全和隐私以及用户的数据需要被保护的时候 ... ...
-
使内容更具说服力的10个秘诀 2009-07-12 17:56
Article copyright by Colleen JonesColleen Jones版权所有原作者：Colleen Jones；译者：UCD翻译小组，mocha原文地址：http://www.uxmatters.com/MT/archives/000357.php “你的内容听起来要像是人在说话，而不是被机器编译出来的。” 在 ... ...
-
交互设计模式(一）概论 2009-07-12 10:12
[版权声明]:版权归作者Alite所有，转载文章请注明作者与文章出处:http://alite.aliued.cn 交互设计师通常会遇见这样情景:经过一番冥思苦想与挣扎,终于把PD提交的需求快速的完成了.当然,按照流程就是提交到视觉设计师那了.但在视觉设计过程中,发现有些用户行为和操作路径,在DEMO中并没有涉及到,当然就会被视觉设计师打回返工.这样几经周折才算把问题都想清楚设计完整了. ... ...
-
从线框图到最终设计 2009-07-12 02:21
原文：From wireframes to design 作者：Jesmon Allen 译者：耿人杰 ———————————— 全文的分割线 ————& ... ...
-
基于情景的信息架构走查法 2009-07-12 02:01
信息架构建立以后，如何评估它的效果？逻辑走查是以系统为中心的方法，即用业务逻辑等验证IA的有效性。卡片分类法则是以用户为中心的方法，尝试了解用户对于结构的理解和视角。Adaptive Path这篇文章则介绍了一种评新方法——基于使用情景来评估一个IA。 译介原文：http://www.adaptivepath.com/blog/2009/06/11/changem ... ...
-
和“登录”有关的事儿 2009-07-12 01:57
关于“登录”和“注册”的问题已经被很多设计师和交互设计上写过无数遍了，今天我在登录纳米盘网站时受到打击了所以写下此文。 事情是这样的： 当初租用虚拟主机的时候，为了减轻电子杂志下载时的流量和减少存放杂志所占用的空间，就将电子杂志和其他几个共享的文件放在了纳米盘网站。而纳米盘网站之前有个规定就是每个月至少要登录两次，于是今天想起来了就去登录一下 ... ...
-
tab切换是click还是over？ 2009-07-12 01:56
应该是两年前，网易首页全新的改版。内容区块大量采用了tab切换的方式，当我鼠标放上一个tab竟然立即切换到标签内容，当点击tab的时候竟然弹出了一个新的网页。我一直在想网易怎么犯这么低级的错呢？tab应该是单击以后在再切换的呀，这个是基本的交互原则。 然而从这个时候开始，发现在国内越来越多国内门户网站的小区块tab设计，采用了这种悬浮切换，点击弹出新页面频道的方式。而当我渐渐的开 ... ...
-
互联网表单设计之组显示 2009-07-12 01:55
组显示 为了弥补显示非活动方案中初始选项的无关性，可采用可视化分组绑定初始选项下的每套基于选择的输入方法，如图12.12。 图12.12 http://www.flickr.com/photos/rosenfeldmedia/2367272206 基于选择的输入组显示将所有跟进问题以初始选择的补充方式显示。 不过此方法中，很多额外输入的视觉重量迅速降低了初始选项 ... ...
-
随身购物车 2009-07-12 01:52
淘宝网上添加商品到购物车时，弹出窗口显示购物车里面的状态。 淘宝网购物车 不结账，继续购物的时候，淘宝不给任何购物车状态提示，除非你点击顶部购物车链接或者再次添加宝贝到购物车，才能知道购物车里面到底有多少东西、要花多少钱。 当当网上在商品页面点击购买后直接进入购物车，不结账，继续浏览，会发现在当当网顶部有购物车状态提示有多少个商品在购物车里了，但 ... ...
-
交互学习笔记，Tab选项卡（一） 2009-07-12 01:51
Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。 译注：本文中指的是狭义的Tab，指在界面的某一版块区域内所应用的Tab设计。实际上，绝大多数网站导航也是Ta ... ...
-
交互学习笔记，Tab选项卡（二） 2009-07-12 01:49
（续接上文） 五。Tab的真实应用 现在为止，我们从细节上探讨了Tab这种交互元素，是时候来看看真实案例了，在这一章节，我们分析一些Tab元素的应用，希望可以带给大家灵感。 Haveamint.com 这个网站在首屏位置使用大量Tab元素 以展现数量庞大的信息。 Yahoo! 雅虎在头版位置使用Ta ... ...
-
第五个基本设计原则 2009-07-12 01:36
在《写给大家看的设计书》（The Non-Designer’s Design Book）的第一个部分，作者Robin把设计的基本原则概括为4条，首字母缩写为不太文明的单词“CRAP”。这就是大家耳熟能详的对比（Contrast）、重复 （Repetition）、对齐（Alignment）、 ... ...
-
登陆框的密码遮盖问题以及其他 2009-07-12 01:34
几天前看到的这个关于密码遮盖（Password Masking) 问题的讨论，顺着链接有找到了一些讨论来看，继而发现相关文章已经有人翻译了(refer)，但中文技术社区好像很少见到讨论(也可能是我孤陋寡闻)。 这是个令人印象深刻的话题，因为挑战的是习惯性的设计方式。放眼看去，所有需要输入密码才可登录的网站都是遮盖密码的。密码遮盖带来的坏处是显而易见--用户的输入成了盲区，不知道自己输入的是 ... ...
-
浅见数据分析 2009-07-12 01:31
我们生活在数据所驱动的世界之中，要掌握这个世界，就要懂得利用如何进行数据分析。用数据来揭示本质，找出问题，提出解决问题的方案，执行之后再通 过数据来反映解决程度。互联网的时代，对于利用数据、分析数据更是不容置疑的重要。因为，我们离数据是如此之近，而数据改善我们体验的故事也是如此之多。 窃以为，数据分析有三种层面的理解：第一层，定期对已有数据的整理、分析及汇报。这是数据分析的最初应 ... ...
-
手风琴菜单学习笔记 2009-07-09 22:42
手风琴菜单（accordion menu）在交互页面上经常使用的一种展现方式，通常用在有多个二级导航（或内容）以上的并列层级，这些层级可以是标签，标题，卡片等等。但是不管形式如何，其目低都是为了将又有用的信息展现给用户，将临时不用的信息隐藏起来，这样可以起到节省空间的作用。 【手风琴的分类】 1.卡片堆： a.用在聊天软件上，作为好友分 ... ...
-
交互到底是做什么的？ 2009-07-09 22:28
听说个事情，产品人员A拿着类似如下的这张图跟交互设计B说：这个页面的原型我替你做好了，你让C开始视觉设计吧... ... 听完挺郁闷的，不仅是为交互的工作价值被无视而唏嘘，也是在为公司的招人不慎而忧虑，怎么就让这些不懂事的混进来了呢，影响团队质量啊。 不能忍了，今天就以这个图中最简单的文本框为例，简要的说一说交互到底是干什么吧： 一个交互在听到或看到这 ... ...
-
《写给大家看的设计书》阅读笔记之重复原则 2009-07-09 21:11
通过亲密性原则，我们可以将一个页面中的元素按照某种逻辑理解上的差异划分成不同的元素组合；再通过对齐原则，使这些不同的元素组合在视觉上看起来彼此相关。 不同的元素组合之间的关系可以是平等的、从属的或是毫不相关的，这些元素组合之间的关系在视觉上仅靠亲密性原则以及对齐原则并不能完整的呈现。比如两个平等关系的元素组合，虽然通过亲密性原则使其之间保持一定的距离，再通过对齐原则使其在一个页面中看起来彼 ... ...
-
《写给大家看的设计书》阅读笔记之对比原则 2009-07-09 21:11
假如一个页面中的文本采用的都是同样的字体、同样的字号、同样的颜色，做为读者的你能轻易的区分出哪里是标题，哪里是正文内容吗？所以通常情况下，设计师会对标题采用加大字号、加粗字体、改变字体、更换颜色等方式进行处理以使其区别于正文内容。 这就是对比原则的一个表现。 没有对比的页面，在读者的眼里就像是平静的海面，视线可及之处没有一个焦点；当出现了对比，突出了视觉重点，也即意义着平静的海面上 ... ...
-
什么是通用标签（Common Tag）？ 2009-07-09 11:04
原文：http://www.commontag.org/About 作者：commontag.org 译者：耿人杰 同步发于译言：http://www.yeeyan.com/articles/view/gengrenjie/46003 前言：通用标签由包括 AdaptiveBlue，DERI (NUI Galway)，Faviki， Freebase，Ya ... ...
