四条“行动召唤”的基本设计原则，抓住用户注意力

由VisualEyes生成的眼动热力图

通过观察注意力热度图，您会发现最常见的眼睛扫描模式是F形。最近的眼动研究表明，无论是在台式机还是在移动设备上，F形扫描模式在当今世界都是最为常见的。

这种引人入胜的阅读模式，更多地取决于人类的行为而不是技术，它说明了“搜索”的行动召唤按钮可以被放在左下角。

Airbnb的设计师采用了一种不同的方法，他们利用了Z型布局和Gutenberg图，将行动召唤按钮放置在末端位置，以便消除视觉干扰并鼓励用户行动。

1. 主要视觉区域；
2. 强非活跃区域；
3. 弱非活跃区域；
4. 末端区域：箭头代表用户阅读视线的惯性引力。

当用户视线到底表单右下角时，阅读或“视线扫描”过程被中断，此时用户需要进行下一步行动，因此是插入行动召唤元素的最佳位置。

小结

通常，行动召唤元素会对转化率产生巨大影响，并且被视为界面中最重要的元素。

通过牢记一些基本的设计原则，您可以使行动召唤按钮脱颖而出，并抓住它所需的关键注意力。

重新发明轮子并没有必要，有时候，真正擅长某些事情的最佳方法是向行业领袖学习。

仔细研究最成功的互联网公司以及它们如何围绕行动召唤来组织内容，这将帮助您找出最有效的基本模式。

本文译自Raptis Dimitris的Call to Action: The Ultimate Survival guide

原文地址：https://medium.muz.li/call-to-action-an-extensive-guide-140fef523b08

本文素材来自互联网

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!