开始设计

以用户为中心的设计

网址导航 - 书友会 - 邮件组

× 关闭
我有建议/意见

主要内容

  • 《web信息架构》-信息架构分四类及分类的方式    2009-11-13 11:35

    信息架构的组件可以拆分成四类 组织系统 如何组织信息,例如,依据主题或年代顺序。 标签系统 如何表示信息,例如,科学术语(“Acer”)或通俗术语(“maple”)。 导航系统 如何浏览信息,例如,通过等级体系的点击。 搜索系统 如何搜索信息,例如,对索引系统进行搜索的查询。  ... ...

  • 关于豆瓣推荐,分享,Like    2009-01-14 01:43

    一直觉得“推荐”这个词似乎也有问题,或者是我习惯“分享”这个词了?推荐的目的是什么?只能是好吧,但可能真正好到值得推荐的东西不多。 分享,可能是传播知识,比如一篇对自己可能是火星的文章,点分享,是觉得其虽简单但总是好的。 很少看到什么东西,让我想点推荐的。 中文真是博大精深,才需要连这种问题都研究。不同的词我对之有不同的 ... ...

  • 概描述和泛描述    2009-08-18 23:13

    《Web信息架构》中有个不恰当翻译,把label翻译成了标签,好像见网友也有提到。我曾经想,如果label是标签,那么tag是啥?如果tag也是标签,那么与label有什么区别么?中英文翻译有时就这么麻烦,完全不知道说的是否一回事。 上周书友会聊到内容组织方式时,有资深同行就提出“标签与关键词不一样”的观点,开始我意思是“它们都一样,只不过是tags的不 ... ...

  • 单线流程(2) - 流程中KEY    2009-02-08 16:00

    在单线流程1这篇文章里,我引出了单线流程这个概念,并没有深入去分析单线流程,相当于HELLO WORLD!在接下来单线流程这个系列的文章里,我会继续深入分析单线流程相关的内容,希望有一天单线流程的设计思想能深入人心,成为一个主流的并且基础的流程设计思想。也希望有兴趣的朋友一起来讨论这个话题。继续解释什么是单线流程?尽管我们可以把一个复杂的流程分成多个步骤,多个页面,使每个页面的流程都符合纯粹单线流 ... ...

  • “Back to Top”有害页面健康?    2008-12-05 15:14

    http://img.ucdchina.com/upload/snap/2009-08/c274265ce4824919438058114c3d0dac.jpeg ... ...

  • 向“任务完成”说再见    2009-03-06 11:02

    Rachel Hinman 版权所有作者:Rachel Hinman译者:UCD翻译小组,孙亮;校对:杨远骋,Cloud Zhang,Angela Fan;原文地址:http://www.adaptivepath.com/blog/2009/01/18/say-goodbye-to-done/ 最近读到一份诺基亚研究中心公布的报告《用移动设备感知世界》,觉得很是有趣。正好最近在思考 ... ...

  • 简化翻页提升可用性    2009-03-12 20:24

    最终效果如下图,右侧灰边看相对位置,版权所有谨防假冒: 去年曾针对有时间先后的翻页记录了思考片段。之后没来得及调整一直是默认和插件并用,虽然难看但似乎可用性还凑合,没空所以没改。今天给WP-PageNavi升级偶然看了看结构代码,发现还算比较灵活,于是花了点时间尝试调整。 感觉用户对wordpress默认的翻页并不是很排斥,但个人认为wp-pagenavi默认的效 ... ...

  • 搜索框suggestion提示还能做点啥    2009-12-12 20:14

    今天看到aliued朱鹤群同学的搜索框提示设计,其中提到的搜索框提示、交互设计的目的很有体会。 谷奥报道,最近Google的搜索框suggestion加入更多的提示功能,谷歌叫做加入通用搜索功能,比如可以直接显示天气,度量转换和简洁明确答案类。Yahoo 2005年9月搞得instant search服务的suggestion中出shortcut功能很类似。雅虎的一些在搜索方面的想法确实挺好的,1 ... ...

  • 忘记技术原理,关注用户心智    2012-05-08 12:47

    浴室水龙头,有两种常见的设计。先说说A方案,如下图。有两个旋钮,一个控制热水的出水量,一个控制冷水的出水量。 从工程师的角度看,这个设计很自然,因为特定温度的水其实就是冷水和热水混合出来的,这就是其“技术原理”。 但实际上,这不好用,因为它不符合用户心智。用户心智中,水有两个维度:一个是水量,一个是温度,这两者是分离的。下面这个B方案,就是符合用户 ... ...

  • 交叉销售    2009-02-20 03:09

    交叉销售(cross-selling)有很多不同定义,应属于市场和销售范畴。 我自己理解,很多电子商务网站都采用交叉销售的方法。 最常见的,在产品、物品详细页面下方放一些相关内容,易趣、淘宝、ebay都采用(如下图): 请注意,中间一张是淘宝的做法,把“还浏览”和“掌柜推荐”放在了一起。  ... ...

  • 为什么说 Twhirl 的用户介面设计惨不忍睹    2009-04-23 17:41

    Twhirl 是一个相当受欢迎的 Twitter 客户端,由于它是以 Adobe AIR 环境为基础写成,因此横跨 Windows、Mac OS X 和 Linux 几大平台,积累了不少用户数。但如同生活中的大多数事物一样,受欢迎程度与质量往往成反比。Twhirl 的用户介面设计的问题不是一般的多,这里我试举几例说明。 Twhirl 的主介面上有十九个按钮,其中十个的大小完全一致:16 x ... ...

  • 移动应用表单设计秘籍    2012-04-16 10:42

    一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客。最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复、要么语言程序化,要么视觉焦点跳跃,要么校验顺序混乱,要么反馈不及时,如此种种的问题,让我很想认真的总结一下,思考一下,为移动应用的表单设计,提供一些个人力所能及的建议,希望更多地设计师能认真思考移动应用表单的特殊性,能最大限度的提升表单设计的体 ... ...

  • 深入了解评论模块    2011-09-17 16:49

    之前写过一篇文章,了解产品之评论模块, 对电商中的各种评论模块进行了分析。有同学会说,从形式去观察一个模块有些浅显,可以从做更进一步的思考,从产品角度,探讨这些不同模式的由来或选取的原 因。不过产品设计层面上的探讨,还是与交互设计层面上的探讨有区别。产品设计会跟据用户、市场等多方面的因素,从宏观上对一个产品进行设计规划。就好像有 些评论模块有从质量、外观、性价比的细分评论,而有些没有。这里的 ... ...

  • 好的体验从降低输入成本开始    2011-07-13 11:27

    小屏幕小空间,输入信息举步维艰,不是误点,就是需要频繁切换,不是提示不明显,就是定制能力不够。如果你的应用为用户提供的服务需要进行大量的输入,那么一定要考虑到用户的输入成本和输入效率对用户体验的影响。否则就是你的功能再有亮点,但是糟糕的输入体验却把用户拒之门外。虽然你可能会抱怨,那不是你的错,是iPhone输入法的错,但是凡事好商量,怎样跟输入法亲密无间的合作,降低用户的输入成本,提高用户的输入体 ... ...

  • 别忘了导航    2008-07-27 16:49

    很 多网站为了某个活动、节日什么的,经常都会做一个专题页面。这些页面往往都和网站其他的页面不同,不用那些循规蹈矩的布局,有漂亮的大块图片、甚至是声色 俱佳的Flash~ 这些页面,可能是从网站内部某个吸引人的地方,吸引你点入;也可能是某个软件的网站,从软件里链接出来的;也可能是和别的网站合作,从别处链接过来的…… 这样的页面的确都做得很吸引人,但也容易忽略一 ... ...

  • 手机应用程序启动画面    2010-11-18 22:57

    本文首发于MDchina,汇聚了一群热爱移动互联网的产品经理和设计师,也是一个专业的分享平台。 iPhone官方设计指南对于启动图片(launch images)描述中期望是开发人员能够尽量简化应用程序的启动过程,使用应用程序主页的背景图片作为启动图片,让程序能够快速启动,不过遵守这条建议的应用程序非常少。 在PC上,由于大型游戏和软件加载的时间比较长,启动画面应 ... ...

  • 用户体验的昨天,今天和明天    2009-03-26 16:23

    Article copyright by Colleen JonesRachel DeFriend版权所有原作者: Rachel DeFriend;译者:UCD翻译小组,mocha原文地址:http://blogs.imediaconnection.com/BlogDetail.aspx?BlogID=393 我上篇文章提到过,早在远古时代就有体验设计了。从一开始,为了 ... ...

  • WAP2.0网站分类及其架构浅析    2010-07-20 09:56

    一、WAP 2.0 简介 所谓WAP(Wireless Application Protocol,无线通讯协议)是在数字移动电话、因特网或其他个人数字助理机、计算机应用之间进行通讯的开放全球标准[1]。 WAP1.0规定无线设备访问的页面是用WML语言编写的,而WAP2.0将XHTML-MP作为主要内容格式[2]。对比WAP1.0,WAP2.0的优势是更好地支持图形化界面 ... ...

  • 你们的资料不准确    2009-02-04 02:34

    今天在joyo又碰到问题,以前也碰到过,不过今天这次没办法进行下去。 公司在高新区,高新区位于浦口,有独立邮政210061,浦口区的其他很多地方使用另一个邮编211800。 在joyo填写配送地址碰到了麻烦。如下图。 “根据我们的资料,江苏 浦口区的邮编为211800”。 抱歉,你们的资料不准确。 不修改,继续下去。下图。  ... ...

  • 从iPhone Tab Bar学到的…    2011-11-25 14:27

      在过去的几年中,iPhone成功的使得Tab Bar标签栏导航方式在移动设备上流行起来。Apple将tab bar和其它许多的设计原则整合到了他们的人机交互指南(HIG)中——但有些疑问他们从来没有回答。在过去的几年中我一直从事交互与图形设计,在这篇文章中我将分享一些我的想法有关什么是该做的,什么是不该做的。 第一课:魔法数字是5 这对从事iPhon ... ...