主要内容
-
交互学习笔记，Tab选项卡（二） 2009-07-12 01:49
（续接上文） 五。Tab的真实应用 现在为止，我们从细节上探讨了Tab这种交互元素，是时候来看看真实案例了，在这一章节，我们分析一些Tab元素的应用，希望可以带给大家灵感。 Haveamint.com 这个网站在首屏位置使用大量Tab元素 以展现数量庞大的信息。 Yahoo! 雅虎在头版位置使用Ta ... ...
-
设计的“环境”因素 2008-07-26 22:35
规矩是死的，人是活的。规矩在很多场景里是不合理的，”环境”对设计更重要。上图是锦秋国际楼道的指示牌，我在看这个指示牌的时候对着西边。第一次去找某个房间的时候我把前当成了后，绕了一圈没找到。后来按照每个门上的号码挨个数，才找到了我想找的房间。我当时有点责怪自己：太笨，看不懂地图。 后来和keso又一起去了一次，他先到那里，也没看懂，靠着随身的指南针才分清 ... ...
-
卡片分类法 2009-02-09 15:44
定义卡片分类法是用来对信息块进行分类的一种技术，从而可以创建一种结构以最大限度地满足用户查找信息块的可能性。它通常用于定义网站的结构。 适用阶段卡片分类法可以用于设计的任何阶段。如在网站最初设计时，设计者只是大致知道目标网站将包括哪些内容，而还没有对这些内容的具体结构安排进行设计，这时候利用卡片分类法可以得到用户期望的数据而作为第一版本的设计依据。在对现有网站进行重新设计时，设计者可以利用 ... ...
-
如何制定文字语言规范 2008-07-26 23:22
本期话题注意界面上的文字引来了非常多的讨论，可以看出网站界面上的文字正是大家比较关注的问题，而且比较实际。比如千鸟的内容呈现建议、奇遇的文本达意和可用性、子条的文字的辨识度和可读性，可以讲都是界面文字规范，千鸟的文章更适用于内容编辑，奇遇和子条的文章更适用于设计师。 在实际产品设计过程中，可以逐渐的形成这样的文字语言规范，目的是让产品设计的参与人员能够统一认识，和重视文字在设计中的重要 ... ...
-
文字的减法 2008-07-26 23:21
认知心理学家Donald A. Norman将人类的行动分解成七个阶段： 1. 确定目标 2. 确定意图 3. 明确行动内容 4. 执行 5. 感知外部状况 6. 解释外部状况 7. 评估行动结果 这七个阶段发生在人类所采取的每一个行动时。 比如最近降温，你想要保持身体的舒适感（确定目标），所以就得加一件衣服（确定意图），于是你决定去衣柜里看看哪件衣服适合今天穿（明确行 ... ...
-
信息构架的若干原则 (第二部分) 2010-06-24 17:13
3. 信息树应尽量窄而浅，且保持平衡（信息结构的宽度和深度） 信息树可以看成是对信息集合中的信息按照某种方式加以组织以后所形成的有序的信息载体，。在描述信息树时，信息的组织关系通常被描绘为一个树形的结构。对于信息架构而言，组织信息所要达到的目标有两个：一个是信息的有序；另一个是形成信息树。 而信息树的设计在网站上的体现主要是导航的设计，首先我们来看看信息树的宽度和深度的关系： &middo ... ...
-
理解标签中的“极点” 2010-07-27 18:36
前言：本文翻译自《打标签》一书的第三章第二节。本节英语原文是“Understanding tagging’s tension points”，书名是《Tagging》。 社会化书签网站 delicious.com 在2003年最先广泛地引入了协作标签系统。随着该网站——和它的标签——愈发流行，也看得出三个学 ... ...
-
纸面分解任务的一个wap实例 2008-07-26 22:08
本文仅提供纸面分解任务的步骤、做法及纸面表现参考。至于怎么思考等其他的疑问，请参考本次话题的其它文章。 首先，做纸面任务前应该准备： 白纸、铅笔（或钢笔、圆珠笔，铅笔更容易修改）、橡皮。 然后，根据需求或场景分解出主要的任务流，此次分解为整体概念，可用纸张绘出屏幕流。 假设如下需求（仅为了说明而假设）： 用户sam在网上有一个网盘，网盘里已经存放有图片，sa ... ...
-
快捷方式，不能随意快 2008-11-10 21:51
最近设计师小X遇到一个问题。他在设计一款全新的Web产品，通过几轮仔细地对功能及任务划分，确立了导航的组织结构与形式。Tab之间的任务关系为并列关系。 如下图： 由于是新产品，需求方对于这样的任务组织形式显得有些不自信，担心常用任务a1和b3无法被用户快速找到。每次操作需要花费一定时间成本去查找任务入口等。于是，需求方就“大胆”地提出这样一个想法： 在首页首要位置 ... ...
-
轻设计，让网站灵敏轻便的6个技巧 2009-12-03 11:47
在网站或软件的策划和设计过程中，我们经常听到这样的讨论：“这个功能设计得太重了”又或“我们希望能够处理得轻一些”。似乎轻设计是时下炙手可热的话题，也是方兴未艾的Web2.0大浪下设计师们的最爱（看看那些在全世界遍地开花的SNS网站，无论是视觉元素还是交互流程均能轻则轻）。本文主要从实践和总结的角度出发，提出了让设计变得更轻的6个技 ... ...
-
什么是通用标签（Common Tag）？ 2009-07-09 11:04
原文：http://www.commontag.org/About 作者：commontag.org 译者：耿人杰 同步发于译言：http://www.yeeyan.com/articles/view/gengrenjie/46003 前言：通用标签由包括 AdaptiveBlue，DERI (NUI Galway)，Faviki， Freebase，Ya ... ...
-
音乐流派分类 2008-12-09 17:01
在今年我们的数字音乐调查报告中发现国内音乐消费者对音乐类型普遍不太感冒，知之也甚少，对Emo之类非主流音乐类型完全不知道的就达到43%。前阵子我参与某服务商引入海外音乐内容的时候，也碰到了国内外音乐Metadata信息不对称的问题，国外的数字音乐发行提供商对男歌手、女歌手的信息需求较为诧异。 下面这个图表是Real Networks旗下的Rhapsody音乐服务中的“Alter ... ...
-
画好线框图的20个步骤 2009-08-31 21:45
原文作者：Clive Howard原文链接：20 Steps to Better Wireframing译者：飞琼 对于任何一个开发项目来说最大的错误可能就是没有计划。最近，有些人认为开始前无需计划，一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。 线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使用的程序的第一步。本文将要带你了解线框图整个的流 ... ...
-
建议淘宝，支付宝的UED可以去考虑的一个设计 2009-03-02 10:20
先来看图片： 列表页面 在淘宝、支付宝的页面设计处理中，商品、交易的列表处理一致是UED人员非常痛苦的一点。 而目前的结果往往是不让人满意的，比如在之前找茬中说过的新版我的淘宝，买到的宝贝页面，反正我是不爽的很，同样的问题，在我的支付宝里面也存在，我就不单独截屏了。 实际上，在遇到这个页面上的问题的时候。我们都有一个假设，希望在一个页面上尽可能多的给用户信 ... ...
-
创造一个可理解的世界 2009-05-09 22:37
网站的结构应该是可以理解的 一个网站就是一个小小的世界，这个世界应该是可以理解的。 我们都试图去理解自己所身处的世界，是吗？ 为什么要去理解？因为我们希望在这个世界中更好的生活。这是积极的，如果不，那大概就得想着怎么自杀了。试图去弄明白，这是人们有意无意间都在做的，也许有时候你没意识到，但是你确实是在不断的去了解，学习。 “为什么后面的几张菜单比前面的矮些呢？& ... ...
-
生活中的设计：板凳 2009-05-12 22:55
请你设计一个木板凳，你会考虑哪些因素呢？我能想到的有： 凳子高度要合适，不能太高，也不能太矮 如果凳子有靠背，靠背一定要舒服 凳子要结实，设计要简洁 凳面可以用圆形，也可以用方形，在餐馆里，用方形就可以，基本上不用考虑三角形和其他多边形 凳子的颜色要和环境、桌子的颜色搭配 一个板凳，还能有什么新花样？ 下图是山西面馆面香八方的板凳，我和同 ... ...
-
十分糟糕的卓越亚马逊和当当网的Email营销 2008-12-12 23:47
卓越亚马逊和当当网是国内两家最大的综合 B2C 商城，无处不在的价格战，以及 5 元运费之争，早已让双方的竞争达到白热化状态。昨天，我的手机第一次收到了当当网的促销信息，敢情这经济危机的冬天真是不好过啊。而更为常见的，则是卓越和当当频繁到极致的 Email 资讯。 尽管社会化网络营销手段越来越丰富，但传统的直邮（DM,Direct Mail）广告依然是维系商家与消 ... ...
-
让导航更轻便些 2012-03-07 17:36
导航是互联网产品中应用最广泛的基础元素之一，引导用户了解到网站的内容结构进而找到所求。作为基础控件，导航看起来简单，但却是产品设计中最复杂繁琐的一部分。因为我们想要让网站结构更清晰、想要向用户传达所有的信息，所以就赋予了导航越来越多的内容，使他们庞大异常，十分纠结。简化了，用户无法了解到页面结构以及自己的处境，产生困惑；复杂了，导航臃肿不堪，层峦叠嶂，既不美观也不好用。 那么，在清晰的 ... ...
-
愤怒的用户 2009-03-19 13:20
我作为用户第一次受到了严重的挫败。 我已经很久没有使用flickr了，而且换了机器。今天我想传照片了，得登录。我的用户名一般就是那么2个常用词和2组数字的组合。即使忘记用户名，2*2，一般4次我也就搞定了。 我点击flickr上的“登入”，来到了一个看起来和flickr没有任何关系的页面。从url到文字到界面，我想起我在flickr注册时的遭遇，预感坏运气已 ... ...
-
我们的UED设计流程及方法 2010-01-25 10:49
截止2010年1月15日，使用google搜索“用户体验设计”，返回1千3百万条结果。 “用户体验设计”无疑是这两年互联网行业最炙手可热的话题，而从我们成都UCD书友会火爆的现场来看，也的确如此。那么“用户体验设计”为什么会如此火爆呢？这需要从互联网的Web2.0革命说起。 这场革命，代表了互联网应用关注焦点 ... ...
