网络编程
位置:首页>> 网络编程>> 网页设计>> 用户研究角度看设计(1)“复制链接”的故事(3)

用户研究角度看设计(1)“复制链接”的故事(3)

作者:轻侯 来源:Taobao.com UED Team 发布时间:2008-12-26 17:48:00 

标签:复制,链接,用户体验,淘宝

点击它之后,会出现什么?

1.要考虑“复制链接”的内容

当你仔细考虑过用户的使用场景,你应该就很清楚怎么设计复制链接了。像图6一样将内容主题包含在分享信息里对那些通过IM来分享的用户确实不错。

(图6:新浪博客

2.让分享中的内容满足用户的需要:

如果用户对复制链接有多种需要,那么不妨设计多种复制途径。学习一下flickr的设计(图7、图8),它如何在多种复制链接中,保持了清晰的逻辑关系。(当然,其中默认第一项通过邮件分享可能对美国人更常用,对中国用户就另当别论了 )


(图7:flickr网站 ,用户点击分享之前)

(图8:用户点击分享之后)


3.帮用户想的更多:

分享一个photobucket的例子(图9),当鼠标上移到图片时,就会出现灰色的浮动层(这是改良过的设计,原本是灰色层始终存在),让用户复制。鼠标点击到包含地址的输入框里,系统会自动复制好其中的链接,并在输入框前出现几秒钟的“copied”提示。这种方式既能做到提供反馈,又不会有alertbox的生硬感。


(图9:photobucket.com )

总结

设计“复制链接”功能时候,首先思考用户的使用场景以及用户可能会用它做什么,其次一定要让用户理解这个功能可以用来做什么的。最后,优秀的设计还应该给用户一个惊喜。在我收集例子的过程中,photobucket的“复制地址”设计确实给了我不小的惊喜。

你还发现了哪些更好的例子呢,欢迎告诉我!

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com