主要内容
-
把简单留给用户 2010-04-25 22:47
题目为“把简单留给用户”，下一句就是“把复杂留给自己”。能把复杂的事情经过处理变的简单那是本事。记得有句广告语不是说嘛：“把简单的事情变复杂了——太累；把复杂的事情变简单了——贡献”。 ^_^ 道理大家都明白，做起来未必容易。这个理念要时刻放在心里。 & ... ...
-
避免输入 2010-04-25 12:17
常有用户常抱怨iPhone的输入按键太小，难以点击，手机的输入速度一直是个难点。因此手机交互设计如要出现输入框，要重点考虑如何减少输入，提升用户操作的流畅度。另外，手机的显示能力有限，不能像网页那样提供大量的选项供用户选择，每个界面都必须提供最有价值的信息。 提供选项。对于用户经常输入的字符可以提炼为热门选项，便于用户选择。 比如使用手机购买数字点卡，对于购买量大的的热门点卡（魔兽 ... ...
-
交互设计要先“知道” 2010-04-25 11:26
设计师要做正确的交互选择，去选择那些或高端的或低端的交互技术。 很重要的一点，就是你要知道什么是高端，什么是低端。 还是那句老话，现在能发明电灯的人，大家已经不会觉得他多牛，甚至还感觉有点傻。 这给设计师提出一个更高的要求，首先要“知道”。 去使用光怪陆离的产品，就成了一个交互设计师必要的工作。 去感受成功的产品和不成功的产品，感受它们为用户提供了什么好的、坏的和丑的 ... ...
-
空行不空格式排版组织原理 2010-04-25 11:25
前文讨论的热烈程度远超我预期，正好还有之前查阅资料拍的几张实物照片可以拿出来继续探讨。以此证明我是有过深思熟虑的过程，而不是拍脑袋的“武断”。前文我提出了个很重要的核心观点，并且写到了新改模板的“摘要”里，可惜好像很少有人看懂： 从信息组织角度来看，段落内行之间的关系要比段落之间的关系低一个级别，所以在呈现上段落之间的“段距&rd ... ...
-
交互行为蹦失率研究 2010-04-24 05:39
上周我做了个有趣的测试，在一个抢票的活动页面中仅有1个按钮，顶端有一个返回主页。按照正常理论思维，用户能点就是这2个位置，不会点击其他的位置，因为没有意义。 然后经过2天，我提取到一些数据，分享一下： 是不是完全与我们想象的有很大差距呢？ 虽然购票按钮是最大热区，不过蹦失的鼠标点击行为也有很大一部分，真是太浪费了。而返回首页的顶部链接，用户点击的却寥寥无 ... ...
-
给用户正确的交互方式 2010-04-22 22:40
通常是鼓励交互设计师团队，试着做一些新玩意儿出来，而且要能对产品迭代提供现实帮助。 所以团队内某优秀设计筒子，总能拿出一些很前卫的交互设计。 但在讨论是否运用到具体产品的时候，会被我要求：我们往后退一步，后退一步比较安全。 他会引出世上最先进公司的产品，也都用了这种方式，于是我们开始了团队讨论。 首先团队提出了一个问题：谁是用户？要去改善他们的体验，我们必须要先清楚这一点。 每一个用户群，他们 ... ...
-
中文段首不需要空两格 2010-04-22 22:33
首先要搞清楚“空两格”的意义是什么？段首空格表示段落重新开始，基本小学写作文都这么教的。但“空两格”真的就能清楚标示段落么？这个问题被放大到互联网上，尤其在对比英文段落效果后，中文段落“空两格”的传统开始受到质疑。先来看新浪博客网志页的两格例子： 1. 无空格无换行排版（下图） 2. 有空格无 ... ...
-
交互设计实用指南系列(12)—避免出错 2010-04-21 10:21
一、如何理解本条内容: 一个“简单”和“复杂”的例子 在我和开发人员沟通一个项目需求的时候，他们频频慨叹Mockup的设计所考虑情况之细致，很多程序要实现的预判和“非基础功能点”让开发人员望而却步不情愿去实现。相比较设计师为了让用户避免出错而绞尽脑汁去设想和考虑，开发人员更倾向于直接给到一个只能容许的 ... ...
-
页面表达原则 2010-04-20 22:23
《页面表达原则》是整个“web交互设计方法”中的一部分： 页面表达原则概述： 1.更少的信息量更好。 2.不提供多余的功能。 3.结构化更易于理解。 4.信息的表达应该清楚、明确、直接。 5.操作可识别。 6.操作前，结果可预知。 7.操作时，操作有反馈。 8.操作后，操作可撤销。 9.让用户知道身处何地。 10.避免内容看上去象广告。 11.同一功能在不同页面上位置相同 ... ...
-
让我看到未来的样子——浅析电影中的未来交互 2010-04-19 10:56
在一次交互例会上，有同学提到电影中的未来交互，引发了我的兴趣，所以收集了一些电影中的资料，做一些粗浅的分析，希望能够抛砖引玉，引发出一些思考。 新颖的人机交互方式一直是科幻电影夺目的亮点之一，好莱坞的科幻大片投入了大量金钱、精力到电影的细节设计中，比如汤姆克鲁斯主演的《少数派报告》，主创团队邀请了HCI科学家参与电影制作，电影的视觉设计师特意走访了MIT 多媒体实验室，观看了各 ... ...
-
iPad用户体验准则 2010-04-19 10:32
本文译自《iPad User Experience Guidelines》，供个人学习之用，水平有限，难免有欠妥之处。 iPad用户体验最主要体现在内容和交互： 淡化程序UI，以便用户关注所需的内容。 美观的内容形式，富有真实感。 充分利用设备的性能来增强内容的交互性。 支持所有方位 优秀iPad程序的其中一个重要因素是 ... ...
-
标签的语言粒度 2010-04-18 11:22
一年零六个月前，我写了篇使用标签是迟早的事来反驳“就博客而言，标签没有太大意义”的观点。最近又看到在分享里有篇文章提到tags在中文网站用不好的原因之一是语言的粒度问题，因为“英文的粒度是单词，中文的粒度是字。”并且举了个“猫”的例子，英文tags多半是cat，而中文tags可能是猫、猫猫、猫咪、咪咪、小猫咪等等。 我 ... ...
-
网站内容决定网站的前途 2010-04-15 00:11
网站设计除了架构设计、交互设计、视觉设计这些方面以外，还有一个非常重要的点，那就是——网站内容。我们在进行网站设计的时候要首先思考用户为什么会来到你的网站，你能为用户提供什么样的内容，什么样的功能（帮助），你如何展示你的内容？要站在用户的角度，去体会你的网站。在体会网 ... ...
-
杂念Tag的使用与网络推广 2010-04-14 11:46
1、Tag有个古老的话题，中文网站为什么用不好Tag这种时髦的2.0概念？2007年的时候我跟同僚解释过缘由（虽然他们当时弄死不信），到了2010年，话题是不是应该消停了？但不信邪的人还很多，还是常有产品设计者雄心勃勃要上Tag。他们大约觉得世无英雄，舍我其谁，撑死胆大的饿死胆小的。好吧，我再讲一次。Tag是什么？是一种内容组织的辅助形式。在国内，它遇到的第一个障碍是语言的粒度。英文的语言粒度是单 ... ...
-
費茲定律Fitts’ Law與使用者介面設計 2010-04-13 23:39
之前在[HCI] 談人機介面設計與Usability 一文中提到了usability的概念，並用了Windows的開始鈕說明了在設計UI上容易忽略的陷阱。這篇文章我會繼續探討介面設計與usability，並以效率(Efficiency)與UI設計時最重要的定律之一費茲定律(Fitts’ Law)為重點。 設計軟體的操作介面並不難，但很多時候直覺的設計並不一定能達成想像中的目的。 ... ...
-
成就优秀信息图表的主题 2010-04-11 13:42
原作者：来源Themes For A Good Infographic译者snsurfmy 2010年3月 NASA太空飞行任务编年表 信息图表为我们提供新的方法去理解和思考信息。它包含了大量不同类别的视觉资料，通过图表、地图、简表、数据可视化以及技术、教学和科学的解释，使信息图表具备多途径交流的能力。随着我们了解复杂世界的需求日益增长，信息图表会变得更具价值 ... ...
-
IA在中国 2010-04-10 10:33
IA全称Information Architecture，中文叫“信息架构”。 2003年，国内学术界个别专业开始对IA理念和方法进行跟踪，也出过不少论文。但总的来说，比较有价值的实践和经验总结太少，纸上谈兵的成份比较大。近些年因为业界对web design的高度关注，而被重新挖了出来。并且，经过十几年的发展，愈发与UE, UCD, IxD等等概念交叉融合。 ... ...
-
Axure Better Defaults ... 2010-04-08 09:27
This is version 2 of the Better Defaults library, expanded to sixty five (or so) interactive and cleanly styled widgets. Use it in place of the standard widget set. Reasons to use these widge ... ...
-
如何精简用户界面 2010-04-07 20:58
简洁、易用、友好、直观。这些词语经常被提及，但在执行过程中经常被遗忘。这是因为软件功能的复杂性所导致的。如何处理好软件的复杂功能往就可以决定它的命运。一个复杂的界面会让用户不知如何操作。如果，减少复杂的操作过程并精简操作界面，那该软件的用户体验就大大的提升了。 去除无用的功能 研究发现：80%的用户仅仅使用软件20%的功能。而那些没用的功能不仅浪费开发时间，也使得软件更加难以使用（ ... ...
-
iPad拟物化设计的博弈 2010-04-07 20:32
1024X768 VS 320X480 320X480是iPhone的屏幕分辨率，而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad的外观，会觉得iPad不过是只“放大版”的iPad touch，一致的制作工艺，连“Home”键未做改变原封不动摆在了屏幕下方，似乎又被“戏谑&rdquo ... ...
