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