按钮都设计不好,你还指望用户点击？.pdfVIP

按钮都设计不好 ，你还指望用户点击 ？ Call t o act io n （行为召唤 ）按钮以其易于识别和理 的特性 ，能对你客户产品的用户转化率产生极 大影响。当你在设计这些按钮时 ，有必要考虑许多因素 ，包括颜色、对比度、按钮文字 ，甚至包括 是否在按钮旁设置方向引导信号。 简言之 ，对于这种在你网页中只占用极小面积的元素 ，你绝对是需要投入并不成正比的时间来思考 将如何将其最好地呈现给你的用户。没错 ，call t o act io n按钮就这么重要。拂去浮华 ，他们就是页 面之星 ，无论他们旨在引导网站访客进行购物、注册还是仅仅只是点击。 他们代表了你页面的目的所在——每一个页面都得有个目的。以登录页为例 ，它的目的就是引导用 户点击至主产品或主服务页面。一个设计过的明智的按钮必定深度考虑过用户需要如何购买或注册 某一产品 ，这也是每一个设计师极致追求的结果。 方向引导 作为人类 ，我们天生就对眼神方向产生心理反应并以此作为有效的引导方式。试想一下 ：当你看见 一个人正在注视着某一你看不见的区域的时候 ，你会不自觉地感到好奇他正在看什么。这一“方向引 导信号”的原理也同样无缝适用于你为客户打造的网站。 是的 ，方向引导信号可以是明显得无与伦比的大箭头 ，甚至是直接戳在你call t o act io n按钮上的几 根手指 ，只是为了你网站访客的某种共鸣和独特的体验 ，你应该换一张某人望向你call t o act io n按 钮的照片试试 ，应该不会有错。 为了更清晰地表述这一点 ，让我们打开Salesf o rce的首页。Salesf o rce是一个来自美国旧金山的全 球性的云计算公司。值得一提的是 ，你可以扫视一下他们首页的这张页头大图——看起来一位女性 注视着她的智能手机 ，正要进行一项手机操作。 这肯定只是一种貌似真实的推测 ，但这图片还兼顾了另一职能 ：隐秘而伟大的“方向引导信号”。当 网站访客看到图中女性凝视她手中的智能手机时 ，他们的眼睛也会自然而然地随着她地目光望向页 面地右侧。如此一来 ，他们地目光不可避免地落在了三个位于她脸与手一侧的call t o act io n按钮 之上。 拜赐于她目光的指向 ，用户将更有可能注意到这些call t o act io n按钮。当一天结束 ，这一设计为该 网站带来了更多的用户转化和更高额的销售数字。 极简的按钮设计 当你将按钮设计得尽量简洁的时候 ，你需要消除网站访客、买者和读者将会迷惑的可能性。如果他 们感到迷惑 ，他们通常就不会再按照你所希望的那样来点击按钮了。所以 ，保持用户按钮设计的极 简化是所有网页设计师的目标。 让我们看看Tw ining的网站是如何用品牌设计来做到这一点的。 在这一首页上 ，我们可以看到一些用到了品牌颜色的简单按钮 ，他们简单明了地传达了用户在点击 之后可以达成的目的。这些按钮看起来也是个按钮的样子 ，这归功于他们的圆角矩形设计 ，并且金 底黑字的明确对比让他们达到了极简设计。 简言之 ，Tw ining网站的购物者会误 这些call t o act io n按钮功能的可能性将是几乎为0。 明确的提示短语 “提示短语”是call t o act io n的明星 ，因为它使用了行为导向动词来引导人们的行动。网页设计师为按 钮设置智能标签的真正价值是十分有限的 ，因此提示短语一定要简短且直指重点。提示短语的首要 目的就是让网站访客清楚地明白他们将要点击是什么 ，因为这才不会浪费大家的时间。 有时 ，提示短语会很不幸地被忽视掉。不管有多少关注度被集中在按钮的设计、颜色和功能性上 ， 提示短语也不该轻视。一个网站 ，提示短语有多糟 ，用户转化率就有多糟。 你知道当你有彼此相邻而目的不一的call t o act io n按钮时 ，只有成功设计的提示短语能让你的访客 能立刻说出这些按钮的主旨分别是什么。 在 J . Crew的这页销售宽角领衬衫的产品页中可以找到这一有力说明。这里有两个按钮同时吸引买 者的注意力 ：“A dd To Bag”和“A dd To W ishlist ”按钮。 因为这两者都被十分清晰的短语标注了 ，因此买者才不会感到困惑并能明确无误地达成他们的目的 。明确的按钮提示短语总能让用户的行为直达目标 ，毫无压力 ，它们是这件事永远的赢家。 颜色对比 线上买家是一个不靠谱的群体 ，这也是为何需要为他们量身定制用户体验设计。换言之 ，从你客户 的电子商务网站中买点啥应该是地球上最简单最清晰的事情。一些类似于最基础的颜色对比设计能 极大地为网站访客提高用户体验。 颜色对比设计能吸引你线上买家的眼球到call t