以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论:http://hiseven.net/?p=178 |
||
接上篇(下拉箭头怎么拉?),现在聊聊下拉箭头在web上的一些应用。 先给个标准的例子,来自Gmail,在打开一封邮件后,右上角的回复快捷操作和更多的操作。
很明显,间隔线前的操作是回复此邮件,后的下拉箭头表示更多针对此邮件的操作。 这里还有一个例子,来自著名的Discuz论坛,在任何一个版面都可以见到的右上角的“发新帖”的按钮。 直接看这种样式的设计,应该是鼠标点击“新帖”为发表一个新的帖子的意思,而点击后面的下拉箭头,就是(发表的)更多操作。 但实际上– 当你把鼠标移动到这个按钮的任何一处,就弹出了这么一个层。当然,这个是运用的高超的ajax技术,给你带来了不需要多点击一次鼠标的便利,但他同时也给我带来了很大的困惑。
根据这个设计所表达的意思,我想,只需要简单的这么处理以下,应该就能解决问题了: 鼠标移动到新帖上,点击,表示发表一个新的帖子。鼠标移动到后面的下拉箭头,自动弹出选项框,表示还可以发表更多类型的帖子。这个逻辑和Gmail的回复是一致的。 PS:这种设计形式下的交互方式是符合逻辑的,但是,跟Gmail的回复操作一样,他也不免有一些小小的弊端:后面的下拉箭头表示是跟发新帖一类的操作,但是交代的不是很清楚。 最清晰直观的解决方法就是,把这5种发表帖子一一摆开(当然可以在样式上突出第一个),类似的效果在早期的Discuz可以看到。 但是以上只有2种类型的帖子,一一摆出来还是可以的。后面发展到了5种(说不定以后还有更多类型的帖子),一一摆开显然是不明智的做法,一是设计上 不好看,二是后面四种属于不常有的操作。所以采取了放出一种常用操作(发表普通帖子)而把不常用的藏起来的做法,这时,自然而然的就想到了用下拉菜单来解 决。 Discuz的想法是好的,只是在结合ajax技术运用时,一些交互的细节没有把握好。 |