主要内容
-
页面表达原则 2010-04-20 22:23
《页面表达原则》是整个“web交互设计方法”中的一部分： 页面表达原则概述： 1.更少的信息量更好。 2.不提供多余的功能。 3.结构化更易于理解。 4.信息的表达应该清楚、明确、直接。 5.操作可识别。 6.操作前，结果可预知。 7.操作时，操作有反馈。 8.操作后，操作可撤销。 9.让用户知道身处何地。 10.避免内容看上去象广告。 11.同一功能在不同页面上位置相同 ... ...
-
用户期望什么时候在哪里出现 2008-08-26 00:35
最近，有一个设计师问我们说用户期望在页面的哪儿找到登录区域呢。有的站点把它放在左边，有的却放在右边。我们是不是有什么研究能够表明放在这儿比放在哪儿更好呢？ 这 样的问题拉出了一个更大的问题：为用户的期望而设计。 一方面来说，用户，无论是新生儿还是新手，都会对某件事物理应出现的地方产生期望。为这种期望而设计 将会减少用户的认知负担，并且能够让他们能够将注意力集中在他们的任务上。从另一方面 ... ...
-
流程图和线框图的关系 2010-06-21 21:33
流程图(task flow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤用一个节点来表示，用线和箭头指示出每一步骤的方向和所要到达的下一个步骤。流程图意在帮助设计师很好的了解产品的功能结构和用户每一步的操作而达到白己的使用日的。 但是流程图也分为两大类： 一类是产品经理或者 ... ...
-
如何搞定站内搜索的产品设计及应用(下) 2009-06-20 18:55
如何搞定站内搜索的产品设计及应用（上）http://blog.xiqiao.info/2009/06/02/343 如何搞定站内搜索的产品设计及应用（中）http://blog.xiqiao.info/2009/06/03/357 五、站内搜索的其它应用 1. 流量引导 针对站内搜索本身，流量引导的主要方式是关联、推荐和热榜。 关联： 包括搜索结果关联、关键字关联 ... ...
-
宽屏显示下的网站网页宽度 2009-04-07 04:34
当前的前端设计师有一个苦恼，就是用户屏幕显示分辨率的各不相同，并不能只按照一个模式设置网站的宽度，特别对于宽屏用户来说更为烦恼。 根据我的博客上月统计，1024×768分辨率的用户只占到50%，并且在逐月下降，而1280-1440这三个分辨率的用户则达到了35%，如果按照这个速度发展下去，明年就会超过1024分辨率，这说明，使用17寸普屏的用户正在加速减少，而17、19寸宽屏 ... ...
-
“突破”平台UI膜拜-由iPhone想到的 2010-11-08 19:52
之前看到一篇文章，讨论iPhone 交互设计和Android交互设计的一致与不同，它强调平台本身的特性，不要照搬其他平台的UI设计，让用户感觉是在真正的使用一个android软件。 I think everything here is very relevant, and let’s keep them in mind. 我想到了我们的设计创新，设计师的设计意 ... ...
-
Android4.0最应该改进或创新的7个控件 2011-09-28 15:16
基于android2.×设计app远比基于ios平台来的百转纠结，肝肠寸断。我觉得android混乱，我认为原因就在这里——android平台自带的控件不好用，开发者不得不自己定义控件。如果需要设计android shell，我认为第一件事情就是重新定义以下的这些控件，这会让你的平台好用很多。就像你开始出牌之前，最好先摸一把好牌，这样赢的机率更高。所以这篇文章也 ... ...
-
三大SNS的好友关系体系分析 2010-12-01 14:11
profile、relationship、interaction， what do you konw, about Social Network service? SNS的三要素是profile,relationship,interaction。三要素的作用表现在feeds流中。 今天，谈一谈SNS三要素中的relationship。本来想拿国际上最知名的几个站来举例子，但是由于我的翻墙软 ... ...
-
line-height和字体实际高度的计算 2009-06-14 17:27
最近讨论到了line-height的问题，做了一个实验，分别测试占主流的Firefox、IE6、IE7、IE8下的line-height的算法。 1.第一种情况，字体为宋体，在不设置line-height时，font-size:12px。 Firefox—-字体实际高度为11px，上留白1px，下留白2px，上下所占空间为14px。 IE6&mdash ... ...
-
建议：支付宝自主交水费使用体验 2009-03-21 09:32
先谢谢这个产品的团队，我觉得这是支付宝走出“交易工具”，真正变成用户离不开的服务工具的第一步。 使用了一下，觉得有几个问题，看图片： 创建缴费页面 1. 样单没有。这是怎么回事呢？ 2. 账期，我看到以后就有点糊涂，因为在水费单上面找不到这个概念，我只能摸索前进了。 这里我提供一张样单，可以让UI尽快做进去： ... ...
-
商品评论的设计 2009-12-20 20:32
今天深圳ucdchina书友会的话题讨论—《商品评论的设计》，写了个引导的PPT与大家讨论，主要是关于web中评论体系的设计，收获不少， lytous 、许让、我，还有四位业内的纯爷和四个妞，气氛还是不错的。以下是PPT和一些讨论过程中的关键点。 List: 1. 什么叫商品评论？ 2. 评论体系的存在意义 3. 评论体系的现状 ... ...
-
手机客户端适配性 2010-05-10 21:27
适配性指的是客户端应用程序能可以在多种参数的手机屏幕上运行，手机屏幕的相关参数有尺寸、分辨率和精度。 屏幕尺寸指的是实际的物理尺寸，以屏幕的对角线长度为准。如iPhone的尺寸为3.5英寸。 屏幕分辨率是物理像素总数。如iPhone的屏幕像素为320×480px（宽×高）。 屏幕精度取决于屏幕分辨率和像素在物理宽高上分布情况。如iPhone的精度 ... ...
-
电子商务购物流程----注册登录的必要性 2009-05-19 13:41
网 络购物网站根据买家和卖家的不同形态，主要分为三类商业模式：B2B B2C C2C ，这三种商业模式在传统的线下也有相对应的典型形态： B2B 对应专业的批发市场 B2C 对应购物超市 C2C对应个体摊位组成的市场。所以说网络购物网站并不是完全意义上模式创新，它只是利用了新的媒介和新的平台来承载卖家和买家的商业活动，因此其 ... ...
-
分页还是加载，这是一个问题 2012-09-06 10:01
无论是在web页面还是手机应用，信息往往无法在一个页面全部展示，这就需要用到一些可以扩展页面信息的交互模式：分页（Pagination）和加载（Continuous Scrolling）。分页和加载都是非常常见的交互模式，我们每天都会遇到，也正是因为太常见，我们甚至感觉不到它们的存在，浏览到页面的底部时，看到分页就顺手点一下，自动加载了就继续阅读。但正是这小小的一点，也会带给用户很 ... ...
-
城市的拼音输入 2010-07-19 16:10
网上预订机票和酒店，都要输入城市，各网站做的看似差不多，但也有些有趣的差异。 国内各航空公司的机票预订，在输入城市时，主要采取了关键词和下拉列表两种形式。 1. 输入关键词。有国航、东航、上航、南航、海航、山东航空等。关键词支持汉字、全拼/简拼。在简拼输入上，各家有所差异。假如，要输入“南京”，简拼方式，下面以依次输入字母“n”、“j ... ...
-
购物车正面临被抛弃的困境 2009-08-26 09:50
原文标题：Shopping Cart Abandonment Woes 作者：Bryan Eisenberg 版权所有 翻译：UCDChina翻译小组，Roc 上周，Brendan致力于解决在购物车（除了运费）中如何回答5个未答复用户的问题。根据最近一份由PayPal和comScore提供的研究报告表明，45%的美国在线顾客已然在近来的3周内多次放弃使用购物车。 ... ...
-
关于“双向关系”与“单向关系”的一些解读 2010-05-11 10:30
近期关于对豆瓣将“朋友”双向关系，改变为“关注”单向关系，用户之间有一些争议。这里我想表述一下我对此的理解，想用一些nodes图来表达。（画得比较简单，没我想象能表达清楚，可能）1，“双向”确认关系，变成“单向”关注，是变简单了还是变复杂了？假设9个节点（网络中的9个人），分别建立双向和单向关系如图A和 ... ...
-
导航 – 让用户“务入其途” 2012-04-12 19:40
导航到底有多重要？它只是简单的指路牌吗？当然不是。导航在网站架构中占据重要的位置，它决定了网站的信息范围、分类及获取路径。好的导航设计将直接提升网站的可用性，进而提升品牌形象和网站的可信度。所以如何让进入网站的用户顺利地甚至是不知不觉地”务入其途“一直是我们不断探寻的目标。 导航的种类众多，扮演的角色自然会略有不同，有的可拓展信息，有的则做信息收拢，笔者初步将常见的 ... ...
-
介绍几款iPhone手机原型设计的工具 2010-05-16 00:56
一、iPhone Mockup http://iphonemockup.lkmc.ch/ 可绘制简单线框图（Illustration）和手绘风格线框图（Pencil）两种风格的原型。组件都可以任意拖动，放到合适的位置。但是由于是在线软件，可能在安全保障上会有些欠缺，而且有些类似于沙盘的形式，不知道什么时候还会消失。优点是可以协同创作。 二、Balsamiq Mockups ... ...
-
叙词表 2011-06-13 13:08
说叙词表这个名词之前，我们先来看看下面这些日常见到的吧。 漫画人物表： 常见于漫画书开头部分，描述角色形象与对应名字，帮助读着搞清谁是谁。 摘自漫画《圣斗士星矢》——车田正美 世界杯小组赛分组表： 用于介绍世界杯小组赛各队分组情况，描述组名与球队的包含关系，让观众一目了然了解赛事。 西餐菜单： 点餐之前不看不行的东西，描述类别、菜名、所含 ... ...
