开始设计

以用户为中心的设计

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

× 关闭
我有建议/意见

主要内容

  • 未读邮件的提示链接该转向哪    2008-10-13 09:30

    之前一直都在用网易163的邮箱,功能和人性化上都做得很好,可是后来由于用这个邮箱地址注册了很多网站,现在变成里面的信件全成了那些网站发的广告信息,所以只好弃之不用,转向使用Gmail。但毕竟是以前一直在用的信箱,所以偶尔还是会登录上去看一下是否会有“真正有用”的邮件。 但最近有一件事却困扰了我相当久,那就是如左图所示的收件箱里一直显示有一封未读邮件,可是翻遍了最近 ... ...

  • 关于注册时输入密码的那点事儿    2011-03-10 21:47

    在微博上看到和菜头爆料关于淘宝2012的彩蛋,好奇试了。首先彩蛋确实是有的,同时也发现这个十分有趣和值得思考的问题。ps.此篇博客仅是本着对问题本身的兴趣。你懂的。 为什么只输一次密码? 话说确实有很多国外的网站已经这么做了。目的是为了降低注册成本,优化用户体验,可以减少用户点击和输入的成本(真的是这样吗?)。最重要的是,相信他们一定有足够的数据证明他们的受众用户确实不需要再次确认密码 ... ...

  • Web注册表单设计样式的研究-下部(折折熊译)    2008-08-06 11:57

    上周我们已经给大家介绍了我们对于web表单调查研究结果的第一部分。调研的主要目的是提供给凭直接来判断有效性的设计师和开发人员一些理论依据。我们也介绍了一些如何让web表单成为完美的友好用户界面的指导方针。 我们把更多关键表单单独开来(例如校验表单)从而关注注册表单。然后我们分别完成每个被选择网站的注册表单并且分析这些表单的设计方法。以下我们介绍这个研究的第二部分— ... ...

  • 图片轮播控件 Carousel Contro...    2009-12-11 21:45

    ·名词定义: - 图片: 字面意为图画﹑照片﹑拓片等的统称。在当前互联网业内,从展现的形式上看,可以简单的分为静态和动态两种;   - 轮播: 中文字面:“轮播”,顾名思义,指轮流播放; 英文字面:“Carousel”包含有“旋转传送带”的释义;  ... ...

  • 《写给大家看的设计书》阅读笔记之对比原则    2009-07-09 21:11

    假如一个页面中的文本采用的都是同样的字体、同样的字号、同样的颜色,做为读者的你能轻易的区分出哪里是标题,哪里是正文内容吗?所以通常情况下,设计师会对标题采用加大字号、加粗字体、改变字体、更换颜色等方式进行处理以使其区别于正文内容。 这就是对比原则的一个表现。 没有对比的页面,在读者的眼里就像是平静的海面,视线可及之处没有一个焦点;当出现了对比,突出了视觉重点,也即意义着平静的海面上 ... ...

  • 你的网上商店需要用TAB栏吗?    2009-12-17 23:16

    TAB栏是适合多内容页面排版的最好方法之一,它可以在不增加页面长度或者打乱页面排版基础上美化页面,并且这几年逐渐成为电子商务网站越来越常用的方法–特别是产品页面上的使用。 但是我在浏览这些使用TAB栏的站点时一直关心这个问题–TAB栏是否被顾客注意到?它们是否太不明显了? 我最近在研究的一个站点,它的交叉销售和鼓励销售的产品附加点击率很低。罪魁祸首就是产品推 ... ...

  • 邮件营销:导航条    2009-07-16 10:16

    Smith-Harmon是一家邮件营销服务机构,有很多关于邮件营销的报告,5月有份“邮件导航与网站导航完全不同”的报告(有PDF免费下载,只要邮箱),比较值得看: 邮件导航与网站导航完全不同:零售行业邮件中导航条和网站搜索的利用 by Chad White 你邮件顶部的导航条,可以是推动用户接洽的巨大来源。除了在邮件预览窗格几乎每次都能看到之外 ... ...

  • 爱恨豆瓣    2008-12-23 11:30

    我在豆瓣的注册时间是06年4月29日。一开始使用豆瓣是因为资源的图片可以外链到博客上,不用每次去搜图片还担心链接会失效。慢慢觉得用来记 录自己的书影音挺有用,之前都是记在小本子上。后来又有了豆列、友邻…还有一直到现在都搞不懂的九点。之后是图片啊日记啊广播啊,杂七杂八功能越来越多了,可是我的使用还停留在最初的功能上,也被这些最基本的功能持续地困扰着。即便如此,现在豆瓣也是我每天都会刷 ... ...

  • 探讨对称性交互应用    2011-07-09 00:15

    在界面设计中,对称性的信息呈现方式非常普遍,信息等价并且均匀分布在规则的几何图形周边能带来和谐的比例与平衡。在交互设计过程中,让用户的操作流也以对称性的方式完成,我们称之为对称性交互(Symmetry of Interaction)。比如iPhone手机的开关机过程,都是以如下流程进行: 开关机作为手机常用的一套相关操作,其设计思路也采纳了对称性交互原则,让两者遵循同样的流程进行 ... ...

  • 商品列表排序方式的思考    2012-02-10 23:09

    这里的商品列表不包含站内搜索结果列表,商品搜索结果的排序和内容呈现,请参考我的另一文章:B2c站内搜索初探–排序和内容呈现/   http://aboutb2c.com/350 传统零售中,货架的陈列对销量的影响巨大。如何合理的分配有限的空间,通过促销品吸引顾客、从而促进最大利润产品的销售、清理滞销品和库存货,显得尤其重要。网上零售虽然理论上没有货架和空间的 ... ...

  • 标签水平右对齐更适合中文网站    2009-04-29 15:33

    找了国内30个比较著名的网站的注册表单做样本,对标签和输入区对齐方式做了统计,得到了一个结论:标签水平右对齐更适合中文网站,或者说右对齐更适合中文的表现。设计师们闲下来后最大的喜好莫过于看看国外网站的流行趋势,感叹一下这个精致,那个大气,然后就开始往自己的设计里融入新元素。 不过想必大家都遇到过同样的情况,“用英文咋看咋漂亮,一换中文那种味道就表现不出来了…&rd ... ...

  • 互联网表单设计 - 自动即时帮助    2009-05-05 23:01

    自动即时帮助 自动即时帮助系统在最合适的时间、地点显示信息。例如,点击或用Tab键激活输入框,相关帮助文字就出现在输入框旁边或下方。图7.4,Wufoo网站采用了这种行为。 图7.4 http://www.flickr.com/photos/rosenfeldmedia/2367268378 人们填写Wufoo网站输入框时,帮助文字自动出现。 为确保用户能预计帮 ... ...

  • 细节,还是细节!    2009-03-26 14:12

    前天把注册页的优化原型交付后,今天下午收到了内网测试的通知,上去看了下,然后决定和Dev和Designer一起开个短会,为什么?我截个图给大家看看 告诉我,你能挑出多少问题来?抛开原型来说,我能挑出来的有以下几个: 1.看到那个请登录了吗?没看到?当然,因为背景色是浅蓝,链接是深蓝。 2.Mail地址是什么? 3.表单项左对齐。 然后还有,给你们看 ... ...

  • 影响网站转化率的10大误区(下)    2010-01-17 13:45

    【导言】网站分析的核心内容之一是对转化的实现和优化。本文探讨影响网站实现转化的10大误区,以帮助网站设计者和网站所有者规避风险,更好地实现网站应有的功用和价值。这个话题将分为上下两回,每回均通过实际案例探讨5个因素。本文为下回,上回请点击这里。 【正文】 在上文中,我们讲到了五种误区,分别是:目标失焦,错误匹配,故意诱导,登陆页太沉重,以及不正确的Call To Action,这一 ... ...

  • 浅析手机语音交互设计    2011-09-27 11:06

    语音识别技术,也被称为自动语音识别,其目标是将人类的语音中的词汇内容转换为计算机可读的输入,例如按键、二进制编码或者字符序列。 语音识别技术作为输入方式,比按键输入和手势输入更为快捷,学习成本很低,对于非特定人连续语音识别系统的识别率达到98.73%,已经达到实用要求,具有广阔的应用前景,在手机端的应用有语音拨号、语音输入、语音命令、语音搜索和语音翻译等。 语音的技术原理比较复杂, ... ...

  • 以情感为中心的设计(1)    2009-06-09 22:54

    在两年前是听到UED部门交流会承志所讲的《设计大讲堂》培训,对UCD(以用户为中心)有一些的概念上了解,同时,也了解了其它几个概念的含义,包括有ACD(以行为为中心的设计)、BCD(以品牌为中心的设计)、等… 今天,在这里我在我讲一下另一个概念。这本来自一本书《情感化设计》,以情感为中心的设计(Emotional center design)(ECD)。也可以作为设计中的一种 ... ...

  • 信息扁平化    2010-05-12 23:59

    前几天曾将信息扁平化列为五条手机交互设计原则其中之一,未查找到相关内容,个人尝试从概念、缘由和实现方法等方面分析。 概念 较少的信息层级关系,用户通过操作跳转较少的页面即能找到想要的信息。 缘由 1.信息结构以深度为主。从淘宝UED的文章中看出web注重深广度平衡: 在整个树形结构中,链接的层数被称为网页链接的深度(depth)。而在树形结构里,最底层页 ... ...

  • 设计模式-自动完成    2010-10-29 08:18

    Jabob Nielsen提出的10个可用性原则中有一个原则-防止出错(Error Prevention)。官网中有对这一原则的具体解释,这里不再复述。笔者认为还有一个防止出错的方法就是让用户选择而不是输入。在这里用户不需要思考如何输入,输入是否正确,这里以常见的“自动完成”来谈一下这个设计模式在当下的应用。 自动完成是一种属于反应性界面的强大模式。典型的 ... ...

  • 谈谈取消键与撤消键的使用 2010-07-15 21:13

    “取消”(cancel,stop)和“撤消”(undo),看起来很像是同一回事,用起来似乎也差不多。但是两者在使用上还是有些差别,体验上也略有不同。 一、 取消键与撤消键 我们常常在执行一个动作时,会被要求确认一下,这时候往往给出两个按钮,“确定”和“取消”。“取消&rdqu ... ...

  • 让等待快一些 2009-01-27 15:31

    人喜欢速度慢的软件因为人们不喜欢等待,等待意味着你要浪费时间而无所事事。但等待是你和电脑交互的过程中所必须经历的过程,软件不会马上相应你的指示,你需要等待软件载入,等待网页下载,登载程序编译…… 因为等待并不是产品好的特征,你需要把它的影响最小化。下面来介绍两个方法。 最直接的方法是优化你的代码:重构和缓存可以让你的程序运行更快,优化代码是最诚恳 ... ...