童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

移动设备上,广告位置如何影响用户体验

5月5日 菩提门投稿
  由于可用的屏幕页面有限,需要予以移动页面的排版(包括广告)设计更多的关注。广告的展示位置不能制造错误空间,也不能导致用户无法接收到相关内容。
  广告:我们每天都会不可避免的碰到一些广告,我们也相信自己可以免疫。用户是完全无视广告还是被广告的外观惹怒,都与广告的篇幅和位置密切相关。在移动手机中,屏幕版面的费用很高,而广告的位置对用户的体验也有很大的影响。
  以下是两个主要的广告相关的实用性问题;
  广告让用户觉得很烦
  他们制造错误空间导致用户错失有用的信息。
  大广告影响可视内容
  毫无疑问的是,更大的广告,更破坏性。在小型设备上,一个垂直的大广告消耗了太多宝贵的空间,取代了主要的内容。更糟糕的是,有时两家广告被堆放在移动网页的顶部,因为网站觉得不得不在他们的移动程序上做广告。
  其结果是,页面上的可见内容变少了,这违背了移动可用性的原则之一:优先考虑的内容。在如下例子finegardening。com中,只有文章标题和简短的总结可以看出,过大的网站标题和页面顶部的双份广告是用户不想浏览的主要原因。
  finegardening。com:很小的文章内容可以看出,在页面加载因为APP广告,横幅广告,和大型网站标题消耗的屏幕空间占多数与页面顶部的多个广告元素不同的是,在一个粘容器底部的广告屏幕上的广告对用户来说更舒服。
  这个建议可能似乎违反直觉,因为广告现在仍然一直出现在屏幕上,但在过去的研究中我们已经发现这种对策对用户来说是最好忍耐的,它好在广告不突兀。
  记住,用户往往会开始扫描从页面的顶部,并对要滚动过去很多页以得到他们真正想读的信息。因此,我们需要不仅要考虑内容和页数的比例,又能保证优先靠近页面的顶部为吸引人们的兴趣并供应他们与他们的任务相关的尽快,有用的信息。
  一个额外的好处,以stickycontainer处理的广告仍然可以获得用户,一旦用户完成了他们的任务。当用户在完成某项活动或研究某个主题时,广告将被忽略,因为它们不是目标的一部分。假设广告实际上是相关的用户,它可以提供一次的主要任务是完成增加的可能性,用户将关注广告,并可能与它互动。(一个广告是有关当它匹配用户的当前目标:更强大的显示一些用户广告立即想要而不是只符合他们的概况。)
  华盛顿邮报移动网站在一个固定在屏幕底部的容器中显示广告(左)。广告是适当的同步页面的当前的滚动位置,完全崩溃,当用户到达一个显示广告嵌入在网页内容(右)。
  避免产生错误空间
  另一个移动广告投放的主要弊端是移动广告投放者企图在页面上创造完整的假象或错误层。
  广告可以简洁地告诉用户他们已经浏览完了页面上的相关信息。
  这种情况正在恶化。当广告大得让用户难以继续路游览底部的内容,当广告被嵌套在内容的底部,这看起来,似乎页面上的确没有其它相关信息了。
  以WebMD’s移动端上的页面为例,广告后还跟着几段文字,底部链接着相关话题。
  经过设计的水平线和版权信息(这是通常与页脚内容)进一步提示用户,这是网页的底部,但这事实并不是这样的:页面相关信息(更多的信息和一个附加相关链接)远远低于广告。
  WebMD’s移动端网页的广告防止存在错误,因为广告出现在相关内容的结尾处(用户推测出的),大得可以让用户难以继续浏览完页面。(黑色虚线显示,折叠发生在一个苹果6Plus上,和红色虚线代表的领域,在广告很可能阻止用户继续浏览。)
  如果可以,只把广告放在内容的结尾处而不是段与段之间。一个用户在实用性调查中这样说道:我不喜欢内容间有广告。
  它会让我分心,让我感觉这是文章的结束。”当然,我们通常也不会忽略广告,所以如果几个广告必须被包含在一个页面,把它们放置在接近下面的标题开始的内容或简介中,这样做可以避免忽略内容。此外,较短的横幅式广告比更长的方型广告更有利于避免阻挡内容。
  今日美国的移动网页在文章的开始出放置了一个窄的广告投放处,所以它是不太可能被认为是文章的结尾处。窄的矩形尺寸让下面的内容不被阻挡,鼓励用户继续阅读,避免打断。
  如果要将广告是放在内容之后,需要额外考虑添加其他提示图标鼓励用户的滑动。这个建议是特别重要的,如果广告是大或其他消耗很多页的面积(包括额外的空格以上和下面的广告,或是一个小广告填充到一个占位符,意味着一个较大的广告),这种广告会阻止用户继续浏览。
  如果用户不知道更多的内容存在于广告的下方,他们可能不愿意支付的互动成本以换取可能得到的信息。简单地说,清晰的文字如“继续阅读”或“继续阅读下面”随着一个箭头指向下或其他方向指示上面放置的广告可以让用户了解更多内容。
  为了鼓励用户滚动浏览一个大的广告,如继续阅读下面的提示,应该放在广告的上方,如在波士顿环球移动网站。
  记住,这样做可以让广告投放出更易忍受,还有一个问题需要考虑,当多个广告要显示在一个页面的情况。总的来说,投放广告一定要克制。过多的广告会减少网站的可信度:由用户在最近的一项研究指出,“我已经删除应用程序,因为它们的广告我不想使用一个有很多广告的我认为信息是不可靠的。”
  正如预期的那样,移动设备也和其他设备一样,会因广告而令人严武;可悲的是,最严重的二手,如“覆盖你想看的内容”和“占有大多数页面”更容易无意忽略屏幕大小是有限的。因为这一点,必须额外的注意,决定在哪里和如何放置广告在移动应用程序和网站。
  结论
  广告代表了企业需求和用户需求之间的冲突点。为了让冲突点对用户体验的影响降到最低,他们只需要利用只有一小部分的页面并将他们有策略地放置,以防止产生误会区域,影响用户浏览到额外的内容。
投诉 评论 转载

移动设备上,广告位置如何影响用户体验由于可用的屏幕页面有限,需要予以移动页面的排版(包括广告)设计更多的关注。广告的展示位置不能制造错误空间,也不能导致用户无法接收到相关内容。广告:我们每天都会不可避免的碰……关于iwatch的交互特性及使用情境iwatch个人使用感受借了同事的iwatch玩了几天,今天来写写关于交互和使用场景方面的一些个人感受。iwatch界面主要是分为:表盘主界面、通知界面、快捷视图(Glance)、首屏图标选择界……用概念设计告诉你谷歌日历可以多强大编者按:这篇文章是前谷歌设计师BrianNelson,目前这位毕业于斯坦福的设计高手正在卡耐基隆梅大学继续研读人机交互。作为以为熟知Google的设计方向的设计师,对于Goog……提升用户体验的7大微交互动画的使用在交互设计中发挥着越来越重要的作用,尤其是在移动应用中,本文详细分析了动画在微交互中发挥的各种作用众所周知,我们总是依据封面来判断书的好坏,聪明的设计师会创造实……抓住用户注意力的10种交互设计小技巧如今,设备的屏幕正变得越来越小。主要的挑战在于在有限的屏幕范围内提供优秀的用户体验。1。分层界面设计如同我们所知道的那样,移动设备的屏幕不够大,不能够提供桌面端的那……动效设计原理:从卡通动画到UI动效概要UI是基于静态页面来设计的,页面之间通过跳转切换。在设计过程中,设计师很重视单页的视觉效果,却经常忽略了对界面跳转的处理。这些未经处理的跳转由于没有提供足够的预期,所……探究HTML5页面的不同表现手法最近半年一直在负责雷霆战机和天天酷跑的项目,以偏品牌建设和创意营销为主,在风格上尝试了手绘的表现形式,这次和大家分享下其中的设计经验。雷霆战机TVCHTML5页面文……Facebook好友图标的设计改版背后的故事Facebook总部是一个神奇的地方,小吃是免费的,阳光永远明媚,每个人都满脑子好点子。来这里的第一周,我碰到的每一个人都努力让这个世界更美好。同时,我也预见到了,自己将会无比……从视觉聊产品(下)推荐语:看一位产品经理如何从视觉上看待一款产品到聊产品中的UI或视觉传达这个周末没什么什么阳光,成都的空气在雨后显得清新了许多呢,但依然是个敲敲键盘的好时光。总觉得要有句……老外设计师眼中的国内设计趋势这是一个外国小哥写给其他想进入中国市场的外国设计师的,用来学习中国互联网是个什么样子,很多我们习以为常的东西在国外都变得不可思议,感受下。网页产业的动荡与中国的飞速发展有……PaintCode用户操作指南(动态图形篇)调整大小限制(ResizingC)设计师能够在检查器中使用缩放约束(ResizingConstraints)来定义图形调整行为。这个约……非设计专业的学生,如何系统的学习交互设计曾经我也是一名非设计专业的学生,作为自动化专业的硕士希望自学做交互设计,有很长一段时间都抱有这样的疑惑“如何系统的学习、提升交互设计能力”。所以多次翻出这个问题,反复咀嚼过王阅……
从0到1产品设计的实践与思考实例讲解:用户预期那些事儿链路数据在发起订单功能迭代中的应用设计分享:辅助图形的重要性设计实战:从0到1:论网易严选营销线的交互设计2018年伊始UX设计师需要思考的9个问题产品运营中必知的三个用户心理及行业应用案例私密社交产品还有发展前景吗?后台产品入门:列表页与添加页的设计法则产品理论浅谈“产品开发三原则模型”对于产品设计的价值P2P平台如何做好信息披露只需5步,你也可以画出高质量的状态流转图
吴稼祥:三辈子写不完的书个人申请北京车牌摇号资格查询指南每日优鲜为何突然走到崩溃边缘小米MIUI14第二批正式版提前推送!更多机型支持MIUI1观念造句用观念造句大全有你在,灯亮着十年一品温如言油桃和什么相克?油桃和什么不能一起吃?指压止血法主要适用于哪些症状弹性造句用弹性造句大全发财树要怎么养做文明有礼小东道主征文

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界