申请报道

扫一扫,联系编辑获得审核机会

符合以下要求,获得报道机会

  • 1. 新公司求报道
  • 2. 好项目求报道
  • 3. 服务商求报道
  • 4. 投资融资爆料

当前位置:首页 >  站长 >  交互设计 >  正文

怎样设计,才能抓住用户稍纵即逝的注意力

 2018-04-06 09:59  来源:优设网  我来投稿

  2018年最火项目 电销机器人等你加盟

  用户的注意力非常短暂。无论是通过网页和APP的数据分析,还是其他的统计数据,都印证了这一事实。这也使得我们需要在设计上,花费更多的心力来抓住用户的好奇心和注意力,让他们在尽可能短的时间内获取到网站的信息。

  对于人类注意力的类型和特征,我在之前的文章《从了解用户的注意力开始,创造更优秀的用户体验》当中有详细的阐述。那么在网页设计中要如何使用呢?了解用户的实际需求,并且帮助他们更快更好地获取他们所需的信息,这样才能更好的留住用户。好在这样的设计技巧并不复杂,接下来的这7个技巧,能够在一定程度上帮你做到这件事情。

  1. 让用户无需费力思考

  

 

  对于用户而言,不需要复杂决策就能作出决定的设计,是轻松而且可以更快获得的。让人无需费力思考就能获得信息的设计,总会让人想起极简风,不过总体上来说,更多的是采取简化的元素和效果。当然,极简风也是不错的选择。

  总体上而言,限制信息的数量避免信息过载,是实现这样的设计的必由之路。

  让导航足够简单,提供数量有限的选择

  使用更加易于阅读的字体

  加强元素之间的对比,让行为召唤更容易被感知到

  在所有的页面、每一屏都坚持贯彻一个想法,或者沿袭一个交互

  确保购物车、表单等交互控件始终可用

  2. 鼓励交互的视觉内容

  

 

  网站本身是一个可用性极强的媒体平台,既然是媒体和内容,就应该充分利用好这一特质。

  通过视觉来吸引用户注意力是一种简单的策略,当可交互的元素通过视觉设计加成之后,通常有着不错的转化率。

  在设计中,从 A 点到 B 点应该是一个直接快速的过程。电商设计师应该对此深有感触。用户在社交媒体上看到一双网红鞋,他们想要获得它,点击链接之后最好能够立刻看到商品,这样发生购物行为交互的机率会更高。

  省时省事的设计策略是让用户尽可能快地看到购买按钮,这样他们就不用反复翻看页面,寻找可点击的链接。这个地方有几个值得注意的技巧。一个是在网站中采用和社交媒体上一致的图片,让用户一眼可以判断出他要的东西和商品是一个东西。

  3. 将复杂的元素分解

  

 

  将复杂的故事分解为更小、更容易吸收和理解的部分,用户会更容易 Get 到其中的信息。在文本段落处理上,较小的段落肯定比较大的段落更容易阅读和理解,而用户也大多更愿意阅读这样的内容。

  尝试使用诸如卡片式的设计,借助视差滚动引导,或者将主要内容归纳出来,通过「阅读更多」将用户导向完整的原文。这样的技巧都能提升参与度,并且降低内容的复杂度。

  4. 减少表单内容

  

 

  想要用户更快地交互,最简单的方法之一,就是尽量只提供关键的信息,减少不必要的内容。而在表单的处理上,也沿用相同的技巧。

  只询问必要的信息,例如用户姓名和电子邮件,并且提供稍后可继续完善的表单选项。

  使用可判断输入数据是否正确的表单功能,确保用户知道他们是否输入正确,错误出在哪里,便于更正。

  不要要求提交已经提交的、重复的数据,例如同时要求填写信用卡的类型和信用卡号码(实际上可以通过号码来判断类型)。

  5. 设计清晰显著的行为召唤

  

 

  行为召唤是网页中触发用户交互的最为有效的手段之一,行为召唤的文案要简单明快,按钮要对比明显。

  通常而言,想要行为召唤有效,最好让行为召唤元素色彩明亮,让用户看到的时候就知道怎么做,诸如「点我下单」这样有着明显引导性的文本标签一定要搭配好。

  6. 发布前反复斟酌和编辑

  

 

  网页内容是需要深思熟虑、反复打磨的。好的内容从来都不是信手拈来的,优秀的网页内容需要设计师和编辑反复调整,仔细地斟酌其中的内容,让它们更加容易阅读和理解。

  这意味着你不能让文本中有错误的拼写,不能有模棱两可的表述,要有明确的指引,语法和句子的结构要完整正确。

  有时候,想要让内容不出错并且更加优秀,最好是引入第三方来帮你阅读、审核并且提出指导意见。他们会更容易帮你找出潜在的问题。

  在准备发布之前,最好用内置的或者第三方的拼写检查工具帮你再过一遍。

  7. 保持一致

  

 

  一致的设计意味着在设计过程中遵循着相同的工作方式,使用统一的元素、交互,简而言之,整个设计应该前后统一,按钮和按钮应该沿用相同的色彩和字体,悬停的时候状态是一样的,并且保持完全相同的原作方式,不管它在什么地方。

  对于设计中需要多次使用的元素,比如图标、购物车、表单、链接和社交媒体按钮,是一定要前后相同,保持重复的。

  网页中的内容,从标题、正文到图片都应该保持一致的风格。在 CSS 中统一设置,统一管理,能够帮你保持好一致性。

  这种一致性让网站看起来是完整的、统一的,用户看到其中的内容,不用猜测就能知道它们属于同一个网站,他们看到新的内容也是符合他们的预期的。

  结语

  清晰的逻辑,快速可操作,立刻可执行,直接可完成。让你的网站贴合用户的逻辑,自然顺畅地完成任务,这是所有的用户的潜在需求,也是真实的需求,帮助用户达成目标的同时节省时间,对于网站的转化率而言,同样是好处多多的。

扫一扫关注A5创业网公众号

扫一扫关注A5创业网公众号

责任编辑:西瓜

相关标签
网页设计
app设计

相关文章

  • 实例:如何设计下拉菜单技巧

    下拉菜单可以说是网页设计中令人又爱又恨的元素之一了。下拉菜单有许多优点:不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都很熟悉其使用方法。然而与之同时,下拉菜单又是最容易被错误使用的表单组件。这篇文章就来告诉大家下拉菜单的适用场景和设计技巧。

  • 简单聊聊,如何设计电商APP的消息通知

    消息通知,顾名思义即通知信息的传达处理系统,目的是为了让用户获得需要得到的消息及提醒并进行处理(百度百科)。目前app的消息通知,能干的事情包括打开应用、下载应用、打开网页、打开应用页面等,还可以根据需要对用户进行筛选,包括区域、机型、ROM版本、app版本、IMEI号等。

    标签:
    app设计
  • 新闻资讯类App该如何设计?这儿有一份UX分析

    新闻资讯行业从传统媒体时代,到PC互联网普及,再到现如今的移动互联网时代。信息传播的速率不断提升,互动性不断增强,短视频、直播与VR行业的加入会使未来新闻资讯行业在不断多样化的满足用户需求中走向社交化。

    标签:
    app设计
  • 3个要点,教你设计好无限滚屏

    随着社交网络的流行,无限滚屏刷新feed流成为探索更多内容的一种必要的交互方式,如同Flickr、Facebook所做的。用户愿意浏览大量内容去寻找自己感兴趣的东西,用户会先关注内容再关注其他东西,而无限滚屏形式能让用户找到他们想要的内容。此外,无限滚屏的线性结构能让网页编辑容易操控。随着用户向下滚

  • 网页中背景纹理设计需要掌握的几点技巧

    优秀的网页纹理背景有利于提供网页整体的质感,并且纹理背景同时也是打造模糊效果的另外一种手段,善于观察的设计师应该都知道,合理的利用纹理图案不仅能够让页面更具质感,甚至妙趣横生。当然,最关键的还是提升网站的吸引力,毕竟大部分企业建站的目的都是为了赢得更多的客户,让企业的产品或服务被更多的人知晓,而今天

  • 如何设计一个好LOGO?LOGO设计网让LOGO设计不再难!

    LOGO是让品牌呈现在用户面前的最好形式,通过LOGO,用户可以快速地识别公司和品牌,因此拥有一个让人过目难忘的LOGO是品牌营销的重要方式。LOGO的形状、颜色、形式,每一个元素都直接影响人们对他的印象,那么什么样的LOGO才能深入人心,起到很好的宣传效果呢?

  • 如何优化操作流程,提升用户体验?

    关于提升用户体验的方法论非常多,其中一个比较常见的就是简化操作流程。我们对此非常熟悉,但是我很少看到有文章系统的去论述该如何去简化操作流程。这里我就做一个简单的分析,如果大家看完之后有所收获或启发,不胜荣幸。

  • 在设计APP签到功能的时候,我在想什么?

    什么是签到?让我们先从表象理解:签到就是用户每天在APP内使用此功能,并得到系统给予的奖励。签到功能,用好了能够有效的促活,用不好的话只是一个增加应用包大小的鸡肋功能。怎么设计一个高效的签到功能呢?这篇文字记录了我的思考,希望能对你有启发。

    标签:
    app设计
  • 抖音播放主页交互设计分析

    众所周知,交互设计是产品经理的必备技能,对一款产品进行交互设计分析,也是产品经理的日常工作之一。那么对于互联网产品来说,我们应该如何对其进行交互设计分析?选取的维度,关注的重点又有哪些?下文我以抖音播放主页为例,说说我的看法。

  • 交互设计师在全流程设计中,有哪些注意事项?

    在整个设计过程中,我们有标准化的设计流程。据我了解:很多大的设计团队流程都是一样的,这里不做过多讲解。在具体的项目中我们经常会碰见各种各样的困难,我们如何克服困难帮助业务成功?如何在协同业务的全流程中利用体验的视角洞见机会,让设计的价值最大化至关重要?

    标签:
    交互设计师
  • 理财产品中,体验金的设计与分析

    理财产品,从推广营销活动开始,用户一层一层流失掉,到最后,投资的用户所剩无几,转化率可想而知。这也是困扰从业者普遍的问题。如何使新用户成功转化为投资用户,成为关键一环。众所周知,在这个线上流量枯竭的时代,互联网理财产品如今获取一个真实有效投资用户的成本相当高。尤其是和金钱挂钩的理财产品,与用户建立信

  • 在设计过程中,有哪些不容忽视的交互设计要点?

    本文总结了一些在交互设计中重要的理论要点,并针对各理论要点展开描述相应的设计策略。主要涉及视觉感知、认知摩擦、认知负荷和情境认知四个方面。视觉是人类认识自然、了解客观世界的重要手段,同时也是理解人类认知功能的突破口。当人们开始观察外界物体时,视觉系统将剌激以图像的方式传递到大脑,并通过大脑的视觉皮层

    标签:
    交互设计
  • 氛围独特情绪深沉的深色系网站,设计上有什么讲究?

    在设计中,情绪的传达和氛围的营造通常是要看设计项目的目的是什么,而不同的配色和不同的元素组合,往往能够呈现出截然不同的风貌。相比之下,深色系网站常常会呈现出更为独特的氛围,传达出更为复杂多样的情绪。虽然这样的情绪并不一定是正面和向上的,但是好设计总归是让人过目难忘的。想要借助深沉的色调来创造情绪相对

  • 浅色还是深色?教你选择合适的界面配色方案!

    我们的日常生活总是会面临无数的选择,尤其是在职业生涯中,我们必须考虑到很多的反对和挑战,更好的设计解决方案不仅是基于建议,而且是以事实、经验和知识为基础的。今天我们要讨论的是UI设计师在工作中经常会遇到的一个项目:对于用户界面来说哪个配色方案更好,是浅色还是深色?

    标签:
    界面设计
  • PC端表单设计的研究:如何设计一个优秀的表单页面

    最近身边的一些小伙伴,总会遇见B端设计工作,对于这种偏后台设计的B端设计,总会有大量的表单设计需要做,结合以前自己也有过不少表单设计的工作,在这里给大家分享一下自己对于PC端表单设计的研究,聊一聊表单在PC端中的运用。

    标签:
    表单设计
小程序

热门排行

信息推荐

扫一扫关注最新创业资讯