主要内容
-
Tag与Tagging 2009-10-15 14:29
注：该文发表于《程序员》第10期，有删节。 Tag，直译标签，是一种由用户自定义的、用于描述信息 [1]的关键词。Tagging是用户为信息赋予Tag的行为。Delicious，Flikr等Web2.0网站的发展促进了它的流行，使之成为社会化书签、相册服务、博客等网站的常见功能。但Tagging对用户来说是一种脑力负担不轻的行为：要将信息分类尚属不易，勿论描述信息。对一条信息而言，应该Ta ... ...
-
翻转页面导航 2009-11-10 10:26
在UItrends上看到一个新的导航趋势的应用：翻转页面导航。其实这个早期一直是photoshop表现视觉效果的手法，就像kate曾经提到过的，这种效果仅仅用来代表视觉隐喻，没有什么实际内容。 早期由于这种设计只有一种固定的模式，缺乏动态效果，另外冗余的样式对页面的加载速度也有不小的影响，其应用并不广泛。后来随着带宽的提升和web应用的多样化 ... ...
-
电子商务网站的非登陆用户处理 2009-05-26 01:19
Forrester之前公布了一个调查报告，提供的一些数据证明：要求注册登录对于购物网站来说并不是个很好的做法，它会消极影响到用户的购物欲望，降低在线转化的实现。 报告中称用户在购物流程中会因为网站必须注册登陆才能继续下一步操作而放弃此次购物。并且几乎四分之一的用户都在这样干，从而给购物网站网站造成每年数百万美元的收入损失。 虽然这个调查是基于美国用户进行的，但是无论是国内还是国外网 ... ...
-
WAP产品设计：删除确认不能少 2010-04-05 16:39
引：删除操作要不要再次确认？在WEB设计里，这个问题其实以前很多设计大拿都写过，也有些优化方法，真是各有各的好处。 今天要说的是在WAP产品设计中的状况，前一阵改版站内消息的时候，有一类操作是清空所有消息和删除单条消息，操作比较危险，但其实以前并没仔细考虑过，造成了部分用户的质疑。 状况是这样，我沿用了旧版站内消息的设计：删除/清空不确认直接操作，相信用户已经习惯这种方式，其 ... ...
-
让复杂导航变简单 2008-07-27 16:56
导航设计是结构层面设计中的主要工作之一，在软件中，导航设计的好坏，直接关系到用户使用是否能够流畅。面对较复杂的导航，我们第一反应是将其简化。所以在一些复杂的企业级管理软件中（如SAP、金蝶ERP、浪潮ERP等），提供用户直接通达某位置的快速入口；有些软件则提供收藏夹，让用户把常用的地址收藏；有些则从导航交互的方式上寻求解决办法。 1、在路径层面上提供辅助导航提起辅助导航，我们会马上想到搜索框 ... ...
-
电子商务网站产品页面设计模式 2011-06-05 20:16
此文主要讨论电子商务网站产品页面设计模式，从产品页面元素、设计理由，解决方案等对产品页面设计进行分析。以客观的思路来探讨如何设计出好用的产品页面 产品页面作用 用于显示在一个电子商务网站中的产品信息，包括商品制造商，品牌，产品说明，价格以及用户评论等。 产品页面元素与解决方案 目前产品页面都会包含以下一些必要元素： 产品名称 ... ...
-
页面是否新开窗口的一点补充 2008-09-04 01:24
前段时间我们部门的粉丝和布林同学都写过关于这个问题的文章。刚好阅读了关于这个问题的其他争论文章。所以顺便在这补充几点。 这是老问题 确实可以肯定这在中国大陆是个老问题。只有在中国大陆的网页才会出现这么多”target=_blank”的代码； 为什么称只在中国大陆呢。以yahoo为例。无论是yahoo.comca.yahoo.com（雅虎加拿大in.yah ... ...
-
Wordpress后台的导航设计 2009-04-21 22:13
前一阵子升级了博客系统，由原来的wp2.6升级到wp2.7，而升级以后最大的改变就是全新的后台管理界面了。 在我用了一会发现，wp2.7的后台左侧导航越用越熟悉，突然打开dwcs4一看，哈哈，这不是一模一样吗，adobecs4系列全面升级了界面，而左侧导航的处理方式也全新的，下面我们来看看dwcs4的导航设计。 三种状态： 第一种区块全部展开，可以收缩，这一点和普通的软件没有什么 ... ...
-
传说中的纸上线框图 2009-05-11 20:50
画线框图/原型图，是每个产品设计人员的基本功。 可以用绘制画线框图的软件工具很多，从word、ppt这样的办公软件，到PhotoShop、illustrator、visio之类的设计软件，当然还有专用的Balsamiq、Axure等等。 那么如何选择线框图/原型图工具呢？ 目的决定方法：明确目的，按照目的选择－－不选好工具，选合适的工具 结合自己的能力：产品人员 ... ...
-
也谈信息架构 2011-05-31 08:57
关于信息架构，其实我也不大懂，我就看过两本中文翻译书和一本很学术的中文书，我一直认为信息架构是数据结构的另外一种叫法。 结合Tony的信息架构扫盲贴，我也扯扯信息架构的东西：（顺序可能不妥，请见谅） 每个网站产品都需要规划信息架构，包括检索、标记、导航、展示等，在产品最开始规划时就需要做，且后边规划功能时针对需求进行调整。 信息架构需要和真实信息尽量匹配，比如做个游戏信息库，每条游戏 ... ...
-
关于豆瓣UI 2009-12-04 17:37
Web 2.0的重要特征之一，就是更加类似于生物界的自组织现象。用户如同单细胞生物一样，在充斥营养质（内容）的液体中飘荡，直到偶然落在某处营养足够支撑其产生连续、规律的生长（用户习惯）的结构体（网站）上。同时，当汇聚的简单细胞足够多的时候，也会产生质变，影响这部分结构组织营养的比例和方式。所以Web 2.0的技术重点，比如Ruby On Rails，Ajax往往都放在能够快速完全重构，框架部分更新 ... ...
-
游毅和他的智障女儿 2008-07-27 17:07
也许是繁忙的工作让我无法顾及周边的变化，亦或者是变化的环境让我忘记了自己。 我姓游名毅，结婚6年，现有一女，她妈不知去向。女儿今年5岁，智商只相当于两岁，是个智障。 女儿刚出生那时很漂亮，是我见过最可爱最美的孩子，可是从她两岁开始，女儿与同龄孩子的差距就暴露得明显了。她说话迟，且又慢又结巴。走路也不稳，力气却奇大，“啪”的一巴掌莫名其妙地就迎面打过来。 孩子三岁的 ... ...
-
周二茶闻 Facebook的新界面 2008-07-29 23:39
—–交互创新案例—– 这期沈主编很忙很忙。于是就由偶来为大家献茶。 Facebook的新改版简直做了重大调整，整个界面流基本重写。最大的特点莫过于大量应用Ajax，大量减少了页面跳转。另外，Facebook 开始在 页面内应用了多层级的导航。Facebook的层级Tab导航：其实我很少见到两级的Tab，更别说这种三级的了&hell ... ...
-
设计表单的标签和输入区 2009-04-23 06:00
重读LukeW的《Web Form Design:Filling in the Blanks》感触很深，除佩服LukeW的钻研精神外，更多的是学习他对设计细节的执着和理解。我把对本书的理解，与工作生活中遇到的实际问题结合起来，作为今后设计工作的指导和规范。 有一些元素，看着很简单，设计起来却很头疼。往往这样的元素都具有一个共同的特点——变化多，表单的设计就是如此。你 ... ...
-
阿里系的中国雅虎首页浅谈 2008-10-18 13:43
自从2005年8月11日阿里巴巴宣布收购雅虎中国的全部资产后，做为阿里巴巴集团的创始人马云心里盘算的事应该是如何把雅虎中虎整合进阿里巴巴这 个大家族，而非如外界所传的打造中国互联网最大的搜索平台。事实上只要有Google跟Baidu在，雅虎中国就不可能成为中国互联网最大的搜索平台。所 以如何把雅虎中国溶入到阿里巴巴这个大家族中，以达到双方资源的最大化相互利用，成了阿里巴巴收购雅虎中国后最核心的 ... ...
-
手机网站开发必修课[2009总结版] 2010-01-04 21:23
从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。 手机网站开发，有着许多不为人知的困难： 一是可参考的资料太少，大部分手机网站都处于起步阶段，很多的时候都是摸着石头过河，而鉴于淘宝自身的特殊性，也使得我们在参考成功案例之余，要做更多的思考； 二是兼容性工作异常艰辛，难度一点也不比web网站的 ... ...
-
那些扯淡的Checkin文案 2010-06-02 20:13
本文主要想说的是，其实在产品设计上只有一条定律：你的产品是在什么情境下帮助什么人以什么形式完成什么任务。你对你产品的理解，对上述4个要素的填空结果将直接决定你产品的架构、展示、运营。 下面的案例来自一堆所谓的LBS产品的核心展示（checkin）文案： 1、5gtalk,我在［北环中心”http://URL”]Check- in(踩点)了 2、我刚在 (@ ... ...
-
三款交互设计工具 2009-01-23 11:48
http://www.balsamiq.com 手绘风格交互设计工具，完全是苹果系的交互操作方式，需要在air的环境下运营，安装程序只有3M。 如果未注册有些功能是受限的，每5分钟会弹出购买提醒，价格不菲，79美金。下面是利用balasmiq画的一个本blog的结构示意图。 balasmiq上手非常容易，但不支持丰富的交互定义，可以在产品创意或者策划的初级阶段，用来 ... ...
-
交互设计-简单 2011-08-24 17:35
交互设计是近几年流行的一个词语。现在市场上有许多资料来介绍什么是交互设计，如何做交互设计等。从场景，任务，用户，操作等分析。但由于受实际情况的限制，往往不能很深入。所以笔者结合实际工作体验与大家分享下，具体做设计时候是怎么考虑的。如果要说什么是一个好的交互设计，个人浅见就是简单。本文以下内容都是围绕简单2字进行展开。 简单在本文中包括认知和操作两个部分： 1. 认知主要是指人的思维过程 ... ...
-
忘记5G用户名的下场 2009-03-25 05:20
Gmail收到5G的邮件：主题：[5G/五季网络] *** 请求加你为好友于是来到5G首页，糟了用户名忘记了。1、先随便输一个常用的试一下吧（输入用户名和密码 点登陆）2、哇，输验证码（心里暗喜：记性不错呀，竟然能输对）3、输入验证码后（对不起登录失败，请重新登陆。晕）4、没用户名找回功能???5、算了，点忘记密码吧试下：第一步：输入用户名6、提示”您的账户资料中没有完整的Email地 ... ...
