当前位置:网站首页>(翻译)使用眉状文本提高标题点击率
(翻译)使用眉状文本提高标题点击率
2022-07-01 01:12:00 【gc_2299】
你是否按用户阅读习惯呈现页面内容?眼动跟踪研究发现,大部分用户并不会阅读完整标题内容,他们仅会浏览标题左侧开头的几个单词,并从中搜索关键词,看是否需要点击查看详细内容。
用户急需的是关键词
如果标题开头的少数单词不能反映主体内容,用户就可能会跳过该标题。用户寻找信息时,耐心和注意力有限,由于屏幕上内容众多,他们不想浪费时间。用户想要快速看到相关关键词的话,使用眉状文本最合适。
眉状文本反映主体内容,它是描述性的关键字或短语,内容精炼,字体小,位于主标题和内容简介之前。用户浏览标题时,也会看到眉状文本,进而能更好地了解主体内容,增加了他们阅读内容简介和点击查看详细内容的几率。
下面示例是关于增强现实方面的内容,但标题根本没有表达这一要点,只在内容简介中提到了增强现实。由于标题没有提供足够的背景介绍,很多用户看了标题就不会再看更详细的介绍。
相比之下,将“增强现实”作为眉状文本放在标题之前,让用户立刻就能看到,且能快速了解内容背景,吸引用户点击标题查看详细内容。用户浏览几个单词就能了解内容背景,不用查看整段内容。
眉状样式
眉状标题的字体应小于主标题,但仍易于发现。可以改变状标题的视觉样式以相互区分,例如加粗、全大写文本、修改字体颜色等。
眉状文本的使用时机
并非所有标题都得附带眉状文本。如果标题内容简短且关键词众多,添加眉状文本就是多余之举。请记住,用户会浏览标题开头的几个词,如果这些词里存在关键字,则使用眉状文本会分散用户注意力。眉状文本适用于内容较长且不包含关键字的标题。
上述示例中,左侧标题不带眉状文本,且没有反映内容背景,难以理解,用户得通读标题,增加了认知负荷。而右侧标题有眉状文本,用户不用看标题就能提前知道内容背景,从而决定是否需要继续浏览后续相关内容,不仅节省了时间,而且使内容更易于理解。
让用户了解内容背景
用户没有时间和精力阅读页面中的所有内容。使用眉状文本,预先显示关键字,让用户了解内容背景,否则他们可能永远没有机会看到完整内容。[1]
原文地址:https://uxmovement.com/content/increasing-headline-clicks-with-eyebrow-text/
[1]原文:Users don’t have the time and energy to read every text on your page. Present your keywords upfront in an eyebrow text to give them the context they need to click. Without it, users may never get a chance to know what you’re all about.
边栏推荐
- Compile and install oh my Zsh
- Fast understanding of forward proxy and reverse proxy
- gin_ gorm
- 1175. Prime Arrangements
- 微生物检测,土壤微生物的作用有哪些?
- How to maintain efficient collaboration in remote office and achieve stable growth of projects | community essay solicitation
- The argument type 'function' can't be assigned to the parameter type 'void function()‘
- Necessary tools for testing - postman practical tutorial
- Basic knowledge II - Basic definitions related to sta
- [Qt5 basics] random number display
猜你喜欢
Selenium classic interview question - multi window switching solution
一站式洞察行业热点,飞瓜数据B站新功能「流量大盘」上线!
Upstream and downstream in software development
Analysis on user behavior loss of data exploration e-commerce platform
Unknown database connection database error
Ks009 implementation of pet management system based on SSH
农产品换房?“变相”购房补贴!
Log logrus third party library usage
关于白盒测试,这些技巧你得游刃有余~
electron之坑addon
随机推荐
Handsontable data grid component
Institute of Microbiology, commonly used biochemical reactions in microbiological testing
Working for eight years as a programmer, but with a salary of three years after graduation, it's too late to be enlightened again
工作6年,来盘点一下职场人混迹职场的黄金法则
测试必备工具—Postman实战教程
3500字归纳总结:一名合格的软件测试工程师需要掌握的技能大全
Basic knowledge 3 - standard unit library
关于白盒测试,这些技巧你得游刃有余~
Selenium classic interview question - multi window switching solution
org. redisson. client. Redisresponsetimeoutexception: redis server response timeout (3000 ms) error resolution
Strictmode analysis registration strictmode principle (4)
laravel+redis 生成订单号-当天从1开始自增
Complete software development process
php将二维数组元素转为键值对
[Agora] user management
远程办公如何保持高效协同,实现项目稳定增长 |社区征文
Log4j2 threadcontext log link tracking
工作八年的程序员,却拿着毕业三年的工资,再不开窍就真晚了...
C # customize and dynamically switch cursor
未来的 Web3会带来什么?