主要内容
-
网站tab导航的设计 2008-11-10 02:36
之前有写过一篇浏览器的tab设计，这回说说网站的tab设计。 一说到tab很自然地就想到了导航、信息架构。随着网站信息结构的复杂化，选择tab似乎是性价比最高、结构传递最明确的导航方式。这也是其中面包屑导航方式衰弱的重要原因。 如果你想用tab的方式构架你的网站，搞明白下面几个问题，或许对你怎么设计会有帮助。 用tab解决什么问题？ 在设计tab之前，先要搞清楚为什么用tab ... ...
-
Tab式位置导航变体 2008-11-10 02:29
Geoff Teehan 的一篇 The Tabbed Breadcrumb Navigation 介绍了一种新颖的、综合了 Tab 导航的 Breadcrumb（一直找不到合适的中译，位置导航？您的位置？还是面包屑？），如下图： 图中不错的表达了网站的层次、结构，单独来看很有新意。Yahoo! 在运用这招的时候加入了一些变化，参见 Yahoo! Food、Yahoo! Sp ... ...
-
邮件的排序与翻页 2008-11-05 13:10
先看看国内邮箱的情况，几乎是清一色地使用“上一封”、“下一封”的描述方式。 图中网易vip邮箱，上一封下一封的点击是按收件箱的信件列表的排序决定。 点击上一封，回到我之前阅读的邮件，这使我很明确“上一封”就是按收件箱排序，表示被排在当前阅读的信件的上面的。 再来看看gmail： ... ...
-
淘宝留言板上的小细节 2008-11-03 20:59
西贝周末无事，在淘宝上买了几件衣服，由于多件可以支付一次运费，所以，想请店主给我尽快改改邮费款数…这样我好支付钱不是~ 先点击“发表留言”，ok，顺利 发表后… 不知道留言去哪里了，这时，我想着去留言板上找找就好了，谁知道，第一页并没有西贝的留言，那我去最后一页看看把，要不算一下时间，去中间找找？（由于第一页没有，意 ... ...
-
F形网页文字阅读模式 2008-10-31 19:54
Article copyright by Jakob NielsenJakob Nielsen版权所有作者：Jakob Nielsen译者：UCD翻译小组，Abigail原文地址：http://www.useit.com/alertbox/reading_pattern.html雅各布尼尔森的提示箱，2006年4月17日： F形网页文字阅读模式 摘要：眼球轨 ... ...
-
用扩展卡片分类技术获悉网站架构设计 2008-10-31 17:54
Article copyright by Michael HawleyMichael Hawley版权所有 原作者：Rachel Glaves；译者：UCD翻译小组， 萧小小；校对：杨远骋 Could Zhang 原文链接：http://www.uxmatters.com/MT/archives/000332.php 在 构建 ... ...
-
阅读器的收藏、分享或推荐 2008-10-31 17:21
首先得先理解一下收藏、分享、推荐文章的概念： 收藏表示我喜欢，我对这篇文章感兴趣，唯一的对象是我，要不要对自己负责那是自己的事情。 分享就有分享的对象，那么就有义务为分享的行为负责，最基本的得知道分享的是什么东西，有什么可分享的。 推荐基本上同分享类似，不同的是推荐的对象范围可以更大一点，可以更不明确。 现在互联网上三个主流的在线阅读器，Google阅读器提供收藏和分享的 ... ...
-
网站背后的信息架构 2008-10-31 16:47
——读《web信息架构》 其实互联网设计阅读推荐是读此书后，受启发完成的。因为我觉得想清楚了关键点，在各自不同角度深入下去，虽然得到的东西差不多，但思路千差万别。 也许这就是交集越大，协作越顺畅的必然。在产品实践中，我发现超过80%的问题都与信息架构有关，最容易引起争论的也是。书中有一节专门讨论“什么不是信息架构？”搞清楚的目地不 ... ...
-
给配件留出位置 2008-10-31 10:59
Cloud序： 开放平台， 好东东，人人都想做。但是Cloud在以前做开发人员的时候总是很烦别人把手上的应用硬往开放平台上面靠。Cloud一直觉得，几乎没有什么 成功的平台是一开始就吵吵着说自己要做一个平台然后成功的。就说Mac家的iPhone，首先它是一个极其成功的产品，不管平台不平台的，这个产品都可以 大卖。在一个大卖的产品之上加上开放平台，这 ... ...
-
web表单按钮的使用 2008-10-30 21:44
Article copyright by Gabriel SvennerbergGabriel Svennerberg版权所有 原作者：Gabriel Svennerberg；译者：UCD翻译小组，mysmth2003原文网址：http://www.svennerberg.com/2008/09/the-use-of-buttons-in-web-forms/& ... ...
-
让我们看看各个知名网站的登录窗口吧 2008-10-30 00:40
前几天发表了我对支付宝登录窗口的意见。看到了很多朋友的回复，以及评论。觉得确实还有改善的余地，这两天也看了一些其他知名网站的登录，刚好截屏出来，大家可以一口气看完。 Amazon.com Google.com Facebook.com Paypal.com Yahoo.com ... ...
-
简说相册的排序 2008-10-29 20:08
上次书友会的主题是“相册”，遗憾的是当天有事情，没能参加，不过从大家写的博客里，也学到不少的东西！ 我最近也关注了一下相册，发现在各种细节上，每个网站的做法大相径庭。从相册的上传、照片名称的编辑到相册/照片的排序，以及照片的预览，仔细对比，真是各有千秋！今天我只想说说相册的排序问题，因为我非常喜欢的校内网，在这方面做得并不让我觉得“有良好的用户体验&rdq ... ...
-
按钮还是分类，以及好友的组合 2008-10-29 08:46
SNS型的网站，由于需要保护用户的隐私，特别是对于要求真实信息的SNS网站，都会在设置里提供个人资料保密公开之类的选项，而大部分用户都会选择对好友公开，所以想在这类型的网站上玩的话，加好友是不可缺少的一步。 当然，添加好友这一操作是很简单的，只需要在相应的地方轻轻的用鼠标点一下就可以的，剩下的就是等待对方的回应了，同意或者拒绝。 看一下开心网上的好友请求，可以很方便的拒绝对方的好友 ... ...
-
浅谈人的视觉对交互设计的影响 2008-10-25 17:05
这是阅读《人机交互（第三版）》一书1.2.1"视觉"小节的读书笔记。 1.受人类眼睛的工作原理所限，"注视着屏幕中部的用户"难以或无法"读到底线上的帮助文字"（p5）。 遗憾的是，相当多的软件设计违背了这一原则。常见的如浏览器的状态栏，浏览器在接收到用户的点击后，通常将相应的反馈信息放在状态栏中显示，问题是状态栏通常位于浏览器底部，处于视野范围的边缘，其中的变化很难引起用户的注 ... ...
-
用户体验的模型 2008-10-22 18:48
用户体验相关从业人员比较擅长画Concept Map，所以关于用户体验有很多的Conceptual Model， 介绍其中几个比较著名的模型： 1. 5E模型 Whitney Quesenbery’s 5E Model by Whitney Quesenbery 有效性：表明软件是可用的，而且帮助用户准确地实现他们的目标。 效 ... ...
-
几点百付宝的体验 2008-10-22 11:21
前天，百度有啊在百度用户里挑选了一批进入有啊测试，有幸进去测试。大家可以去百度空间查查系统信息看有否（百度hi也会给系统提示）。今天完善了一下百付宝的用户信息，截几张图： 1、后发制人的表单提示。为什么在我点击保存的时候才提示我没有填写“支行名称”？同时，整个表单没有列出哪些是必填，哪些是选填。 ... ...
-
我来设计支付宝的登录窗口 2008-10-21 22:21
先看一下现在支付宝的登录窗口： 支付宝现在的登录窗口 从我实际的使用来看，这个登录窗口存在两个明显的缺陷： 不支持保存支付宝帐户的Email地址，每次登录都要重新输入，哪怕这个电脑就是我一个人使用的。 一定要我输入验证码，为什么一定要输入呢？ 我的设计如下: 我建议的登录窗口 提供“私人电脑” ... ...
-
从”发布”button看主要与次要行为设计 2008-10-20 21:38
前几天在UCDCN里写一篇关于如何让UX走进战略决策层的文章时,不小心按到了取消按钮，于是乎,所有东西都没了。痛哭-_-。竟然没有“确认”取消。不可撤销的操作不都是应该进行“确认”吗？ 另外， 这里的BUTTON设计明显针对主要行为与次要行为，但仍有不足。加入字体大小改变、颜色对比，这样会帮助用户会更快、更准确地完成发布日志的 ... ...
-
阿里系的中国雅虎首页浅谈 2008-10-18 13:43
自从2005年8月11日阿里巴巴宣布收购雅虎中国的全部资产后，做为阿里巴巴集团的创始人马云心里盘算的事应该是如何把雅虎中虎整合进阿里巴巴这 个大家族，而非如外界所传的打造中国互联网最大的搜索平台。事实上只要有Google跟Baidu在，雅虎中国就不可能成为中国互联网最大的搜索平台。所 以如何把雅虎中国溶入到阿里巴巴这个大家族中，以达到双方资源的最大化相互利用，成了阿里巴巴收购雅虎中国后最核心的 ... ...
-
给链接一个添加下划线的理由 2008-10-18 13:05
互联网上有着无以计数的海量信息，而这些信息依靠着链接维持着之间的关系，从而避免了一个个独立的信息孤岛，互相关联的才能形成互联网。链接在互联网的交互上有着不可替代的重要性。 之前提到过关于链接的几种提示及打开方式，其中有一个关于链接的提示是：文字带有颜色没有下划线。有时候为了页面的美观，很多设计师会特别的去掉链接文字的下划线，而仅仅只是改变链接文字的颜色。的确，这也算是链接的一种提示方 ... ...
