主要内容
-
表格的UI交互模式指南 2010-05-31 20:27
许多人都认同这样一个现象：表格虽然是用户界面设计中的一个重要部分，但是它们却经常会被忽视。表格应该显示让用户更易读，更易扫视，更易比较的结构化数据，但在很多情况下，表格数据却显得模糊不清。这就是很多人不喜欢表格的原因。 用户的日常工作经常使用表格，但是谁会需要让他们崩溃的东西呢。要改变这样的现状，下面给出一些使表格易用的指南。 行交替样式Alternating rows sty ... ...
-
如何设计一个良好体验的用户界面（上） 2010-11-01 16:03
原文链接：http://bbs.tutu001.com/thread-72-1-1.html 当设计一个web应用程序或项目时，功能往往是首先要被考虑的。在大多数情况下，这是一件好事。 大部分人在使用的应用程序时，是因为它们是有用的，而不是因为它们看起来很漂亮。 但是，这并不意味着你可以忽略良好的界面设计。 良好的用户界面设计可以增加用户对于Web应用程序的用满意度。 良好的用户界面设计与 ... ...
-
如何搞定站内搜索的产品设计及应用(下) 2009-06-20 18:55
如何搞定站内搜索的产品设计及应用（上）http://blog.xiqiao.info/2009/06/02/343 如何搞定站内搜索的产品设计及应用（中）http://blog.xiqiao.info/2009/06/03/357 五、站内搜索的其它应用 1. 流量引导 针对站内搜索本身，流量引导的主要方式是关联、推荐和热榜。 关联： 包括搜索结果关联、关键字关联 ... ...
-
“突破”平台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. 我想到了我们的设计创新，设计师的设计意 ... ...
-
用户期望什么时候在哪里出现 2008-08-26 00:35
最近，有一个设计师问我们说用户期望在页面的哪儿找到登录区域呢。有的站点把它放在左边，有的却放在右边。我们是不是有什么研究能够表明放在这儿比放在哪儿更好呢？ 这 样的问题拉出了一个更大的问题：为用户的期望而设计。 一方面来说，用户，无论是新生儿还是新手，都会对某件事物理应出现的地方产生期望。为这种期望而设计 将会减少用户的认知负担，并且能够让他们能够将注意力集中在他们的任务上。从另一方面 ... ...
-
Android4.0最应该改进或创新的7个控件 2011-09-28 15:16
基于android2.×设计app远比基于ios平台来的百转纠结，肝肠寸断。我觉得android混乱，我认为原因就在这里——android平台自带的控件不好用，开发者不得不自己定义控件。如果需要设计android shell，我认为第一件事情就是重新定义以下的这些控件，这会让你的平台好用很多。就像你开始出牌之前，最好先摸一把好牌，这样赢的机率更高。所以这篇文章也 ... ...
-
如何搞定站内搜索的产品设计及应用（上） 2009-06-02 01:57
我为银杏泰克站内搜索服务商做产品顾问期间，经手了十几个站点的站内搜索应用的方案设计，略作一些分析和总结。 一、站内搜索应用 站内搜索的应用受到越来越多的重视，以前出于技术成本和内容规模的原因，大家使用公共应用来凑合这个事，或者干脆没有。但是现在有钱了，信息量和信息类型的差异化和几年前也完全不是一个级别了，有越来越多网站对站内搜索有了极大的依赖。 对于分类信息、电子商务、点评 ... ...
-
建议：支付宝自主交水费使用体验 2009-03-21 09:32
先谢谢这个产品的团队，我觉得这是支付宝走出“交易工具”，真正变成用户离不开的服务工具的第一步。 使用了一下，觉得有几个问题，看图片： 创建缴费页面 1. 样单没有。这是怎么回事呢？ 2. 账期，我看到以后就有点糊涂，因为在水费单上面找不到这个概念，我只能摸索前进了。 这里我提供一张样单，可以让UI尽快做进去： ... ...
-
宽屏显示下的网站网页宽度 2009-04-07 04:34
当前的前端设计师有一个苦恼，就是用户屏幕显示分辨率的各不相同，并不能只按照一个模式设置网站的宽度，特别对于宽屏用户来说更为烦恼。 根据我的博客上月统计，1024×768分辨率的用户只占到50%，并且在逐月下降，而1280-1440这三个分辨率的用户则达到了35%，如果按照这个速度发展下去，明年就会超过1024分辨率，这说明，使用17寸普屏的用户正在加速减少，而17、19寸宽屏 ... ...
-
Apple vs. Microsoft——网... 2009-06-02 06:08
原文作者：Dmitry Fadeyev原文链接：Apple vs. Microsoft - A Website Usability Study译者：indigo90 【中文原文】http://ineu.org.cn/blog/index.php/archives/430 今天我们要对两家大公司——苹果和微软——的网站做一个比 ... ...
-
商品评论的设计 2009-12-20 20:32
今天深圳ucdchina书友会的话题讨论—《商品评论的设计》，写了个引导的PPT与大家讨论，主要是关于web中评论体系的设计，收获不少， lytous 、许让、我，还有四位业内的纯爷和四个妞，气氛还是不错的。以下是PPT和一些讨论过程中的关键点。 List: 1. 什么叫商品评论？ 2. 评论体系的存在意义 3. 评论体系的现状 ... ...
-
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 ... ...
-
介绍几款iPhone手机原型设计的工具 2010-05-16 00:56
一、iPhone Mockup http://iphonemockup.lkmc.ch/ 可绘制简单线框图（Illustration）和手绘风格线框图（Pencil）两种风格的原型。组件都可以任意拖动，放到合适的位置。但是由于是在线软件，可能在安全保障上会有些欠缺，而且有些类似于沙盘的形式，不知道什么时候还会消失。优点是可以协同创作。 二、Balsamiq Mockups ... ...
-
手机客户端适配性 2010-05-10 21:27
适配性指的是客户端应用程序能可以在多种参数的手机屏幕上运行，手机屏幕的相关参数有尺寸、分辨率和精度。 屏幕尺寸指的是实际的物理尺寸，以屏幕的对角线长度为准。如iPhone的尺寸为3.5英寸。 屏幕分辨率是物理像素总数。如iPhone的屏幕像素为320×480px（宽×高）。 屏幕精度取决于屏幕分辨率和像素在物理宽高上分布情况。如iPhone的精度 ... ...
-
关于“双向关系”与“单向关系”的一些解读 2010-05-11 10:30
近期关于对豆瓣将“朋友”双向关系，改变为“关注”单向关系，用户之间有一些争议。这里我想表述一下我对此的理解，想用一些nodes图来表达。（画得比较简单，没我想象能表达清楚，可能）1，“双向”确认关系，变成“单向”关注，是变简单了还是变复杂了？假设9个节点（网络中的9个人），分别建立双向和单向关系如图A和 ... ...
-
三大SNS的好友关系体系分析 2010-12-01 14:11
profile、relationship、interaction， what do you konw, about Social Network service? SNS的三要素是profile,relationship,interaction。三要素的作用表现在feeds流中。 今天，谈一谈SNS三要素中的relationship。本来想拿国际上最知名的几个站来举例子，但是由于我的翻墙软 ... ...
-
购物车正面临被抛弃的困境 2009-08-26 09:50
原文标题：Shopping Cart Abandonment Woes 作者：Bryan Eisenberg 版权所有 翻译：UCDChina翻译小组，Roc 上周，Brendan致力于解决在购物车（除了运费）中如何回答5个未答复用户的问题。根据最近一份由PayPal和comScore提供的研究报告表明，45%的美国在线顾客已然在近来的3周内多次放弃使用购物车。 ... ...
-
让阅读更流畅 2009-04-06 02:46
有价值的争论会带来思考，网站页面的宽度究竟如何设定？一个咖啡馆博客如何设计引起的争论。 用户的屏幕现在的屏幕趋势很可能会出现两极分化，一种是追求大屏幕，跟当初电视机一样，现在去中关村，24寸都成为主卖产品了。另一种趋势是小和便携，尺寸会越来越小，目前的上网本，大多还是保持了1024的宽度。以后，谁知道呢？显然，设计需要应需而变。 阅读宽度的尺寸和单位1 用百分比显然不利于各种分辨率的屏幕，这个 ... ...
-
商品评论的设计：从《三狼啸月》到《三枪拍案惊... 2009-12-26 13:55
有幸代理主持UCDChina书友会12月份南京地区的线下交流讨论活动。 临时得到这方面的通知，转接kent.zhu标题为：《让评价故意走光》的PPT，略作整理不劳而获。 商品评价的重要性 如何引导用户评论 由谁来为商品叫好 商品评价的设计（打分/交互、打分内容选择、评论框的设计、评论与社区、评论的展示） 案例 直接以《三狼啸月》为题说开去。 ... ...
-
叙词表 2011-06-13 13:08
说叙词表这个名词之前，我们先来看看下面这些日常见到的吧。 漫画人物表： 常见于漫画书开头部分，描述角色形象与对应名字，帮助读着搞清谁是谁。 摘自漫画《圣斗士星矢》——车田正美 世界杯小组赛分组表： 用于介绍世界杯小组赛各队分组情况，描述组名与球队的包含关系，让观众一目了然了解赛事。 西餐菜单： 点餐之前不看不行的东西，描述类别、菜名、所含 ... ...
