主要内容
-
设计优秀的iPhone通知 2011-11-23 18:19
当应用需要提醒用户关注某件事情的时候，希望1.引起用户的关注;2.不使用户感到烦躁不安；3.不希望中断用户的操作；4.引领用户到达该去的地方；5.当用户需要的时候可以再次找到该提醒。这些要求看似简单，实则需要耗费一番的设计功夫。本篇文章，就要系统的分析一下iPhone上通知的设计。 一、通知的样式 （一）、视觉界面 iPhone系统自带的消息通知形式有两种，分别是Badge ... ...
-
如何描述你的产品 2012-09-21 16:24
引 有没有给你娃或亲戚朋友家的娃取过名字，翻了新华字典，又翻英汉大字典？有没有在绞尽脑汁想页面中的某个按钮到底是叫“取消”还是叫“放弃”？有没有给某个心仪的姑娘写过信，总是想写一些深情款款又打动心弦的话语，可还没写完一句话，就撕了一地的信纸？有没有对别人的设计评头论足，然后忍不住骂**产品设计人员真是个大傻逼，这个词明显不能代表**功能嘛？有没有某天 ... ...
-
Facebook产品设计之相册 2008-07-28 11:49
相册是互联网最常见的一种产品，尤其是在国外，Flickr，Picasa，Photobucket等等，有着非常多的强大且功能完善的相册在线产 品，但是在美国用户在相册产品中现在用的最多的不是上面几个而是Facebook相册。Facebook的相册已经成为Facebook中用户使用频率最 高的一个app。无疑在众多SNS网站中，Facebook的相册功能是非常出众的。下面我们就来看看Faceboo ... ...
-
107个顶级在线零售网站的“加入购物车”按钮 2009-07-16 10:32
原文作者：Jason Billingsley原文链接：107 Add to Cart Buttons of the Top Online Retailers译者：gengrenjie “加入购物车”按钮非常小，但每个在线购物网站都离不开它。按钮上的文字通常直接呈现在长方形的按钮控件上，有时五彩缤纷的可点击元素会将产品和购物车相联系起来，并有延伸品牌的功效。因此在购物 ... ...
-
头像web版交互设计总结 2010-08-24 21:26
一、项目背景 QQ会员头像是一个会员比较喜欢的功能，为用户提供了大量优质精美的头像。但内容一直由官方提供，虽然保证了质量，但在数量上更新速度上难以满足用户的需求。 在加上用户分享头像的新特性后，客户端小页面的局限性问题也凸显出来，不再适合大量item内容的展现。由此，头像专区迁入到VIP官网正式立项。 二、设计过程 在头像web版项目中，交互设计首次尝试交互组重点项目设计流程，完整、严格并 ... ...
-
验得有体验 2009-03-29 05:51
验de有体验，验děi有体验……这个标题随你怎么读。 自从5G要求我每次登录时都要输一遍验证码后，我对验证码就产生了一些研究的兴趣。 验证码，是为了防止机器注册或者其他在网站的恶意机器行为而建立的一种会员验证形式，网站在用户登录或注册时要求用户输入一串随机产生的字符串，字符串的表现形式或者是一张不太好辨认的图片，或者是嗞啦嗞啦的背景声下给你读几 ... ...
-
表格可读性提升分析 2010-05-17 09:07
前边写了个大框架，好像有点笼统，因为没有各点的图文分析。最近用表格比较多，本文具体对表格可读性的提升做个系统总结，顺便把Readability Framework更新到了v1.1。如下图： 追溯表格(Table)的历史，最早设计师们喜欢用表格来布局，因为可视化简单直观，从而大大降低了web design的技术难度。在错误理解表格的基础上，不仅用错，而且模糊了表格的真正用途。到后来web ... ...
-
上海地铁自动售票机（续） 2008-09-09 04:22
将关于自动售票机的交互问题分享给了几个朋友。都是非专业的朋友，这样我可以更清楚的了解一般用户的使用习惯。 让我很意外的是，事实上并没有如我所想的那么多人觉得自动售票机不好用。而下意识先投硬币的人，告诉我他怀疑是因为界面设计得让人不想点，所以才先 投硬币的。这个原因是有可能的。一个类比的例子就是游戏机。游戏机会不停的闪动一些游戏的片段，当你投币之后，才会一下子跳到一个可操作界面。回头我 ... ...
-
使用眼动仪要注意的问题 2009-06-12 02:02
小孩拿钱 眼动仪作为用户研究的利器，其作用一直被大家津津乐道。不过使用的时候还是要注意以下问题，防止分析数据时出现偏差。 一、用户关注焦点可能不是用户的兴趣点 使用眼动仪得到的关键数据之一就是被测试者的关注点。用户的关注点能说明什么呢？在眼动仪的得到数据中，用 ... ...
-
淘宝网的“确认到货”流程有点儿伤感情 2008-12-22 09:57
在淘宝上消费过的朋友，可能会对这个页面有印象。我作为钻石级的买家，一直对页面中的倒数计时器，总有一种焦虑的感觉，仿佛这笔交易有极大风险似的。 为什么会这样呢？且听我慢慢道来。 熟悉淘宝交易流程的朋友应该都清楚，这个计时器代表着当前交易的最后确认期限，而确认期限是由卖家在发货时设置的。在这个期限内，买家收到货后，进行“确认到货”操作，卖家就可以拿到货款，同时买卖双方进 ... ...
-
说说抽屉式导航 2012-07-20 15:21
导航始终是产品设计的重头戏，不管在Web端设计还是在mobile的设计中。之前曾经在读《触动人心》的时候写过一篇“移动产品设计之ios导航模式”，其中的导航模式基本都是基于ios系统自身的一些模式，随着ios新产品的不断出现，新的导航方式也随之更新，这里说一下“抽屉式”的导航方式。 当然，抽屉式导航是我自己给这种导航方式取的名字，至于学名叫什 ... ...
-
带页码的翻页体验与设计比较 2008-11-17 23:43
别看翻页就占那么点儿地方，它体现的是市场的策略、程序的算法和交互设计。我选择了 Amazon、Google、Flickr、新浪和淘宝这五个网站，体验他们的翻页设计。这几个站点应该还算有代表性，Amazon 是国外购物网站，Google 是搜索引擎，Flickr 是 Web 2.0 和 Yahoo 的代表，新浪是中国门户，淘宝是国内购物站点（同时还拥有优秀的设计团队）。 Amazo ... ...
-
Web Design广告字体设计技巧 2010-06-17 21:54
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广泛应用于网络生活的各个方面。现代字体设计在计算机技术的应用中已经深入到日常工作、生活的每一个角落。 随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字体的要求也越来越多。要想设计出较好的作品,从计算机里调出来的任何一种标准字体都是不适合的,因为那会造成千遍一律,设计“撞车&rdqu ... ...
-
网页用多宽才更合适？ 2009-04-05 13:07
此文用来正式回复大辉同学的疑问。 . 1、结论：固定宽度只适合功能型网站，不适合希望用户认真阅读的浏览型网站。UCD大社区是浏览型网站，它的定位是“知识库”，希望你停留在这里认真浏览和阅读。 2、大屏幕不是用来显示更宽文字内容的，大屏幕下必然会面临鼠标长途奔袭的问题。建议用大屏幕的人：为自己的身体健康着想，在大屏幕下阅读的时候，养成缩小窗口的习惯。共勉 :) ... ...
-
不同平台下菜单的交互设计探析 2011-03-31 10:05
菜单的交互类型： 平行结构 线性结构（菜单层级沿x、y任一轴向平行展开。） 纵深结构（菜单层级沿z轴纵深递进，一个界面只显示一个菜单层级。） 十字结构 菜单使用x、y、z任意两轴向结合 十字、纵深结合 使用十字结构展现主要层级，其他菜单层级进行纵向展现。 各平台分析： PC平台： P ... ...
-
[翻译]交互性被认为是有害的 2008-07-27 17:05
Bret Victor写了篇名为“Magic Ink - Information Software and the Graphical Interface”的文章，这篇文章在国内外的一些设计社区中都引发了不少讨论。一口气读完此文会导致窒息，很长很吓人。残忍的白鸦竟然请我翻译“全文”，工程实在浩大，翻译多半后我才发觉这根本是个无法完成的任务。现在只 ... ...
-
关于快速原型的一点纠结 2010-11-30 21:40
作为一个交互设计师和工具控，我对原型设计应该用什么工具这个话题一直很感兴趣。工作至今，陆续使用过很多不同类型的原型工具，从最基本的纸笔，到Axure RP/Omni graffle，在不断地尝试和比较中，也一直在思考到底什么原型工具最适合做交互设计。后来发现其实这个问题无解。脱离了目的，单纯地讨论工具是没有价值的。所以想到写一下快速原型的目的和工具选择。 先来对原型（prototype）做 ... ...
-
留言、评论和站内信 2008-12-24 23:04
上周日下午还是在詹老师的奇遇咖啡馆，除探讨既定的“留言和评论”话题，还有个重要事情，曾经很早推荐过的《Communicating Design》中译版今天首次面世。同时，我们还请来了译者樊旺斌同学，机械工业出版社朋友也带了好多书过来。 下午阳光明媚、天气惨烈，说实话我都不想来了。几乎没准备，其实也应了咱们的初衷，探讨而不是准备出有价值的观点。以下内 ... ...
-
优化网站信息架构 2010-06-16 22:59
——让用户更容易地找到需要的信息1 最近突然想写个专题类的文章，关于如何让用户更方便快捷地在网站上寻找到他们需要的信息，当然不能脱离博客的主题——网站数据分析，所以这里主要介绍的是如何通过网站分析来优化网站，实现用户对信息的快速获取，首先介绍的是网站的信息架构。 关于信息架构，网站设计的同学才是专家，我在这里只是班门弄斧，根据大学里 ... ...
-
说说tab设计 2009-07-25 01:27
要想在不宽裕的页面展现丰富的内容，现在通用的做法使用tab，在一块区域通过tab切换来更换该区域的内容。这篇文章分析了tab设计很在理，今天我也谈谈我抓了几个案例，谈谈对tab设计的看法。 我的意见是合理的tab设计应该是这两种类型： 第1种 鼠标单击切换。此种情形下tab是没有链接的（但是在选中的tab区域内增加 更多或者more链接）。 第2种 鼠标悬浮切换。此种情 ... ...
