主要内容
-
现有商品的评分体系不完美 2010-10-20 11:22
在电子商务领域，产品的评分和评价体系是必不可少的，这甚至是高过传统商务模式的优点，逛街购物永远无法知道某一个实体商店的评分和评价。评分和评价体系的目的是对商品的附加服务进行量化考核。如售后，送货速度，商家态度，产品实际使用体验等。这些附加于商品本身的主观性消费感受，是无法标准化的。 商品：有形，标准，生产与消费分离，可存储 服务：无形，异质，生产与消费同步，易逝性 所以需 ... ...
-
【译】雅虎产品经理设计模式第一期--Acco... 2010-10-19 13:52
Accordion（或Accordion菜单）指分组且可折叠的面板集，能在有限的空间里提供大量链接或是其它可选择的内容供访问。 每个内嵌式面板有可能单独展开（这时往往其它面板都会闭合），通常鼠标经过或是点击特定面板的标题（或是面板上的展开/折叠元素），就会展开一组子选项。 解决了什么问题？ 如果想在有限的空间里塞入大量内容，或是当内容一次性全部展示时会导致用户无所适从时，问题就来 ... ...
-
排版六原则 2010-10-17 20:04
上个月，我贴了《图形化简历》。 几天后，就收到了秋叶老师的来信，希望与我探讨一些设计问题。他写过一本畅销书《说服力-让你的PPT会说话》，眼下正在写续集。 我看了新书的样章，觉得很不错，有些内容很值得分享。 ==================================== 首先，我们先看一个例子。良好的设计如何使得一个平庸的文档脱胎换骨。下面是一张大学生的求职简历 ... ...
-
(翻译) 错误的简洁等于不简洁 2010-10-15 12:04
一篇很短小的文章，原文：False Simplicity by UsabilityPost有时候表面上看起来很简洁的东西其实未必如此简洁，比如现在遍地都是的Twitter客户端，他们的按钮普遍使用纯图标而不是文本。这些小图标真的很省空间，看起来很典雅，也很简洁，但是实际情况真是这样吗？让我们以Tweetdeck为例来看看：不知是不是我个人比较愚钝，但是对我来说这些图标确实很难搞 ... ...
-
Axure之变量的使用 2010-10-14 15:18
写在最前面：任何工具都容易造成沉迷，Axure也一样；沉迷工具有害健康，过渡钻研Axure不利于职业发展！ 本文主要想介绍一下什么是Axure中的变量（Variables），以及变量的使用场景，然后附加一个实例。 1、什么是变量 变量的全称应该是“中间变量”，变量用于在HTML原型中进行点击时的页面之间的传递和存储数据，这样变量能在页面之间保持下去。 ... ...
-
合理限制用户的操作 2010-10-11 22:15
煎一个鸡蛋，你需要哪些厨具？ 厨房里各种厨具都有，因为你可能下一餐要吃油焖大虾，红烧排骨。 但是现在你只要煎个鸡蛋。 也许，你需要的也只有这些…… 榨汁机，电饭煲，菜刀……没有这些，我们不能榨果汁，煮饭，切菜，这将限制我们在其它时候可能发生的动作，但是现在，我要做的只是 ... ...
-
交互设计之回归篇 2010-10-11 22:11
上次的有意思小组竞赛，Maker一组抛出了一个有关前端制作的话题–“一瞬间的快感”，本以为老师们又要给我们上一堂超炫的JS课，没想到最后讲的却是最基础的按钮的几种状态…汗，不是这货，不是这货。。。回过神来仔细听完老师的讲解，才发觉讲的重点不仅仅是制作方法，而是告诉我们应该更多的关注这些小细节，这些细节才是可以更好的不断的提高用户愉悦度和满 ... ...
-
上海航空网站注册表单优化方案 2010-10-10 10:20
上午手忙脚乱的定月底到杭州的机票，通过“去哪儿”入口进入到了上海航空网站，居然必须登录后才能预订（绝大多数购票网站游客也可以定）。看在几百块钱的面子上，那就注册吧。 注册表单我一看就乐了，简直就是几天前与用户交互的核心文中观点的真实写照，问题非常典型。看起来就很不好，用起来更是很不便。虽然没有给我造成很大的障碍，但肯定耽搁了不少时间，一点都不轻松愉快。先看如下截图： ... ...
-
看FACEBOOK新群组是如何与其他功能交相... 2010-10-08 22:39
本文来自一名读者的匿名投稿，译自How Facebook Groups Integrates With Other Core Apps: News Feed, Events, Mobile做好事不留名，非常感谢你的投稿。期待你为我们带来更多精彩的译文。 Facebook最近新推出的群组（Group）功能并不是一个完全孤立的产品，它与既有的功能之间是相互整合联接的。本文将介绍新群组功能是 ... ...
-
小屏幕移动设备网页设计注意事项 2010-10-08 22:28
在过去，小屏幕移动设备网页通常也被称之为WAP页，或WAP站。原因是这类网页起源于一个叫WAP的无线协议。WAP能够运行于各种无线网络之上，如GSM、GPRS、CDMA等。WML是无线注标语言（Wireless Makeup language）的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。 而如今的小屏幕移动设备，比如手机，都已经具备访问WWW的能力。其内置的浏览 ... ...
-
深入Web信息架构 2010-10-08 09:24
——再读《web信息架构》 准备在今年的UCD年会工作坊与来自豆瓣的设计师Tony一起分享关于“Web信息架构”实践心得，假期特意借了本《Web信息架构》重新温习，结合实践查漏补缺梳理知识体系。这本书我认为是比较值得反复推敲的拔高类，而非指导操作类专业书，也确实如某些网友评价有晦涩难懂实用性不佳的特点。遗憾的是，相对两年前认识的层次上似乎没有 ... ...
-
【译】屏幕设计模式 2010-10-04 14:18
模式是广泛适用的解决一般问题的解决方案。与此相反： 指南：具体规则 原则：指南的概念型框架 在开发应用程序过程中，无论是面对抽象还是实际问题，模式都大有用处。 它们是解决问题的模板。而标准屏幕模式对于优秀的Web程序甚至企业级软件都很有帮助。 摘要/细节（Master/Detail） 摘要/细节模式可横向也可竖向。该模式是满足用户 ... ...
-
跟推广专题页面有关de那些事儿（二） 2010-09-28 14:17
这次主要拿我们最常接触的“推广页面”来举例。推广页面第一屏就是给用户的肆意印象，一定要抓住用户的心。这就是为什么当我们在做一个页面的时候需求方不停的在强调要热闹，字要大。其实他们想说的是这个页面的视觉要有冲击力，重点的地方应该用抓住眼球的设计元素。现在用户见多识广，什么包邮/免费/搬家/限量这样的词都不足以吸引他们。只有把握住用户的需求点，才有看下的动力 ... ...
-
多余提示带来错误 2010-09-28 14:14
上图是南京银行取款机键盘的示意图。在银行中无法拍照，先简单解释一下。 除了有颜色的区块，其他都代表实际按钮，可以点击。有颜色的区块不能点击。 无法知道这种设计的目的。可能是担心提款人会看不清“取消”、“更正”和“输入”三个按钮，所以紧贴着三个按钮又加上了带颜色的更大说明。 问题就出在有颜色的区 ... ...
-
电梯的可用性问题 2010-09-28 11:18
在一楼等电梯的时候，经常会发现有人按“↓”，他不是要去地下车库，他想让电梯下来，进入电梯之后他开始按想去的楼层，但是电梯往下走，没去他想去的地方，他很茫然。周思博说，可用性最重要的准则就是符合用户预期。Windows用户会觉得OSX不好用，因为Windows下面可以通过窗体的任何一边改变它的尺寸，而OSX只能在右下角改变窗体尺寸。其实这两个处理方法没有好坏之分，W ... ...
-
前端开发中的一些用户体验细节 2010-09-27 16:34
用户体验已经是一个老生常谈的话题了。我非常赞同某位达人所说的，用户体验设计应该贯穿于产品从萌芽到出生的整个过程，产品原型、视觉设计、前端开发、后端开发甚至还包括产品测试大家都应该有份。只有各个环节的同学都把这个事儿当事儿了，那么做出来的产品才有可能是好产品。我想，UED团队在这个过程中最需要做的就是把用户体验的理念当成血液一样输送到产品的全身。这也是我们新媒UED团队一直努力的方向。 ... ...
-
与用户交互的核心 2010-09-26 09:13
——读《Web表单设计》 “用户互动”是互联网产品不可或缺的关键，而用户互动的入口必然是表单。由此，无处不在的UGC类Web2.0产品内，表单无处不在所凸显的重要性逐渐得到Web设计师重视，并自成知识体系。2008年10月的阅读推荐中列过此书，归入“框架层”范畴之内。 出版社策划赞不绝口，说这本书的写法非常好， ... ...
-
Banner设计 2010-09-25 22:08
前几天，我受到了一次打击，之前海盐的紧固件的专场上线后，实际的效果与我原本的设计相去甚远。究竟是什么原因造成了这样的差异呢？在经过一些对照比较后发现，问题就出在“Banner的设计”上。线上的版本只是将一些简单的未经处理的图片放了上去，话说术业有专攻，倒也 ... ...
-
信息架构之Web导航设计分类 2010-09-23 11:00
开始之前先做个小的知识普及，老鸟请忽视： 信息架构(information architecture)，简称IA，wiki给出了以下定义：信息架构是在信息环境中，影响系统组织、导览、及分类标签的组合结构 。 通俗一点的讲，信息架构就是合理的组织信息的展现形式。例如一个电子相册，注册的时候需要体现怎样的说明，单张相片，一个相册集，整个相册的内容以及它们之间 ... ...
-
交互设计杂七杂八 2010-09-21 10:57
交互设计就是研究人与物体之间如何互动的问题，比如按电梯时，按钮立即高亮，同时屏幕上显示电梯现在所在楼层数，这个过程就是交互设计，而电梯按钮用什么颜色，外观有什么花纹就是视觉设计。 交互设计不能解决决策战略层的问题 交互设计是表现层的东西，解决的是好不好用的问题，而不是决策战略层。不要指望它解决是不是有用的问题。 易用性不是指网站的受欢迎性，吸人气性，是指在网站完成 ... ...
