SuperAPI AI 工具集

visual-cues-cta-psychology

设计与创作

查看项目

更新于 10-15 21:43

技能介绍

用途:该技能用于设计有效的行动号召(CTA),借助视觉注意力与注视心理学原理,引导用户视线与行为,适用于落地页、转化漏斗、按钮层级、英雄区与关键内容、信息架构的视觉规划。

主要能力:

  1. 注视线索心理:人会自动跟随他人眼睛的注视方向,而非面部朝向;建议使用人物看向 CTA 的照片或插画,避免视线偏离转化元素或看向页面外。
  2. 眼动模式:文本密集页遵循 F 型阅读,关键内容放前两段、句首前置重点词、用副标题承接纵向扫视;视觉型页面遵循 Z 型,CTA 放在自然终点(右下)。古腾堡图将左上主视区与右下终端区视为高注意力区。
  3. 视觉线索类型:显式方向线索(箭头、指向手势、V 形指示)、人眼注视方向、隐式视觉层级(大小、颜色对比、留白、字体粗细)、封装(边框、背景色、阴影、卡片)。资料称封装可使注册量提升 8% 以上。
  4. CTA 按钮心理:颜色心理(红=紧迫、橙=友好行动、绿=安全前进、蓝=信任专业、紫=高端创意);文案模式(第一人称、动作+收益、降低风险);尺寸与位置(桌面最小触控目标 44x44px,移动端 48x48px,拇指区底部居中最佳,可考虑吸底 CTA)。
  5. 渐进视觉流:注意捕获→兴趣建立→欲望创造→行动指引。
  6. 移动端:简化层级、单一主 CTA、手势友好、减少视觉噪音、加大触控目标。

使用方式:资料提供视觉线索审计清单,涵盖阅读模式对齐、方向线索、视觉层级、CTA 设计、常见错误检查;并建议与认知负荷、希克定律、信任心理、渐进披露、社会认同等方法结合。

限制与注意:避免方向信号冲突、多个等权重按钮、人物视线偏离、线索过度堆砌、动画过多;注意文化差异(阅读方向、颜色含义、手势解读);避免使用视线随机的通用图库照片。资料未提供具体安装命令、代码示例、收费或平台信息。