美文心理个人纠纷职场创业
创业阅读
新闻投稿
创业工作
技能技术
职场职业
社会安全
纠纷案例
幽默乐趣
个人母婴
家庭家居
心理治疗
作文范文
美文笔记
历史解密

按钮都设计不好,你还指望用户点击?

8月4日 皇极城投稿 造句
  Calltoaction(行为召唤)按钮以其易于识别和理解的特性,能对你客户产品的用户转化率产生极大影响。当你在设计这些按钮时,有必要考虑许多因素,包括颜色、对比度、按钮文字,甚至包括是否在按钮旁设置方向引导信号。
  简言之,对于这种在你网页中只占用极小面积的元素,你绝对是需要投入并不成正比的时间来思考将如何将其最好地呈现给你的用户。没错,calltoaction按钮就这么重要。拂去浮华,他们就是页面之星,无论他们旨在引导网站访客进行购物、注册还是仅仅只是点击。
  他们代表了你页面的目的所在每一个页面都得有个目的。以登录页为例,它的目的就是引导用户点击至主产品或主服务页面。一个设计过的明智的按钮必定深度考虑过用户需要如何购买或注册某一产品,这也是每一个设计师极致追求的结果。
  方向引导
  作为人类,我们天生就对眼神方向产生心理反应并以此作为有效的引导方式。试想一下:当你看见一个人正在注视着某一你看不见的区域的时候,你会不自觉地感到好奇他正在看什么。这一“方向引导信号”的原理也同样无缝适用于你为客户打造的网站。
  是的,方向引导信号可以是明显得无与伦比的大箭头,甚至是直接戳在你calltoaction按钮上的几根手指,只是为了你网站访客的某种共鸣和独特的体验,你应该换一张某人望向你calltoaction按钮的照片试试,应该不会有错。
  为了更清晰地表述这一点,让我们打开Salesforce的首页。Salesforce是一个来自美国旧金山的全球性的云计算公司。值得一提的是,你可以扫视一下他们首页的这张页头大图看起来一位女性注视着她的智能手机,正要进行一项手机操作。
  这肯定只是一种貌似真实的推测,但这图片还兼顾了另一职能:隐秘而伟大的“方向引导信号”。当网站访客看到图中女性凝视她手中的智能手机时,他们的眼睛也会自然而然地随着她地目光望向页面地右侧。如此一来,他们地目光不可避免地落在了三个位于她脸与手一侧的calltoaction按钮之上。
  拜赐于她目光的指向,用户将更有可能注意到这些calltoaction按钮。当一天结束,这一设计为该网站带来了更多的用户转化和更高额的销售数字。
  极简的按钮设计
  当你将按钮设计得尽量简洁的时候,你需要消除网站访客、买者和读者将会迷惑的可能性。如果他们感到迷惑,他们通常就不会再按照你所希望的那样来点击按钮了。所以,保持用户按钮设计的极简化是所有网页设计师的目标。
  让我们看看Twining的网站是如何用品牌设计来做到这一点的。
  在这一首页上,我们可以看到一些用到了品牌颜色的简单按钮,他们简单明了地传达了用户在点击之后可以达成的目的。这些按钮看起来也是个按钮的样子,这归功于他们的圆角矩形设计,并且金底黑字的明确对比让他们达到了极简设计。
  简言之,Twining网站的购物者会误解这些calltoaction按钮功能的可能性将是几乎为0。
  明确的提示短语
  “提示短语”是calltoaction的明星,因为它使用了行为导向动词来引导人们的行动。网页设计师为按钮设置智能标签的真正价值是十分有限的,因此提示短语一定要简短且直指重点。提示短语的首要目的就是让网站访客清楚地明白他们将要点击是什么,因为这才不会浪费大家的时间。
  有时,提示短语会很不幸地被忽视掉。不管有多少关注度被集中在按钮的设计、颜色和功能性上,提示短语也不该轻视。一个网站,提示短语有多糟,用户转化率就有多糟。
  你知道当你有彼此相邻而目的不一的calltoaction按钮时,只有成功设计的提示短语能让你的访客能立刻说出这些按钮的主旨分别是什么。
  在J。Crew的这页销售宽角领衬衫的产品页中可以找到这一有力说明。这里有两个按钮同时吸引买者的注意力:“AddToBag”和“AddToWishlist”按钮。
  因为这两者都被十分清晰的短语标注了,因此买者才不会感到困惑并能明确无误地达成他们的目的。明确的按钮提示短语总能让用户的行为直达目标,毫无压力,它们是这件事永远的赢家。
  颜色对比
  线上买家是一个不靠谱的群体,这也是为何需要为他们量身定制用户体验设计。换言之,从你客户的电子商务网站中买点啥应该是地球上最简单最清晰的事情。一些类似于最基础的颜色对比设计能极大地为网站访客提高用户体验。
  颜色对比设计能吸引你线上买家的眼球到calltoaction按钮上并让它们从一片喧嚣的页面背景中脱颖而出。当买家们能简单地分辨出在哪儿点击下单时,显而易见,网站的转化率将一路飙升。
  在Target的SonyDVD播放器产品页面中,calltoaction按钮“addtocart”和“findinastore”就使用了颜色对比设计,带来了出色的效果。不光光是因为颜色对比更好分辨分别有红底白字、蓝底白字,它的成功之处还在于将买家们的注意力拉到了按钮之上。事实是,页面背景中大量的留白让这种对比色设计跳脱得更淋漓尽致。
  根本问题
  Calltoaction按钮是你客户的网站能赚多少钱的制胜法宝。所有的网页设计师需要意识到自己的设计目标是应当带来更多转化率。对于电子商务网站,转化率可能来自“Sale”(特卖)活动;对于新闻网站,可能是某事件(如简讯)的签到率,或是“like”(喜欢)按钮。关键是,转化率才是最关键的,所以calltoaction按钮必须始终以此为重中之重。
  这也是为何在calltoaction按钮的设计上需要投入大量的深度思考。尽管它们在页面中真的只占用了极小的空间,但其重要性却是不可估量的。任何有关按钮的细节,从颜色、短语到其周遭的引导提示,都将带来或破坏其有效性。
  为了更好地为客户着想,设计师有必要不光是专注在这些按钮的外观或版式设计上,而是需在事物实用性的一面看得更深一些:这些设计过的按钮会增加游客点击的可能性并转化为实质操作吗?为客户设身处地着想的设计师应当是被推崇备至的,而那些没能考虑更深的设计师,则需要在每一设计项目中尽力满足客户需求的同时,改善自己的优先考虑顺序。
评论 转载

造句:按钮都设计不好你还指望用户点
造句:按钮都设计不好你还指望用户点击
【译文】脱离屏幕:设计虚拟现实自计算机诞生开始,人类就一直希望能够以数字方式来模拟真实世界。虚拟现实的概念早在19世纪60年代就已经出现,电影制片人MortHeilig开发了第一套真正的VR系统Sensor……说一个界面很奇怪,很诡异时,我们在说什么?产品设计工作中,常听到的两个形容词就是,“奇怪”和“诡异”。那么这两个表述含糊的描述词,到底在说什么呢?1。可能是信息的相关性弱当把相关性弱的信息放在一块时,就会让……8个文案改进方法帮你快速提高用户体验文案可以是一语定江山,也可以是细微处显力量。今天德川亮(美团交互设计师)总结了8个提高界面文案体验的方法,帮你把文案写得干净利落,明了清晰。这里所说的界面文案,主要是界面……按钮都设计不好,你还指望用户点击?Calltoaction(行为召唤)按钮以其易于识别和理解的特性,能对你客户产品的用户转化率产生极大影响。当你在设计这些按钮时,有必要考虑许多因素,包括颜色、对比度、按钮文字,……25个想法塑造未来设计随着科技与设计日愈剧增的紧密结合,设计也在与时俱进中。我们正处在设计史上发生巨大变革的时刻。设想一下,到了2020年,那时的设计将会是怎样的一个方式和状态?为了找出一些线……尝试提升微信群组大量未读消息体验的一个小设计如果你在微信中加入了不少的群组,而这些群组又很热闹的话,你一定遇到过这样的情况面对数十条甚至数百条新消息,即便一键回到顶部,也不知道该从何看起,更无从知晓大家在这段时间里讨论了……打造用户喜爱产品的5个“优先”设计一个互联网产品,本质上就是在设计“信息以何种方式对用户进行呈现”。如何判断一种信息呈现方式的优劣呢?我比较认可的标准是:越能让用户直观、方便、迅速、准确、愉悦的获取他……何时该让用户“注册”or“填写信息”的一点总结在自己折腾的第一款产品“都在”开发完之后,就请一个在职PM的师兄给意见,他开始看时,第一个意见就是注册流程就设计的太麻烦了,一款App刚开始就让用户填一堆资料,显然拉高了获取用……看看逗比的产品经理怎么写提案亲爱的陈总,我又来了,我知道你心里一定在想:这个逗比又拿破提案来骚扰我了。我在此第99次真诚地诉说,陈总我这次真的被灵光一闪光顾了,这一定是一个惊天地泣鬼神的提案,能带领全司同……滴滴和uber:乘客体验做好就够了吗从小有过司机梦想的我,费了九牛二虎之力,终于成为人民优步和滴滴专车的兼职司机,体验到了满大街服务人民的乐趣。但作为一名曾经的媒体从业者和职业经理人,也是专车和优步的用户,今天站……从苹果7738。50谈及时反馈最近“一个足以让苹果倒闭的错误”在朋友圈盛传:“苹果官方正式发布问题苹果手机召回通知,由于苹果手机内置计算器功能问题,而导致计算功能出错,用苹果计算器来计算7738。5,如果结……APP网络请求超时反馈设计与思考最近我负责了一个网络请求超时的反馈设计,借此机会我也顺便通过此文记录了一下整个思考过程,整理一下自己的思路。当我们在使用APP的时候,偶尔会碰到网络状态不好的情况。那么对……
iOS8vs。Android5。0:功能相同,区别却更加明显5Tips助力管理平台的信息设计张小龙和俞军怎么理解用户体验?电商网站注册界面设计超全面指南为什么你需要将这个按钮向左移动3像素设计师写代码的方式脑波交互的大未来,从一对猫耳朵谈起让你的作品更有设计感的9个小技巧提升移动设备响应式设计的8个建议小细节让页面更加出彩从MaterialUI得到的设计感悟不只是按钮:拥抱手势驱动交互
魏哲鸣的帅气穿搭,颇有几分贵公子的气息,矜贵淡然,十分帅气随想HTCG7待机时间怎么样心理专家邹政精神分析看到内在自我女性朋友在中伏请做到:少喝一样,多吃四样,养阳御寒,舒坦一夏 qq号网名女生淑女qq号网名女生淑女有哪些凯尔特人主教练乌度卡与女员工发生不正当亲密关系定塘镇(由词目及其释义等构成的中文知识性百科条目)妈妈爱我ampnbsp我爱她(幼儿活动)使用评测杜蕾斯女性快感增强液有用吗有人呼吁严厉整治电动车安装雨棚,评论区吵翻天,有必要吗?深海寻人(由词目及其释义等构成的中文知识性百科条目)
©2025网站地图最近更新文明上网我要投诉