文档章节

按钮所表达的感情

王尘宇
 王尘宇
发布于 2017/09/07 00:03
字数 1577
阅读 1
收藏 0
点赞 0
评论 0
动作按钮?不就是一个按钮加两文字么?这有什么好说的····· 如果你还这么认为,那就大错特错了。一个小小按钮,看似简单,里面却有大大的学问。 下面是我总结的一点见解,希望抛砖引玉,给大家一点启示。 按钮分为两个部分:按钮文字 按钮形状 先说说按钮文字的设计: 1 用文字创造出一种紧迫感 这主要适用在购物网站,使用一种紧迫感的词语更可能让用户采取行动。在按钮上加“现在””立即“ “马上”等文字,能大大提升按钮的转化率。这些文字能给用户暗示和感知,如果继续等待,很有可能错过这次大好的机会。 不信?可以试一试。 1   2 很多购物网站都使用了这一招 抛个小小问题给大家讨论一下: 如果整个页面都是立即购买 立即抢购 立即秒杀,那还真的会有作用吗? 3 例如这个页面,此时立即两个字真的会对用户起到作用吗? 个人观点:“立即”“ 马上”“ 限时”等词语是非常好,但不要滥用。只有在最核心的业务中用到,才能对转化率真正起到作用。 如果满屏满屏都是立即立即,那让用户立即去哪呢?   2 用动词开始一个按钮文字 行动按钮一般要以一个动词开始,否则他就不是一个召唤行为的按钮。 ———–David Hamill 行动按钮使用动词,会让用户产生马上去行动的心里暗示,同时动词也带有指向性性,告诉下一步用户该做什么。 这个理论看似简单,真正使用时却会经常出错。 正面案例: 4 财付通会员,在任务介绍中,加了一个GO做为按钮的文案。使得加了GO的按钮比其他任务的点击量大很多,是其他任务点击量的三倍以上。不难看出一个小小文字的巨大魔力了吧。 反面案例: 5 这是我在做财付通旅行时,特价机票的一个介绍模块。按钮的文字写的是详情,详情不是动词,是一个名词。对用户来说详情没有任何的动作指向性,所以这无疑是一个失败的例子。那么,改成什么会更加贴切一点呢? 6 7 普通一点:改成立即查看是不是好一点? 或者更大胆一点,改成猛击,是不是更好? 3 保留人情味,让按钮看上去更加有趣 不要让你的按钮看上去干巴巴的,千篇一律。如果可以,尽量让你的按钮看上去更加有意思吧。有些情况,甚至可以放弃我之前说的那些规则。 8 Google的“手气不错”按钮,如果按照前两天规则来说,一定是一个非常不合格的按钮文案。但我却觉得它非常有创意,让用户在操作时,能感受到那么一点乐趣。 还有亚马逊的注册按钮,它没有和其他网页一样,干巴巴的放注册两字。新用户,从这里开始。有一种将客人请到家中的感觉,这种感觉让用户感觉非常体贴。 9 这是国外的一个买产品网站,它的按钮也不是千篇一律的BUY,而是使用了四个不同的动词。“let’go” ” get me started” ” I’m all in” ”bring it on”。 10 上面是对按钮文字的见解,接下来说说按钮的形状 1 使用适当的指示图形。 一个按钮上的箭头启示,直观地告诉用户,单击该按钮将执行相应的操作,带他们到另一个页面以从事一项任务。很多按钮文字上无法描述的语言,使用指示图形后,就非常直观了。 看起来有些不好理解,看个案例,你就明白了。 这是我在做财付通机票时,订机票的一个详情页。 12 财付通机票,选择航班后,会出现各个供货商的机票信息。但选择按钮上没有任何图形指示,用户不知道点击完选择按钮后出现的选择框完全没有预期。预订按钮上也没有图形指示,不知道点完选择后,是跳到新页面还是如何。 淘宝在选择和预订按钮加了一个向下和向右的箭头,指向性就明确多了。 13 2 按钮的大小与留白 根据费茨定律,点击区域越大,点击目标所需的时间越短,用户的鼠标能轻松触达。所以,如果按钮非常重要,我们可以加大他们大小。 但按钮不是越大越好,一个小按钮,把它放大10%,它的可用性会显著提升,但如果你将一个本来就很大的按钮再增加10%,它和可用性之间就不成正比了。 14 如果想突出按钮,可以将按钮周围留白多一点。 15 这个页面加入购物车按钮,周围包围了无数其他元素,所得加入购物车的按钮变得非常不明显。这是一个反例,将按钮放得太小太挤,会直接导致用户购买的转换率下降。   总结: 现在大家恍然大悟吧,行动按钮虽小,但在页面中起到了巨大的作用。这是用户在浏览完你的页面,最后采不采取行动最致命的关键点。如果按钮设计的让用户眼前一亮,他就会毫不犹豫的掉进你设计的“陷阱”中。如果设计的平淡无奇,他也许在点按钮的这一刻就放弃行动。那你之前做的一切努力,都白费了。 所以设计师在考虑按钮时,应根据按钮的使用场景,从按钮的文字和形状上,多考虑一些,再多考虑一些。 网站来自: 财付通设计中心

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
机器人也打起“感情牌”,人性也能变成算法吗?

     图片来源:视觉中国   如果人工智能开始慢慢地“懂情感”、“有审美”,那会是一种怎样的体验呢?   日前,阿里巴巴联合浙大发布了一款可以基于图文内容自动生成短视频的人工智...

深度学习 ⋅ 05/07 ⋅ 0

一只小拉布拉多犬是如何帮我们卖软件的

我们都知道,人类的大脑在做购物决定时并不是很理性的,情绪因素通常在其中扮演很大的角色,这几乎跟事实、数字、逻辑等理性因素同等重要。 选择购买哪一个内容管理系统,这通常是个很麻烦的...

oschina ⋅ 2013/04/22 ⋅ 20

过期的热恋期

不需要每时每刻的聊天,不需要刻意的形式。 你向我投来一个眼神,我就懂你的深情。 不是新鲜感,而是灵魂的交汇。 image 什么是热恋期?不间断的聊天,每天清晨的早安,每天中午的午安和夜晚...

LiuHDme ⋅ 2017/11/15 ⋅ 0

什么样的问题在缅甸银河国际开户181-0883-0021算是一个好问题?

首先应该满足几点: 首先不要点名谁来回答,否则你丢掉的是oschina千千万万的回答者 真实头像,让回答者确认不是在对牛弹琴(哈哈) 用认真的态度撰写问题; 预先搜索,确认你的问题不重复;...

yhgj18841 ⋅ 05/30 ⋅ 0

人性化的编程语言

这是事实,不少程序员在编程工作中痛苦的压抑着自己某些强烈的情绪。就我所知,以及基于这些年在这个行业里的观察发现,其中一个原因归咎于我们使用 的这些纯理性风格的编程语言。在软件开发...

oschina ⋅ 2013/07/29 ⋅ 22

日本电影《在世界的中心呼唤爱》

昨晚看的。看完觉得还不错,如果满分是5分,我的评分是3.5。 故事的情节大致是男主角回忆17年前高中时代的一段感情。虽然有点老套,但是演员的表演和表达的情感还是很真挚的。 特别当看到在台...

阮一峰 ⋅ 2005/02/24 ⋅ 0

滚烫的爱

昨天,看了一部日本电影《滚烫的爱》----虽然是大明星出演,但不是充斥特技的大制作,只是关注小人物,在平凡的生活中让人感动。  图片发自简书App 剧情简介网上很多,不再赘述。 还有《海...

cutecarol2017 ⋅ 2017/05/09 ⋅ 0

腾讯挨骂:缺乏创新的悲哀

《计算机世界》最新一期杂志以《“狗日的”腾讯》大爆粗口,封面上竟将三把飞刀扔入“企鹅”体内,血淋淋地直指腾讯。究竟是何原因让《计算机世界》大打出手,恶言相向?《计算机世界》的报道...

红薯 ⋅ 2010/07/27 ⋅ 41

[pre爱美丽:35] “书法黑”字体推荐

写在前面:这是一个笔者很早就喜欢的一个字体,个人非常喜欢,但是从来没有在webOS上安装成功过,最近捡起过去的帖子看了下,成功将这个最爱的字体安装在了手头的Pre3上,心中的欣喜与兴奋之...

虫虫 ⋅ 2012/03/27 ⋅ 9

职场上应酬,最重要的是喝酒吗?

职场上的应酬,都是功能性的。 对外,不是求人,就是密谋,再不然就是感情联络。 对内,不是开会,就是庆功,或者是会后的工作餐。 职场的酒文化,是一种关系校验机制。酒大伤身人人皆知,但...

明哥聊求职 ⋅ 05/28 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

如何使用serverchan微信推送告警

之前实现推送告警信息到微信的方法有如下几种: 1、通过企业公众号实现----收费: 2、通过QQ邮箱,在微信平台上开启收到邮件进行提醒; 3、第三方告警平台API,一般也是收费的; 不过最近看文...

问题终结者 ⋅ 12分钟前 ⋅ 0

TCP的RPC

RPC就是远程方法调用(Remote Process Call ),包含了客户端和服务端,涉及了对象的序列化传输。 1.服务端启动,注册远程调用的类2.客户端发送请求信息包含类、方法、参数的一些信息、序列化传...

Cobbage ⋅ 33分钟前 ⋅ 0

IOS-UI UI初步代码布局添加事件

ISO开发界面,UI是必须学习的一部分,其实很早之前想学来了,一直没有沉下心来学习。看到IOS的代码风格和布局就别扭的不行,跟java代码和android布局比较显得不是那么方便,所以一直到现在。...

京一 ⋅ 43分钟前 ⋅ 0

浅谈OpenDaylight的二次开发

OpenDaylight作为一款开源SDN网络控制器,依托于强大的社区支持以及功能特性,成为了目前主流的SDN网络控制器开发平台。在比较稳定的OpenDaylight Helium版本中,已经为开发者提供了大量的网...

wangxuwei ⋅ 52分钟前 ⋅ 0

API 开发中可选择传递 token 接口遇到的一个坑

在做 API 开发时,不可避免会涉及到登录验证,我使用的是jwt-auth 在登录中会经常遇到一个token过期的问题,在config/jwt.php默认设置中,这个过期时间是一个小时,不过为了安全也可以设置更...

等月人 ⋅ 53分钟前 ⋅ 0

Java NIO之文件处理

程序要操作本地操作系统的一个文件,可以分为以下三个部分: 对文件位置的操作 对文件的操作 对文件内容的操作 其中,对文件内容的操作在 Java NIO之Channel 中已经有了介绍,通过FileChann...

士别三日 ⋅ 58分钟前 ⋅ 0

Maven的pom.xml配置文件详解

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.......

小海bug ⋅ 今天 ⋅ 0

解决httpclient超时设置不生效的问题

最近公司有项目需要通过http调用第三方服务,且第三方服务偶有超时,故需要设置一定的超时时间防止不响应的情况出现。 初始设置如下: [java] view plain copy //超时设置 RequestConfig re...

Mr_Tea伯奕 ⋅ 今天 ⋅ 0

过滤器Filter和拦截器HandlerInterceptor

过滤器 依赖于servlet容器。在实现上基于函数回调,可以对几乎所有请求进行过滤,但是缺点是一个过滤器实例只能在容器初始化时调用一次。使用过滤器的目的是用来做一些过滤操作,获取我们想要...

hutaishi ⋅ 今天 ⋅ 0

Redis入门详解(转)

Redis入门详解 Redis简介 Redis安装 Redis配置 Redis数据类型 Redis功能 持久化 主从复制 事务支持 发布订阅 管道 虚拟内存 Redis性能 Redis部署 Redis应用场景 Redis总结 Redis简介: Redi...

xiaoyaoyoufang ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部