[图说交互]鼠标文字选中与产品整合。

By 马平凡 in 交互之路, 闲扯互联网  |  2010/7/14  |  阅读 (743)  |   评论 (13)

QQ聊天 + 腾讯soso搜索

在我们用QQ进行聊天的时候,在聊天记录与文本输入框中,只要你用鼠标选中一些文字。即可进行复制和搜索2个动作。搜索整合了腾讯的soso产品。这里还有个很好细节设计值得说下,“复制”与“搜一下”这2个选项采用了不一样的颜色。“复制”是系统默认,是用户选中文字本能的一个交互动作,同时是一个非连接的按钮,所以采用了黑色。而“搜一下”是用户可以连接到腾讯的搜索产品进行搜索的交互行为。所以采用了一个连接颜色-蓝色。

从这个细节上可以看出:
1、腾讯的交互设计还是非常严谨的。
2、腾讯的各个不同的产品之间无缝整合,一直是做的比较深、比较细的。值得业内同行学习。

搜狐新闻 + 搜狐微薄

这个产品设计思路与以上腾讯QQ聊天的例子相似。就不做赘述。

大家可以点击浏览一下连接,然后试着用鼠标选中一段文字。进行体验。
http://it.sohu.com/20100706/n273305875.shtml

虽然这种思路很值得学习,但假若在产品设计过程中过度使用这个功能。结果会恰恰相反的。如选中文字后,你给出太多选择,可能会让用户造成抵触情绪。上面举例的2个对用户都只给出一个产品的选择。

如果喜欢这篇文章或是我的博客, 欢迎你 订阅我的blog,及时获取最新的更新!

Comments RSS feed TrackBack URL

"[图说交互]鼠标文字选中与产品整合。" 13 条评论 »

  1. Trackback/Pingback

    [...] 源地址:http://www.ueren.net/blog/?p=338 本文标签:UCD 所属分类:互联网技术 [...]

  2. Dlxw2010/7/15 @ 01:59

    嗯,百度搜索按钮右边那两个链接就没处理好。以为“手写”是和“设置”一样性质的链接。

    [回复]

    马平凡 回复: |

    @Dlxw, 呵呵,有点,觉得可以在现有的文字连接上增加一个简单的图形ICON说明。视觉有所区别,会好辨认些。

    [回复]

  3. 草根网2010/7/15 @ 02:55

    好文,收藏至20ju.com

    [回复]

  4. Trackback/Pingback
    交互设计 | Hello Tea2010/7/15 @ 03:10

    [...] 来源:http://www.ueren.net/blog/?p=338 [...]

  5. rokeyhu2010/7/15 @ 10:08

    其实我最初是在韩国的网站上看到的,选中文字自动出现搜索小辐条 nate新闻的最终页

    [回复]

    马平凡 回复: |

    @rokeyhu, 恩。特意去看了下,nate确实也有个思路。和你不同,我最早看到的是QQ聊天+SOSO的。你平时经常研究韩国网站?

    [回复]

    rokeyhu 回复: |

    @马平凡, 到底谁先谁后也不好说,反正tx是经常研究韩国网站的,Qzone之前就是copy韩国的Cyworld,还有tx现在主要收入之一的avatar也是从韩国那边的受到的启发,可以经常去韩国的网站看看,设计真的不很不错

    [回复]

    rokeyhu 回复: |

    @rokeyhu, 汗 设计真的很不错 刚才的多了个“不”子

    马平凡 回复: |

    @rokeyhu, 在研究彼此中学习,摒弃浮躁,共同发展与进步。这对一个行业来说,是件很好的事情。so,讨论谁先谁后,不是意义所在。需要非常感谢Rokeyhu的推荐哦。韩国站,就设计来说,有风格和独到之处,特别是他们的视觉设计方面。

  6. Dlxw2010/7/16 @ 00:12

    韩国的网站做的很不错的,我经常会去看看。
    如:naver.com

    PS:评论的回复功能在mac os x下的safari 5报错。

    [回复]

    马平凡 回复: |

    @Dlxw, 恩。感谢隆君童鞋的推荐与提醒,嘿嘿。目前评论回复的问题已经修复哒。

    [回复]

  7. p90x2010/7/29 @ 08:35

    韩国的网站确实很不错的,我也经常跑去看

    [回复]

英雄,出来说个话吧。