发现和记录交互笔记---以目标为导向的设计

uigradients.com是一个提供渐变色彩方案灵感的网站，当用户选择一个方案后，会提供色值、css代码、图片供用户实现自己的任务目标。

作为一个设（hua）计（tu）师（de），我准备选中并复制色值到PS里面定义颜色时，发现了这个贴心的交互。

当我选中色值并释放鼠标的一瞬间，弹出了一个小小的消息：copied。告诉我色值已经复制到剪切板，预判了我的动机和行为有没有？于是我到ps里面打开拾色器，直接Ctrl+v。果然就是那个色值。

省却了用户一个Ctrl+c的动作，提升了效率（在多次选择不同的颜色来测试效果时格外快捷），最重要是很贴心和正确的预判了我的任务目标。为这个小小的交互点个赞！

这时我不禁想到目前类似的设计会在边上放一个按钮，叫复制色值，是不是更好一点？因为用光标选中色值相对点击一下按钮还属于偏精细一点的动作了。难道这个网站设计者选择了交互的优雅和版面的简洁，牺牲了一点可发现性？于是我又去使用了一下，发现我真是2样2森破：原来点击色值也是直接触发复制的功能，鼠标掠过时也有按钮隐喻的视觉反馈。因为我一开始的认知和目标就是去复制那段色值文本，所以没留意那个视觉反馈。

这样这个功能和交互就太完美了，原因有几点：

1，分析了用户的任务目标，达到或超过预期。

2，点击按钮复制色值的功能为中高级用户而设计，学习一次就永远难忘，而且有一种探索和发现的快感。

3，交互优雅，版面简洁。美观和功能达到了平衡。

唯一有一点不足就是消息消失得稍微快了一点，可能我不是英语的用户吧，一闪而过的copied我看了几次才看清楚，这个可能英语为母语的用户是没有这个问题的。