主要内容
-
让产品更会讲话 2011-03-12 18:12
最近几个月开始把很多注意力集中到移动互联网产品，才发现自己就快OUT了。好多新奇、好玩和实用的应用出现在手机上，看得我眼花缭乱、欣喜若狂。几乎每天都会找新的应用来体验，然后删掉做得最差的。通常情况下不管这款应用对于我个人来说是否有用途，只要产品本身做得不糟糕我都会留下，以至于手里这款才买3个月不到的安卓手机里面就装有近百款应用。 偶然一次机会某款应用的提示窗口引起了我的注意，我发现很多产 ... ...
-
合理限制用户的操作 2010-10-11 22:15
煎一个鸡蛋，你需要哪些厨具？ 厨房里各种厨具都有，因为你可能下一餐要吃油焖大虾，红烧排骨。 但是现在你只要煎个鸡蛋。 也许，你需要的也只有这些…… 榨汁机，电饭煲，菜刀……没有这些，我们不能榨果汁，煮饭，切菜，这将限制我们在其它时候可能发生的动作，但是现在，我要做的只是 ... ...
-
有时应该告诉我，但有时不应该告诉我 2009-03-05 09:37
很多时候，用户可能会因为承受不了某一产品中的细节设计而放弃使用该产品，这无疑是让设计人员感很沮丧的事情，因为除去这个细节的问题外，这个产品可能是很棒的一个产品，但往往细节才是决定成败的关键！ 很多设计人员在做表单设计时，会把大部分的精力用在注册表单上，因为对于网站来说，注册表单的设计好坏，很大程度上影响着注册的成功率。当用户看到长长的注册表单时，相信想要注册的心情会大受打击的；而如果注册表单很简 ... ...
-
掌上百度，上掌不易 2009-11-25 23:39
今天，百度客户端软件“掌上百度”正式上线，在今天发布的版本中，除了搜索功能外，还整合了百度贴吧、知道这两个社区平台。 事实上，掌上百度包括百度的绝大多数主打产品，如新闻、图片、百科、空间等（见下图）。即便在掌上百度面世前，也能猜到这些产品肯定会包括在掌上百度中。所以，掌上百度的产品设计关键就是产品整合，使产品设计清晰简洁，易于上手——对掌上百 ... ...
-
不一样的交互组件（上） 2010-02-05 21:19
交互设计是一个创造性的工作，利用创新的方式漂亮地解决产品问题，是一个交互设计师价值的体现。当创新的交互设计被用户认可、被业界同行学习，更是一种巨大的职业满足感。这种创新不一定是惊天地泣鬼神的革命性设计，一个小小的交互组件的创新就可以让产品体验增色不少。今天就通过一些案例聊聊交互组件创新的四种常见方式，与大家共勉。 一、滚动条的创新【重构法】 我们先来回想一下阅 ... ...
-
关于网站分页的那点事儿 2011-06-20 13:22
本文所描述的分页是指电子商务网站的产品分页，如果想要直接了解本文的精髓，请直接参照下面的附图，不言自明。 电子商务网站的产品分页设计是很小块的设计，绝大多数的网站不会在这里花费什么精力，但是，如果能在细节上做的更贴心一些，对用户的购买体验还是有所提升的，毕竟用户每次购买都会多次使用该功能模块。 首先要说的是，分页是用户普遍接受的产品页面浏览方式，设计也是大同小异，用户的学习成本为零。 现 ... ...
-
GMail 的介面設計 2010-09-05 18:47
Google 這間公司向來有不少「創舉」，有些創舉是因為他們比別人聰明，可以想到別人沒想過的事；有些創舉則可能是因為別人想都不用想，就知道不應該這樣做，嗯…… 舉例來說，前一陣子 GMail 稍微改了介面設計，其中最令人驚訝的大概是這個： 一個可以核選的下拉式選單（Checkbox Dropdown Menu）！不得不說，這真的是很難在任何軟體介面設計當中看到 ... ...
-
从实例对比中理解交互设计中的正确表达 2010-06-03 15:01
看到smashing上的一篇博文，取例说明一下交互设计中的正确表达，真实感表达和创意表达。 实例来源：http://www.smashingmagazine.com/ ... xamples-and-trends/ 交互设计中的正确表达 页面表达意思清晰明了，无歧义和费解之处。这也是对交互设计的保底要求了。 如下图实例： 下载 (76.11 KB) 13 分钟前 ... ...
-
设计的礼节 2010-06-01 22:05
删除iPhone或iPad上某个应用时，会有浮动层，提示你可以对该应用打星评价，这个小小的弹出层有三个操作备选：五颗星星、评分确认、和 “不，谢谢” 。我用的英文界面，起初对那个 No thanks 的文案并不觉得有什么。后来有同事换成了中文界面，我删一个应用，看到 “不，谢谢” 这个按钮，突然觉得很受用，好几次都在回头念叨想这个文案的妙用。 ... ...
-
关于书签栏的使用及设计 2009-01-23 14:19
书签栏是浏览器里面最方便的网站入口，显示为在页面上方的一些网站图标，点击打开网站，中键点击在新标签页中打开网站。 1、尽量只显示图标（favicon）。为了在一行中尽可能的显示更多网站，所以如果网站有图标的，可以只显示它的图标，不显示网站名。在Chrome或Firefox浏览器中要隐藏文字，可以在书签属性中删掉这个网站的名称。（IE是链接栏，它的收藏不能名称为空） 对于一些没有自己 ... ...
-
善意的瞬间黑屏 2009-11-29 17:23
开始前需要先澄清一下今天要讨论的不是：“2008年10月20日，微软启动的新一轮Windows正版增值计划（WGA）：被判断为使用盗版的计算机桌面背景将会每小时黑屏一次，同时在桌面右下角任务栏中显示非正版标记。”的反盗版黑屏。 我要讨论的是windows启动时的瞬间黑屏设计 就是进入上图windows彩色登录界面前的瞬间黑屏。 ... ...
-
由进度条内嵌百分比引开的话题 2009-08-26 21:53
这是在豆瓣的HCI人机交互小组的一篇内容，具体内容如下： 测试某应用程序，有这样一个功能： 创建了一个任务，该任务下面包含了很多子任务，“开始”按钮之后，有一个进度状态监控窗口，该窗口中首先显示了一条不断向前跑的进度条，该进度条上内嵌了相应的完成百分比，在进度条后面，有两项时间相关的数字： 已用时间，剩余时间。 因为该程序是完全为windows平台所做，考虑 ... ...
-
B2C网店系统产品图片橱窗设计参考 2010-07-13 22:23
一. 概述 在网店系统的产品详细页面中，展示产品细节涉及多张产品图片和相关的媒体文件、pdf、doc等，可供顾客浏览产品细节、进行试读、试听、试看等，从各个角度来介绍产品，这些内容越丰富越有利顾客了解产品， 也越有利顾客做出购买决定。 但产品详细页面本身就有很多信息，包括产品名称、价格、描述、规格参数、评论等，如果还加上这么多图片和媒体文件，那么该页面将会显得非常臃肿 ... ...
-
触屏界面的按钮文本设计原则 2009-07-23 22:59
原文作者：Morgan Strauss原文链接：Labeling Touchscreen Interfaces译者：JJ.Ying 一幅画可能包含了千言万语，但是一个用户界面却需要用简洁的语句明确地告诉用户该做什么。因此决定哪些文字应该出现，哪些文字应该是界面设计非常重要的一部分。以下是四个适用于触摸屏界面的文本添加原则，遵循这些一定有助于提升界面的可用性。 原则1 用动词来描述 ... ...
-
矫枉过正的交互设计 2010-06-10 11:32
在从事设计之后，我一直预防自己变成用户的“奴隶”。很不幸，现在的氛围却在把一些设计师变成用户的奴隶。 网志开头的那张图，是我在项目过程中遇到的一个例子。原来的设计是这样的： 看似很小的一个改动，其实能反映出大问题。我在下拉框中放默认选中的工商银行，是因为信用卡还款的用户中工商银行占据了大半壁江山。这样大部分用户 就能少操作一次 ... ...
-
关于QQ2009 Preview4中的一些问题 2009-01-15 01:16
很多时候Beta版的软件都会给我们留下一种不稳定的印象，所以大部分时候仅仅只是关注一下Beta版中新增以及改进的一些功能的信息，除了有好奇心的用户会迫不及待的去试用外，很多用户都会选择等待正式版上线后再升级。既然Beta版都是如此待遇，那Preview版的就更不用提了。 但事实上并不是所有的Preview版本的软件都让人感到害怕的，软件制造商既然会放出Preview版本的软件公测，那就证明软件本 ... ...
-
Designing Web Interfac... 2009-03-14 06:32
Bill Scott 為其新書《Designing Web Interfaces》作了一場演講，內容主要圍繞著書中談及的 6 個網頁介面設計原則，並提供了大量例子和 patterns。該 6 個原則為： make it direct keep it lightweight stay on the page provide invitation use transition re ... ...
-
如果china-pub在送货包装中多放一张“... 2009-07-27 21:04
在前一阵子，因为china-pub包装没有方便袋的问题写了一片博客。结果过一阵子再次购买的时候，就有了方便袋，而且有些时候一次买的书比较多，还送两个。我不知道是否是china-pub看了我的博客，还是自己想明白做了改进。但是无论过程如何结果是我可以很方便的把在公司买的书带回家了。thanks。 最近一直在研究用户体验系统和电子商务。没错，我这里说的不是用户体验，而是多了两个字系统。我认为用 ... ...
-
不一样的交互组件（中） 2010-02-05 21:19
二、组合搜索框的创新 【组合法】 常见的带条件搜索框是“输入框+下拉菜单+按钮”三个控件组成的，合适的控件组合可以带来更好的效果。 1、【输入框+下拉菜单】组合 新浪微博的搜索框，将下拉选项融合到输入框提示里，选择搜索范围的操作更加便利。 Google reader这样的带输入操作的下拉菜单，让下拉菜单 ... ...
-
视觉注意力-解剖设计的根源 2010-01-22 22:49
物质世界客观存在，而人的“视觉成像”是对当前世界的“唯心”重建。这种重建基于个人“经验”、“感知”和“集体意识”。最初科学家认为人类通过视觉被动获取周围世界的全部图像信息而建立个人的视觉资料库，近10年来的研究表明捕获“全部图像信息”只是个传说， ... ...
