按钮多大适宜?不让用户指尖“迷路”
咱做挪动站的时分,是不是老纠结转化按钮该搞多大?太小了,用户指尖一滑就点偏,尤其是那些指甲留得长的姐妹,几乎灾难!太大呢,又像个笨砖块,把页面挤得满满当当,用户看着都烦。事实上啊,这个地方头有个黄金参考值——44x44像素。这是苹果人机交互指南里提过的,刚好够指尖稳稳按下去。
你能够翻开手机淘宝看看,它底部的“购物车”“我的淘宝”按钮,确实是差不多那个尺寸,按起来特随手。要是你手头没案例,也能用工具测:用Chrome阅读器的开发者工具,手机形式下右键点击按钮,就能看到详细像素。记得哦,按钮之间至多留8像素的间距,否则用户一焦急,容易误触,原来想下单,后果点成了分享,多惋惜!
对了,如今手机屏幕大小纷歧,大屏手机用户拇指够不着顶部按钮咋办?这时分能够参考“拇指热区”设计。把按钮往屏幕中下部放,尺寸略微调大到50x50像素,好比拼多多的“立刻购置”按钮,就算你用6.7寸的大屏手机,拇指往下一够就能按到,特便利。
颜色咋选?不让按钮“隐身”
好不容易把尺寸调好了,后果按钮颜色和配景太像,用户半天找不到,这不是白忙活嘛!之前我就踩过坑,选了个浅灰色按钮,以为低调有质感,后果数据一拉,点击量惨不忍睹。后来才晓得,颜色比照度至多得到达4.5:1,这是Web Content Accessibility Guidelines(WCAG)的尺度。
咋判别比照度够不敷?保举你用“Color Oracle”那个插件,装置后一键检测,颜色不适宜直截了当标红。颜色选择上也有考究,白色、橙色这些暖色彩天生自带“搞钞票属性”,好比京东的“立刻抢购”按钮,大白色配白色字,老远就能看见。但也不乱用,像医疗类APP就合适蓝色,显得专业牢靠,好比安然好大夫的征询按钮,蓝色一摆,用户信任感就来了。
还有个小细节,按钮颜色得和品牌色一致。好比美团是黄色,它的“下单”按钮确实是明黄色,用户一看就晓得是熟习的APP,点击起来没心思担负。要是你真实拿禁绝,直截了当去竞品APP里截图,用“取色器”工具扒拉它们的配色,准没错!
地位咋放?不让用户“大海捞针”
地位没放对,再好的按钮也白费。你有没有遇到过这种状况:逛一个购物APP,想下单却找不到按钮,翻来翻去急死团体。事实上,常用的地位就那几个:底部固定栏、页面中部、表单提交处。最保险的是底部固定栏,好比抖音的“立刻购置”按钮,不论你刷到哪,底部一直有个橙色按钮,随时能点。
页面中部也非常关键,尤其是长页面,用户滑动到一半能够就累了,这时分在中部插个按钮,好比“收费支付材料”,转化率能提升很多。之前帮一个教育类客户改页面,在课程引见两头加了个绿色的“立刻试听”按钮,点击量直截了当涨了30%。
放地位的时分有个提示:不在一个页面堆太多按钮!之前见过一个页面,上中下左中右全是按钮,用户跟玩迷宫似的,最初直截了当加入了。普通来讲,一个页面重点突出1 - 2个转化按钮就行,其他主要功用藏到菜单里。好比领取宝的首页,次要按钮就“扫一扫”“付钞票”几个,其他功用都收在九宫格里,看着清新,用户也晓得该点哪。
文字咋写?不让用户“猜谜语”
按钮文字太模糊,用户搞不明白点了会干啥,自然不肯意点。之前见过一个按钮写“理解更多”,后果用户点击后直截了当跳转到付款页,人家以为是看概况呢,当场就加入了。正确的做法是,文字直截了当通知用户能失掉啥,好比“收费支付3天会员”“立刻下载材料包”,复杂直白,用户不消动脑筋。
字数操纵在5 - 8个字最佳,太长了按钮里放不下,还显得啰嗦。好比“立刻报名加入课程”能够改成“报名课程”,简约无力。要是真实想多传达点信息,能够加个副题目,好比主按钮写“下单”,上面小字标“满100减20”,既清楚又有吸引力。
别的,动词扫尾更有召唤力,像“支付”“购置”“注册”,比名词更能促运用户举动。你看瑞幸咖啡的APP,按钮基本上“立刻下单”“参加购物车”,全是动词扫尾,用户一看就晓得该干啥。写好后能够找周围的伴侣试试,咨询咨询他们看到按钮会可不能犹疑,要是有人讲“不晓得点了会如何”,赶忙改!
如今你手头的挪动站转化按钮啥状况?是不是尺寸太小、颜色太淡、地位太偏,或许文字太模糊?不慌,依照下面的办法一步步改,先测尺寸,再调颜色,摆好地位,写清文字,每一步都有详细例子和工具,跟着做准没错。改完跋文得看看数据,讲不定转化率就暗暗涨起来了呢!你计划先从哪个部门开端改?赶忙入手试试,有咨询题随时来聊!
AISEO助理,AI批量生成文章,SEO文章生成工具,SEO原创文章生成,AI媒体助理,AI自动回复,AI自动评论,媒体账号管理,自媒体一键分发