主要内容
-
直达电梯－导航 2011-11-03 10:13
超大信息类站点的导航条就像中药铺的抽屉，一字排开气势恢宏，分别拉开，别有洞天。 国人喜好：多！大！全！最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此，对比浏览了同类大型新闻信息类站点，发现中/洋；东/西，界面感受果然不同。 今天只说导航，只对比了新闻类站点： （娱乐类，设计类，个人站点导航形式多样，逻辑复 ... ...
-
那些扯淡的Checkin文案 2010-06-02 20:13
本文主要想说的是，其实在产品设计上只有一条定律：你的产品是在什么情境下帮助什么人以什么形式完成什么任务。你对你产品的理解，对上述4个要素的填空结果将直接决定你产品的架构、展示、运营。 下面的案例来自一堆所谓的LBS产品的核心展示（checkin）文案： 1、5gtalk,我在［北环中心”http://URL”]Check- in(踩点)了 2、我刚在 (@ ... ...
-
阿里系的中国雅虎首页浅谈 2008-10-18 13:43
自从2005年8月11日阿里巴巴宣布收购雅虎中国的全部资产后，做为阿里巴巴集团的创始人马云心里盘算的事应该是如何把雅虎中虎整合进阿里巴巴这 个大家族，而非如外界所传的打造中国互联网最大的搜索平台。事实上只要有Google跟Baidu在，雅虎中国就不可能成为中国互联网最大的搜索平台。所 以如何把雅虎中国溶入到阿里巴巴这个大家族中，以达到双方资源的最大化相互利用，成了阿里巴巴收购雅虎中国后最核心的 ... ...
-
乱弹餐馆“菜单”的设计 2009-05-21 21:43
同学们都经常去餐馆吃饭，每次点菜的过程似乎都很痛苦。而痛苦的来源，有一个逃不掉的就是菜单，这次说说，如果一个产品设计师来做菜单，会搞出哪些花样。 一开始要做的，就是分析战略层的商业目标与用户目标。这家餐厅的商业目标是什么？不一定是赚钱哦，比如有些公司附属的餐厅，可能就另有目标。市场定位如何，餐厅地点在哪里，价位如何，主打哪部分用户。想清楚这些，才能继续往下走 ... ...
-
也谈信息架构 2011-05-31 08:57
关于信息架构，其实我也不大懂，我就看过两本中文翻译书和一本很学术的中文书，我一直认为信息架构是数据结构的另外一种叫法。 结合Tony的信息架构扫盲贴，我也扯扯信息架构的东西：（顺序可能不妥，请见谅） 每个网站产品都需要规划信息架构，包括检索、标记、导航、展示等，在产品最开始规划时就需要做，且后边规划功能时针对需求进行调整。 信息架构需要和真实信息尽量匹配，比如做个游戏信息库，每条游戏 ... ...
-
B2c站内搜索初探–排序和内容呈现 2011-12-11 09:01
接着上一篇文章《站内搜索初探二》，继续说结构和框架层面的内容。 5、 接着考虑查询结果的排列方式 之前我们的站内搜索完成了关键词的“分析—匹配”过程，现在要对匹配好的结果进行排序。而能进行精准的相关性排序，是全文检索站内搜索的标志。大部分用SQL 语句like查询的站内搜索是按上架时间、按销量、按价格等方式进行简单的排序。 按 ... ...
-
页面是否新开窗口的一点补充 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的导航设计。 三种状态： 第一种区块全部展开，可以收缩，这一点和普通的软件没有什么 ... ...
-
WAP产品设计：删除确认不能少 2010-04-05 16:39
引：删除操作要不要再次确认？在WEB设计里，这个问题其实以前很多设计大拿都写过，也有些优化方法，真是各有各的好处。 今天要说的是在WAP产品设计中的状况，前一阵改版站内消息的时候，有一类操作是清空所有消息和删除单条消息，操作比较危险，但其实以前并没仔细考虑过，造成了部分用户的质疑。 状况是这样，我沿用了旧版站内消息的设计：删除/清空不确认直接操作，相信用户已经习惯这种方式，其 ... ...
-
关于豆瓣UI 2009-12-04 17:37
Web 2.0的重要特征之一，就是更加类似于生物界的自组织现象。用户如同单细胞生物一样，在充斥营养质（内容）的液体中飘荡，直到偶然落在某处营养足够支撑其产生连续、规律的生长（用户习惯）的结构体（网站）上。同时，当汇聚的简单细胞足够多的时候，也会产生质变，影响这部分结构组织营养的比例和方式。所以Web 2.0的技术重点，比如Ruby On Rails，Ajax往往都放在能够快速完全重构，框架部分更新 ... ...
-
翻转页面导航 2009-11-10 10:26
在UItrends上看到一个新的导航趋势的应用：翻转页面导航。其实这个早期一直是photoshop表现视觉效果的手法，就像kate曾经提到过的，这种效果仅仅用来代表视觉隐喻，没有什么实际内容。 早期由于这种设计只有一种固定的模式，缺乏动态效果，另外冗余的样式对页面的加载速度也有不小的影响，其应用并不广泛。后来随着带宽的提升和web应用的多样化 ... ...
-
传说中的纸上线框图 2009-05-11 20:50
画线框图/原型图，是每个产品设计人员的基本功。 可以用绘制画线框图的软件工具很多，从word、ppt这样的办公软件，到PhotoShop、illustrator、visio之类的设计软件，当然还有专用的Balsamiq、Axure等等。 那么如何选择线框图/原型图工具呢？ 目的决定方法：明确目的，按照目的选择－－不选好工具，选合适的工具 结合自己的能力：产品人员 ... ...
-
让复杂导航变简单 2008-07-27 16:56
导航设计是结构层面设计中的主要工作之一，在软件中，导航设计的好坏，直接关系到用户使用是否能够流畅。面对较复杂的导航，我们第一反应是将其简化。所以在一些复杂的企业级管理软件中（如SAP、金蝶ERP、浪潮ERP等），提供用户直接通达某位置的快速入口；有些软件则提供收藏夹，让用户把常用的地址收藏；有些则从导航交互的方式上寻求解决办法。 1、在路径层面上提供辅助导航提起辅助导航，我们会马上想到搜索框 ... ...
-
心理模型的若干讨论 2010-07-19 16:15
当你踩下汽车中的制动踏板进行刹车的时候，可能心理想象的画面是把一个杠杆和轮子摩擦来减速。而实际上，却包括了液压缸、油管，以及压挤多盘的金属垫板等一系列看不到的零件产生了关系。这里的“心理预想”就是我们说的“心理模型”，踏板就是“表现模型”，而实际看不到的那部分则属于“技术模型”。踩刹车的过程中我们在想象 ... ...
-
游毅和他的智障女儿 2008-07-27 17:07
也许是繁忙的工作让我无法顾及周边的变化，亦或者是变化的环境让我忘记了自己。 我姓游名毅，结婚6年，现有一女，她妈不知去向。女儿今年5岁，智商只相当于两岁，是个智障。 女儿刚出生那时很漂亮，是我见过最可爱最美的孩子，可是从她两岁开始，女儿与同龄孩子的差距就暴露得明显了。她说话迟，且又慢又结巴。走路也不稳，力气却奇大，“啪”的一巴掌莫名其妙地就迎面打过来。 孩子三岁的 ... ...
-
周二茶闻 Facebook的新界面 2008-07-29 23:39
—–交互创新案例—– 这期沈主编很忙很忙。于是就由偶来为大家献茶。 Facebook的新改版简直做了重大调整，整个界面流基本重写。最大的特点莫过于大量应用Ajax，大量减少了页面跳转。另外，Facebook 开始在 页面内应用了多层级的导航。Facebook的层级Tab导航：其实我很少见到两级的Tab，更别说这种三级的了&hell ... ...
-
电子商务网站的非登陆用户处理 2009-05-26 01:19
Forrester之前公布了一个调查报告，提供的一些数据证明：要求注册登录对于购物网站来说并不是个很好的做法，它会消极影响到用户的购物欲望，降低在线转化的实现。 报告中称用户在购物流程中会因为网站必须注册登陆才能继续下一步操作而放弃此次购物。并且几乎四分之一的用户都在这样干，从而给购物网站网站造成每年数百万美元的收入损失。 虽然这个调查是基于美国用户进行的，但是无论是国内还是国外网 ... ...
-
交互设计方法论 2.0探讨 2009-04-19 00:09
引言： CDC交互设计方法论的思考其实是个永恒的话题，在内部管理大会上有人演讲，提到team 2.0概念，让我深有感触，结合我们自身在实践中的设计方法及设计流程，在平台化，多人参与，分享互动，个人贡献的价值体现方面我们又该有什么样的思考？关于设计流程化大家慢慢有了一个共识，就是：除了完整，规范，还要敏捷，有自我完善的能力。形象一点说也是要从1.0往2.0升级，那改革成功的标志应该是什么？随 ... ...
-
忘记5G用户名的下场 2009-03-25 05:20
Gmail收到5G的邮件：主题：[5G/五季网络] *** 请求加你为好友于是来到5G首页，糟了用户名忘记了。1、先随便输一个常用的试一下吧（输入用户名和密码 点登陆）2、哇，输验证码（心里暗喜：记性不错呀，竟然能输对）3、输入验证码后（对不起登录失败，请重新登陆。晕）4、没用户名找回功能???5、算了，点忘记密码吧试下：第一步：输入用户名6、提示”您的账户资料中没有完整的Email地 ... ...
-
三款交互设计工具 2009-01-23 11:48
http://www.balsamiq.com 手绘风格交互设计工具，完全是苹果系的交互操作方式，需要在air的环境下运营，安装程序只有3M。 如果未注册有些功能是受限的，每5分钟会弹出购买提醒，价格不菲，79美金。下面是利用balasmiq画的一个本blog的结构示意图。 balasmiq上手非常容易，但不支持丰富的交互定义，可以在产品创意或者策划的初级阶段，用来 ... ...
