主要内容
-
信息的制造、传播和接收 2009-08-23 15:07
信息包括一篇文章、一个照片、一个视频、一件商品… 传播指的是信息通过什么方式发布,流通… 接收指的是用何种方式获取,阅读,消费信息… 信息制造 信息的一般来说是编辑(内容制造者)来控制,但是内容的呈现,拿一篇post举例,全文展示也许大家都比较关心,如果这篇文章只能显示局部信息,或者传播到一些社区,如何显示呢?在这里也许能进一步说明标题的重要性了, ... ...
-
不以用户为中心的信息分类 2009-01-10 20:54
最近重温老罗语录,说到中药和西药的问题。 从药品的分类来说,可以有多种分类的维度,比如:从使用方式有:外用药和内服药从患者认知角度:处方药和普通药从药品外观来分:胶囊和药片从药效作用来分:镇痛药、胃药、泻药从人群分:女性药、成人药、儿童药…… 几乎药房都分中药区和西药区,这个维度重要到足以在“大导航”上,按这种逻辑应该还可以有&ldquo ... ...
-
用户体验这点事儿 2009-02-15 21:26
用户体验设计最近比较热,从以前的轻视UI到现在不管是桌面软件还是网站都开始关注用户体验设计。比如Google的简约设计和快速性能、iPhone的视觉和手机触摸交互设计、Amazon的导航和搜索设计等等都引起关注探讨和学习。 用户体验设计说到底是“以用户为中心”,或者叫“以人为本”的设计。具体如何做到“以用户为中心”和&ldq ... ...
-
看弹出窗口和浮出层的使用体验 2009-04-01 03:46
大家好,我们这一组的主题是弹出窗口和浮出层的使用体验。 在谈这个话题之前,首先我们必须对弹出窗口和浮动层有个定义。来自五湖四海的革命兄弟姐妹们经过友好而热烈的讨论,就定义问题交换了意见:1. 弹出窗口:弹出窗口变种很多,形式各异,姿态万千,我们就不一一列举了,我们的讨论范围也仅限于以下两种。• 消息警示窗,俗称ale ... ...
-
多余提示带来错误 2010-09-28 14:14
上图是南京银行取款机键盘的示意图。在银行中无法拍照,先简单解释一下。 除了有颜色的区块,其他都代表实际按钮,可以点击。有颜色的区块不能点击。 无法知道这种设计的目的。可能是担心提款人会看不清“取消”、“更正”和“输入”三个按钮,所以紧贴着三个按钮又加上了带颜色的更大说明。 问题就出在有颜色的区 ... ...
-
软件安装的用户体验-看Adobe cs4 2009-01-31 04:03
abobe cs4系列已发布一段时间了!新版CS4在增加新特性的同时,不知大家有没有发现和fireworks8相比,安装UI上发生了一些改变。现在就拿adobe fireworks cs4的安装与fireworks8的安装做对比,来看看有什么不同之处。 这是fireworks8的安装欢迎画面这是fireworks cs4的安装欢迎画面 那就让我们来看看两者的不同之处: 1)清晰的安装 ... ...
-
UE学习笔记6:IA SUMMIT 09 拮英 2009-04-09 08:24
又是一年IA SUMMIT!一堆堆的PPT涌现啊,要学习的内容忒多了!幸亏脑残期结束可以重新启用一些脑细胞 这些P的特色,除了内容实在,设计得也异常好!要学习老外这种PPT风格,赏心悦目啊! 挑出几个写点心得(原PPT请点击标题)~~~ 1. Experience Themes: An Element of Story Applied to Design. 本P是关于故事法(Story-T ... ...
-
【社会化设计】自我(self)部分——欢迎区... 2009-11-18 23:17
问题概述(Problem Summary) 对于一项服务(网站)的注册用户,都需要一个欢迎区(向导)来告知用户他们能够在这个网站上做什么以及该如何开始。 举例(Example) 以Tumblr.com上的新用户欢迎区域为例 何时用(Use When) 1.新注册用户第一次登陆网站的时候; 2.需要用户了解网站的使用流程及重要性功能的时候; 解决途径(Solu ... ...
-
交互设计的故事性:无言胜有声 2010-05-31 13:49
中文是一种奇妙的文字,同样的文字,不同的语气,断句,声调,标点,传达出来的信息可能完全不同。还记得百度欺负google的这则视频么?简简单单二十余字,被演绎成了三种不同的表达,由此可见,文字也未必是最稳妥的表达方式:视频地址:http://www.it86.cc/interview/2007/0303/3.shtml 对于信息的传递,文字是最为简单的做法,但对于接收方来讲,未必最易理解和记 ... ...
-
鲜果阅读的易用性建议 2008-12-05 15:34
鲜果在阅读频道的文章顶部( )以及文章底部( )都加入了推荐和收藏按钮,这点很贴心,因为大部分用户是在阅读完文章之后才决定推荐与收藏行为的,显然这个按钮放在文章底部更符合用户的习惯。 但是,文章顶部( )的“选中后单击收缩”却不以同样的理由放到文章底部( )。 以实际的使用情况来举例 测试 ... ...
-
垂直门户网站的内容层次 2009-09-07 14:43
公众信息门户就是摊煎饼,面积越大越好;垂直主题门户就是掏耳朵,有一定的深度才觉得舒服。伴随《扫把星理论》在国内的风靡和活学活用,加上地产、化工一系列行业门户的风生水起,垂直主题门户这种形式被打了鸡血,如雨后草原上的蘑菇,随便踩一脚都能压扁一大片。要想在一大片蘑菇当中鹤立鸡群,就必须有挺拔的菌冠,而那硕大蘑菇的倒掉往往因为根扎的不够深,垂直网站要建立牢固的落地抓力,就应当注意内容层次的挖掘。 ... ...
-
日期选择,提示信息及其他 2009-12-08 20:10
用了一下携程酒店订房中的日期选择。 有几个有趣的现象。 用户应该都明白,今天不可能去订昨天的房间。比如今天是12月8号,你只能从今天起始的房间,不能去订昨天的房间。如果你“选择”了12月7号,网站会提示“入住时间不能早于200-12-8”。 由于设计上的原因,用户可以根据一定的格式自行输入日期,用户不能从日历中选择已过去的日期 ... ...
-
区分UI设计中的装饰元素和意义元素 2009-01-15 01:03
简介 用户体验专家yummy翻译的一篇文章,与我共享此文,在译言上与UI设计师们进行交流。 UI设计有很多细节问题可以研究和细细品味,设计中一个小小的不同就会产生不同的暗示意,本文就某网站的一项细节设置进行了细致的分析。 UI设计是艺术和科学的结合体,细节决定成败。 区分UI设计中的装饰元素和意义元素 作为界面设计师,总是希 ... ...
-
blogbus的后台操作易用性 2009-02-18 16:31
onblogbus.blogbus.com blogbus使用笔记开始撰写,效仿鲜果使用笔记。下文为blogbus使用笔记第一篇正式文章 ----------------------正文分割线-------------------- 今晚开始逐项功能的试用blogbus的后台,由于之前已经有wordpress、Z-blog、Bo-blog等博客平台的使用经验,所以对blogbus的各项功能还是 ... ...
-
产品的情商 2009-11-10 23:17
这是同事讲给我的故事,我认为,用产品的“情商”来形容这个故事最恰当不过。 会飞的翅膀 同事的朋友负责一款手机游戏的设计,最近,这款游戏为玩家新增了一个道具:翅膀。翅膀有什么功能呢?装上翅膀的玩家可以获得更快的移动速度,更大的 移动空间,减少前进的阻碍。这个翅膀道具最开始供玩家免费使用,用过一段时间后,翅膀会失效,玩家需要缴纳一定费用后才能激活翅膀,继续使用此道具 ... ...
-
不可用、隐藏、自我解释 2009-09-29 16:57
现实中的界面一般来说比较固定,这里的固定指的是位置、颜色、可见性一般不会随意变化,比如电灯开关,无论是否有电或者电灯是否出故障,开关中的按钮都会在那里,不会消失。 开关 然而网络就不一样,你可以很轻易的隐藏一个按钮,或将一个输入框置为不可编辑。这样做其实有很大风险,你的设计一定能够“不言而喻”或者“自我解释”吗?如果不能,那对 ... ...
-
情景设计实践《小亮结婚请客记》 2009-12-13 19:01
产品设计过程中,我们会经常像编剧一样,尝试模拟用户的各种使用场景,以此来发现需求、验证设计。我们叫这种方法为”情景设计”。 ——UCDChina 前一阵看到UCDChina上讨论情景设计比较有意思,我们组内也做了一个情景模拟实践: 男ž主人公:小亮,ž年龄:26岁,ž出生地:山东,ž学历:本科,ž职业:公务员, ... ...
-
"公用样式模板"的设计制作 2009-09-09 22:10
这个话题是应腾讯ISD同仁之邀在WebReBuild三周年交流会上做的主题分享。由于临场等原因有些问题当时没有讲明白,回来后按原有思路形成了一篇小论文,对其中一些问题进行了进一步阐述。现场有位同行朋友提出了对使用表现性语义的质疑,当时没有给出让他满意的答复,因此文章中花了较多的篇幅来探讨语义性有关的问题,算是对那位朋友的解答。 一、 公用样式模板的“公用”的含义 ... ...
-
有效LOGO设计的最重要的提示 2009-09-04 23:54
曾经有许多创造性的logo设计案例,logo设计资源和logo设计指导张贴在互联网的各个角落。这些帮助会为你的logo设计创造一个功能强大的工具箱。首先你需要对于一个好的logo设计获得一个固定的认识和一些你认为需要考虑的东西在你使用这个工具箱之前。在这文章里,我们将认真分析怎么才能获得一个有效地logo设计并且我们也指导你通过这些规则和最优的办法创造出一个品牌的特性图标。Logo是什么?要理解L ... ...
-
页面上元素对齐的问题 2010-02-09 20:54
页面上各个元素的对齐,能使页面显得更加规整。以下图为例,能对齐的元素都对齐了,看起来很规整。 但这也导致了一个问题:阅读线路不清晰——究竟是“Z”型线,还是“N”型线? 像这种过度追求对齐而影响了信息架构的情况,在我们工作中不算少见,我个人不太赞同这种做法。 我比较倾向于适当打破一点对齐关系, ... ...