主要内容
-
纸面分解任务的一个wap实例 2008-07-26 22:08
本文仅提供纸面分解任务的步骤、做法及纸面表现参考。至于怎么思考等其他的疑问，请参考本次话题的其它文章。 首先，做纸面任务前应该准备： 白纸、铅笔（或钢笔、圆珠笔，铅笔更容易修改）、橡皮。 然后，根据需求或场景分解出主要的任务流，此次分解为整体概念，可用纸张绘出屏幕流。 假设如下需求（仅为了说明而假设）： 用户sam在网上有一个网盘，网盘里已经存放有图片，sa ... ...
-
文字的辨识度与可读性 2008-07-26 23:14
不久前因业务需要，我在自己的笔记本中安装了搜霸。当时一个做平面的朋友过来和我做一些设计交流， 我在笔记本前准备输入一个网址，他靠近我的电脑，大叫道：“嗷！你也认识我的老同学“高亮”啊！” 我惊出一身冷汗。 几乎所有的产品中，都会使用到文字。小到错误、警告、提示信息，大到介绍、专题策划、广告文案。 如果文字出现问题，修改起来成本很低。然而 ... ...
-
卡片分类法 2009-02-09 15:44
定义卡片分类法是用来对信息块进行分类的一种技术，从而可以创建一种结构以最大限度地满足用户查找信息块的可能性。它通常用于定义网站的结构。 适用阶段卡片分类法可以用于设计的任何阶段。如在网站最初设计时，设计者只是大致知道目标网站将包括哪些内容，而还没有对这些内容的具体结构安排进行设计，这时候利用卡片分类法可以得到用户期望的数据而作为第一版本的设计依据。在对现有网站进行重新设计时，设计者可以利用 ... ...
-
理解标签中的“极点” 2010-07-27 18:36
前言：本文翻译自《打标签》一书的第三章第二节。本节英语原文是“Understanding tagging’s tension points”，书名是《Tagging》。 社会化书签网站 delicious.com 在2003年最先广泛地引入了协作标签系统。随着该网站——和它的标签——愈发流行，也看得出三个学 ... ...
-
谈谈新浪SNS：允许单相思、允许单向好友 2008-09-03 01:49
现在访问新浪空间的首页，其简介如下：“新浪空间是全新推出的网络社交平台，进入新浪空间与您的同事、同学、好朋友共同开心分享网络新生活！” 如果新浪空间定位于与“同事、同学、好朋友”这些熟人交往为主，那么空间、博客、相册、视频都应该可以设置为仅限朋友访问，尤其是不要被搜索引擎抓取。现在de新浪空间,并没有允许用户设置访问权限，我认为新浪强调的还是 ... ...
-
文字的减法 2008-07-26 23:21
认知心理学家Donald A. Norman将人类的行动分解成七个阶段： 1. 确定目标 2. 确定意图 3. 明确行动内容 4. 执行 5. 感知外部状况 6. 解释外部状况 7. 评估行动结果 这七个阶段发生在人类所采取的每一个行动时。 比如最近降温，你想要保持身体的舒适感（确定目标），所以就得加一件衣服（确定意图），于是你决定去衣柜里看看哪件衣服适合今天穿（明确行 ... ...
-
我们的UED设计流程及方法 2010-01-25 10:49
截止2010年1月15日，使用google搜索“用户体验设计”，返回1千3百万条结果。 “用户体验设计”无疑是这两年互联网行业最炙手可热的话题，而从我们成都UCD书友会火爆的现场来看，也的确如此。那么“用户体验设计”为什么会如此火爆呢？这需要从互联网的Web2.0革命说起。 这场革命，代表了互联网应用关注焦点 ... ...
-
如何制定文字语言规范 2008-07-26 23:22
本期话题注意界面上的文字引来了非常多的讨论，可以看出网站界面上的文字正是大家比较关注的问题，而且比较实际。比如千鸟的内容呈现建议、奇遇的文本达意和可用性、子条的文字的辨识度和可读性，可以讲都是界面文字规范，千鸟的文章更适用于内容编辑，奇遇和子条的文章更适用于设计师。 在实际产品设计过程中，可以逐渐的形成这样的文字语言规范，目的是让产品设计的参与人员能够统一认识，和重视文字在设计中的重要 ... ...
-
音乐流派分类 2008-12-09 17:01
在今年我们的数字音乐调查报告中发现国内音乐消费者对音乐类型普遍不太感冒，知之也甚少，对Emo之类非主流音乐类型完全不知道的就达到43%。前阵子我参与某服务商引入海外音乐内容的时候，也碰到了国内外音乐Metadata信息不对称的问题，国外的数字音乐发行提供商对男歌手、女歌手的信息需求较为诧异。 下面这个图表是Real Networks旗下的Rhapsody音乐服务中的“Alter ... ...
-
信息构架的若干原则 (第二部分) 2010-06-24 17:13
3. 信息树应尽量窄而浅，且保持平衡（信息结构的宽度和深度） 信息树可以看成是对信息集合中的信息按照某种方式加以组织以后所形成的有序的信息载体，。在描述信息树时，信息的组织关系通常被描绘为一个树形的结构。对于信息架构而言，组织信息所要达到的目标有两个：一个是信息的有序；另一个是形成信息树。 而信息树的设计在网站上的体现主要是导航的设计，首先我们来看看信息树的宽度和深度的关系： &middo ... ...
-
什么是通用标签（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 ... ...
-
画好线框图的20个步骤 2009-08-31 21:45
原文作者：Clive Howard原文链接：20 Steps to Better Wireframing译者：飞琼 对于任何一个开发项目来说最大的错误可能就是没有计划。最近，有些人认为开始前无需计划，一个优秀的开发者需要的是随机应变。我敢肯定这样的做法最后注定是要失败的。 线框图是计划中的第一步也是最重要的一步。这是将创意转换成客户使用的程序的第一步。本文将要带你了解线框图整个的流 ... ...
-
让导航更轻便些 2012-03-07 17:36
导航是互联网产品中应用最广泛的基础元素之一，引导用户了解到网站的内容结构进而找到所求。作为基础控件，导航看起来简单，但却是产品设计中最复杂繁琐的一部分。因为我们想要让网站结构更清晰、想要向用户传达所有的信息，所以就赋予了导航越来越多的内容，使他们庞大异常，十分纠结。简化了，用户无法了解到页面结构以及自己的处境，产生困惑；复杂了，导航臃肿不堪，层峦叠嶂，既不美观也不好用。 那么，在清晰的 ... ...
-
快捷方式，不能随意快 2008-11-10 21:51
最近设计师小X遇到一个问题。他在设计一款全新的Web产品，通过几轮仔细地对功能及任务划分，确立了导航的组织结构与形式。Tab之间的任务关系为并列关系。 如下图： 由于是新产品，需求方对于这样的任务组织形式显得有些不自信，担心常用任务a1和b3无法被用户快速找到。每次操作需要花费一定时间成本去查找任务入口等。于是，需求方就“大胆”地提出这样一个想法： 在首页首要位置 ... ...
-
十分糟糕的卓越亚马逊和当当网的Email营销 2008-12-12 23:47
卓越亚马逊和当当网是国内两家最大的综合 B2C 商城，无处不在的价格战，以及 5 元运费之争，早已让双方的竞争达到白热化状态。昨天，我的手机第一次收到了当当网的促销信息，敢情这经济危机的冬天真是不好过啊。而更为常见的，则是卓越和当当频繁到极致的 Email 资讯。 尽管社会化网络营销手段越来越丰富，但传统的直邮（DM,Direct Mail）广告依然是维系商家与消 ... ...
-
建议淘宝，支付宝的UED可以去考虑的一个设计 2009-03-02 10:20
先来看图片： 列表页面 在淘宝、支付宝的页面设计处理中，商品、交易的列表处理一致是UED人员非常痛苦的一点。 而目前的结果往往是不让人满意的，比如在之前找茬中说过的新版我的淘宝，买到的宝贝页面，反正我是不爽的很，同样的问题，在我的支付宝里面也存在，我就不单独截屏了。 实际上，在遇到这个页面上的问题的时候。我们都有一个假设，希望在一个页面上尽可能多的给用户信 ... ...
-
创造一个可理解的世界 2009-05-09 22:37
网站的结构应该是可以理解的 一个网站就是一个小小的世界，这个世界应该是可以理解的。 我们都试图去理解自己所身处的世界，是吗？ 为什么要去理解？因为我们希望在这个世界中更好的生活。这是积极的，如果不，那大概就得想着怎么自杀了。试图去弄明白，这是人们有意无意间都在做的，也许有时候你没意识到，但是你确实是在不断的去了解，学习。 “为什么后面的几张菜单比前面的矮些呢？& ... ...
-
优秀设计所绽放的魅力（这样的flickr） 2008-07-26 22:46
我是Flickr的死忠fans，虽然我很久之前就开始在blog里不遗余力的介绍flickr，可以，一说到优秀的设计，我还是想把那些话再一次的搬出来讲给大家听，因为，flickr真的很棒！ 1. 最浪漫的问好。Flickr每天都会用一种不同国家的语言向您问好！然后对你说：现在你知道怎么用xx语说”你好”了！–这是一种多棒的体验，仿佛一位浪漫的男友，每天 ... ...
-
表单交互设计之二——校验思考 2012-01-04 13:03
你是否经常碰到在填写表单时，提交无数次却还是无法通过校验的情况；或者你是否在为不知道填写中哪里出现错误而抓狂；再或者你是否碰到过当你填写了一大堆信息，之后点击按钮提交时，校验报错的同时，你发现你所填写的所有的信息都被清空；或者你还碰到过很多很多校验当中出现的问题，那么我们现在就开始进行表单校验设计的思考。 那校验有哪些情况呢？ 1、 READY？ 提到 ... ...
-
细节决定成败,总结项目中的交互设计 2009-06-22 10:07
总结一下这次项目设计过程中的交互,（因为项目没上线，所以不能透漏项目的名称）虽然某些上线前实现不了。 1:使可点击的元素看起来都是可点击的. 对象本身的静态视觉启示: 全站统一的链接颜色,链接颜色与普通文字的颜色要有明显的区别; 按扭有立体效果,看起来像按扭; ... ...
