主要内容
-
滑块的应用 2008-12-15 23:19
*严重感谢博学轻侯与包掌柜宗羲对本文的指正！ 上上周的一个产品测试中，看到设计师尝试将滑块应用在打分这一样式中。此滑块一直在我脑海中纠结，于是对滑块进行了一番小研究。 滑块（slider）以其滑动感，给用户一种流畅爽利的操作体验，下文将述及将其应用在UI上的好处。 滑块基本能分为两种：单滑块与双滑块(要说明的是，单与双在此并非指单个或两个，如图1.1里PS的颜色选定滑块 ... ...
-
可用性案例分析 2011-04-16 16:28
可用性一直是交互设计的重头。以下就自己的理解，写写对尼尔森《十大可用性原则》的感想。《十大》原文请见参考资料。 本文对各项原则进行了再理解与意译，与常见翻译的版本不同；这也正是我在鼓励和推动互联网中文普及与标准化所做的重要努力之一。 一、状态可见原则 用户在网页上的任何操作，不论是单击、滚动还是按下键盘，页面应即时给出反馈。“即时”是指，页面响应时间 ... ...
-
再说微博的传播 2009-09-21 11:38
9月UCDChina书友会的话题是《微博的传播与交互》，深圳地区书友会由我做PPT引导。这里把我的一些思路做简要分享。 微博的传播属于传播学的范畴，微博的交互属于设计界的范畴，二者关联性其实不大，我讲的部分以产品设计角度和传播角度讲得较多，所以索性将PPT题目定为《微博的传播》，减少歧义。我一直不大同意我们把Twitter类服务翻译成微博。而我后面的案例也只讲Twitter，其它类似的类似 ... ...
-
信息架构中的常见模型-2 2010-05-31 19:53
上一期分享了三种基本的交互模型，双面板选择、画布工具条、向导（wizard），本期讨论的交互模型并不局限在一个页面上的信息结构，它们分别是：响应式出现和嵌入式连接。 1. 响应式出现 一个页面要显示很多内容，但是其中一部分内容不太重要，我们希望用户界面变得简单，但又不得不把内容放到界面当中，在这样的情况下，可以把重要的内容显示出来,并把其他内容隐藏，用户可以通过一个简单的操作访问隐 ... ...
-
几点百付宝的体验 2008-10-22 11:21
前天，百度有啊在百度用户里挑选了一批进入有啊测试，有幸进去测试。大家可以去百度空间查查系统信息看有否（百度hi也会给系统提示）。今天完善了一下百付宝的用户信息，截几张图： 1、后发制人的表单提示。为什么在我点击保存的时候才提示我没有填写“支行名称”？同时，整个表单没有列出哪些是必填，哪些是选填。 ... ...
-
胖梨的困惑——用户在哪“返回”？ 2010-08-18 16:12
本文关注的是，在不同平台上设计同一个产品，是应当进行统一设计，还是针对不同平台特性进行差异化处理？对于“iPhone和android的交互逻辑是否可以互相移植”，同行们已经讨论过一些了。今天我们想说的是Palm。 Palm是什么？ 说到Palm，可能有些人还不太熟悉。Palm有以下几层含义： ——Palm ... ...
-
按钮表状态还是表动作？ 2009-03-18 09:06
关键字：按钮 状态 动作在网页中经常见到两类不同的按钮。一类表示当前所示的状态，一类表示将要进行的动作。(如下图) 那么，同样是icon类的按钮，为什么有的表状态，有的表动作？ 分析两类按钮的使用场景：场景一：声音开关的按钮 场景：这组按钮首先表示当前的状态（声音是开着的，还是关着的），点击以后切换到另一个状态。分析 ... ...
-
斜杠的作用与导航 2009-01-17 23:02
在互联网世界中，斜杠“/”是很常见的一个符号。它的位置在右 Shift 的左边，不用按 Shift 就能够输入。 我猜测（没在维基中查到），斜杠之所以占据那么重要的地位，应该得益于操作系统（Unix、Dos）的流行。在命令行中，一个斜杠往往是表示着根目录，也作为目录与目录之间的分割。 其实到了互联网时代，除了 URL 中可能要用到斜杠外，其他地方很少见到 ... ...
-
退订邮件的设计 2009-05-16 13:02
昨天整理邮箱，发现很多邮件是网站系统自动发的，删也不是（毕竟是自己订的），不删也不是（浪费资源），唯有退订。 系统邮件分三种，一是注册某个服务时订阅的新闻，一是网站服务的提示，如豆瓣的活动未通过提示，还有一种是网站发送的EDM。 好友通知等系统通知是需要到网站的账户设置中修改的，而EDM一般为不定期发送，也不必设置退订功能，下面主要说一下退订新闻服务的感受。（EDM 最好不要用纯 ... ...
-
我看数据可视化（Data Visualiza... 2009-07-08 00:46
数据可视化是当前的一个热点问题，特别在交互设计领域，如何把数据——特别是大规模的数据进行可视化就成为了一个非常热门的问题。对于设计专业的人员而言，数据可视化的最大挑战在于对数据的理解。和传统的设计对需求的理解有所不同，数据的理解难度可能会加大。因为，数据本身可能带有比较强的专业性、领域性和研究性。而设计专业的最大优势在于可视化表现这一部分，因此，采用什么表示方式，可能是数据 ... ...
-
探讨链接打开方式 2009-03-13 03:27
一．链接打开方式1、新窗口打开优点：用户点链接的时候，当前浏览的内容不会被替换，不需要通过前进、后退去看自己看过的内容；缺点：访问一会，就会产生大量窗口，占用资源。每个窗口都需要手动关闭；2、当前窗口打开优点：可以一直在一个窗口内看内容，不会打开很多窗口、占用太多资源。窗口只有一个，关闭容易；缺点：当用户需要看几个页面的内容，或者需要对比着看的时候，就很麻烦。或者必须按住SHIFT点击链接，但很少 ... ...
-
基于情景的信息架构走查法 2009-07-12 02:01
信息架构建立以后，如何评估它的效果？逻辑走查是以系统为中心的方法，即用业务逻辑等验证IA的有效性。卡片分类法则是以用户为中心的方法，尝试了解用户对于结构的理解和视角。Adaptive Path这篇文章则介绍了一种评新方法——基于使用情景来评估一个IA。 译介原文：http://www.adaptivepath.com/blog/2009/06/11/changem ... ...
-
互联网表单设计 - 第一章 表单设计 2009-02-17 06:41
原著Web Form Design: Filling in the Blanks，作者Luke Wroblewski ，amazon购买。 ———————————– 第一章 表单设计 表单很讨厌。要是不相信，就 ... ...
-
按钮还是链接？(一) 2009-05-02 19:13
在做网页设计的时候，经常听到产品或运营经理说这样的话：“这里太弱了，不要用链接，用按钮！”，“这 里我想搞个大大的按钮来吸引用户点击”。是不是按钮就会让用户想点击？按钮是不是越多越好？是不是所有链接都能替换为按钮？这都要归结到一个基本的问题： 按钮和链接有何区分？是否可以混用？ 问了很多人，答案各种各样，总结起来有三种。 1，没必要区 ... ...
-
注册表单之电子邮箱 2008-08-07 15:50
很多网站在注册时除了需要用户填写用户名与密码之外，还会要求用户输入邮箱，而且是属于那种不填写就不能完成注册的强制型的。碰到这种情况的时候， 一部分用户就会如实的填写自己的邮箱，但还有另一部分用户会选择填写无效的邮箱或者是假邮箱，以求在不公开自己邮箱的前提下完成注册。 用户希望在注册时不填写自己的邮箱，但网站同样也希望用户在注册时填写自己的邮箱。用户可以输入假邮箱以求完成注册，网站同样可以 ... ...
-
7月UCDChina书友会记录 2009-07-20 22:29
次是来杭州后第二次参加UCDChina的书友会话题。 上一次是在虾米网。贝塔咖啡开馆以后，这UCDChina杭州基地也相应由虾米转至贝塔咖啡馆。 带着本月话题“群组功能和用户沟通”，第一次走进了传说中的贝塔咖啡馆。 咖啡馆的人气还好啦。走进二楼包间，话题正准备开始~ 讨论首先是说说自己心目中认为好的群组与坏的群组。 拿我个人的观点来说，群组本身的内容质量决定了我对群组定义的 ... ...
-
怎样的面包屑导航更能体现整站架构 2009-04-08 21:27
在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向，而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样，前者为用户做一个大概的结构介绍，而后者则是在大架构之后的细节延伸。 面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接，这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地，面包屑导航是 ... ...
-
这些设计，让网站似个彬彬有礼的绅士。 2008-07-26 22:39
不 可否认，web的用途越来越广。大家在互联网上看资讯/电影、聊天、找朋友/工作、玩游戏、写小说/日志、交易/买卖、听音乐/广播。互联网已经不仅仅是 一个窗口，他已经成为我们工作和生活的伙伴。是的，他不是工具，而是伙伴，这些伙伴的数量听说全球已经达到一亿个了，在这些伙伴中，有些对我们很粗鲁，有 些待人礼貌。UCD的含义就是“以用户为中心的设计”，那么怎样的网站让用 ... ...
-
排序需要考虑的因素 2008-07-27 17:29
接着千鸟的文章来说说我对楼层数排序的看法，这篇文章旨在表达观点而非下结论。 不管是在讨论中还是实际的情况中，竖排和横排的比例几乎是对半。说到横排和竖排，大家潜意识里面都会回想自己平时使用的电梯，因为你已经习惯一种模式了，就好像现在让一直使用apple电脑和PC的设计师来决定窗口的关闭按钮时放在左上角还是右上角一样。因为在设计之前，你已经带有一定的操作习惯了，所以，现在要统一电梯按钮的排序方式 ... ...
-
缓解全站导航和栏目导航的矛盾 2008-09-08 01:29
许多资讯类的网站都有信息量庞大的导航。网站的全站导航就占据了第一屏的1/4。而各个栏目又需要 大量的导航。按照逻辑关系给这些导航排序。全站的导航理应出现在最前面，接下来是各个栏目的导航。可不经过处理直接这样安排的话，当用户点击到各个栏目页 的时候，第一屏1/2的位置都被导航占据了：首先是全站导航，然后是栏目导航（见下图） 当 网站的导航信息量到达一定程度时，将所有的内容 ... ...
