首页

“有点儿意思”的导航设计

蓝蓝设计的小编

 

导航是网页设计中不可缺少的部分,它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并管理信息,达到有效传递。同时,导航一般位于网页的中上部分,也是视觉中心的区域内。在保持其合理的功能作用的同时,一个好的导航设计,往往能够成为整个网页设计的点睛之笔!

 

一个设计师在布局和整体规划网页设计时,导航总是一个重要的元素。我们会思考,导航以什么形式呈现?是否能够地发挥其梳理网站结构、有效传递信息的功能?是否能够烘托和配合整个页面的设计风格?是否能够别出心裁润色和体现该网站的特点又不影响其功能性?是否能够精益求精成为整个网页设计至关重要的一笔?那么,就让我们一起分享和浅析一下一些让设计师们花费心思精雕细琢的导航设计吧。

 

导航的设计会根据网站的基本类别、属性和各自特点而有所定位。在这里,我挑选了一些非系统、门户等类型,有明确特点、用户定位、产品及品牌特色的品牌类、专题类网站。对于这些网站来说,导航的设计将突破我们常见的横向长条导航或者竖式导航,会更加有意味、趣味和玩味,是能让设计师们尽情拓展设计创意和思维的“有点儿意思”的导航设计!

让导航更轻便些

蓝蓝设计的小编

导航是互联网产品中应用最广泛的基础元素之一,引导用户了解到网站的内容结构进而找到所求。作为基础控件,导航看起来简单,但却是产品设计中最复杂繁琐的一部分。因为我们想要让网站结构更清晰、想要向用户传达所有的信息,所以就赋予了导航越来越多的内容,使他们庞大异常,十分纠结。简化了,用户无法了解到页面结构以及自己的处境,产生困惑;复杂了,导航臃肿不堪,层峦叠嶂,既不美观也不好用。

那么,在清晰的信息架构下能不能让导航尽可能的更轻便、更灵动,是笔者本文想要探讨的话题。笔者看来,为导航塑身可以从以下几个角度来进行:1.简化结构;2.优化形式;3.打磨UI

网站作为信息的集合体,要囊括海量的资源,从首页到二级页再到专题页进而底层页等等等等,信息的层级多且繁杂,所以就容易形成tab套tab再套tab的局面。那么作为导航塑身的第一步,我们要做的就是把这负责的结构尽量简化,让导航变得轻盈起来,或者至少看起来不那么臃肿。

A. 通过面包屑来简化导航结构

面包屑通常水平地出现在页面顶部,一般会位于标题或页头的下方。它们提供给用户返回之前任何一个页面的链接(这些链接也是能到达当前页面的路径),在层级架构中通常是这个页面的父级页面。面包屑提供给用户回溯到网站首页或入口页面的一条快速路径。

一个门户网站常见的结构是首页-频道页-专题页-子专题-底层页。如果我们想在门户网站看NBA的视频直播,那么我们来看下他的导航:

如果把信息层级全部展现在用户面前,就会形成上面的这种tab套tab的形式,使得导航臃肿不堪,占据页面很大的空间。可是如果我们把用户关心的导航内容提取出来,就会得到下面的结构:

广告创意中的情感因素(二)

蓝蓝设计的小编


上回说到如何将情感因素融入到广告创意中,在互联网广告制作时,多数的大牌企业会制定系统化的广告宣传策略,每个时期针对不同的产品推出不同形式内容的广告及品牌宣传广告。更多的互联网广告,比如各种尺寸的banner、矩形、条幅广告等,多是由设计师快速的制作来完成的。那么如何快速的将情感因素融入到广告创意中呢?

 

正文

      上一篇文章《广告创意中的情感因素(一)》介绍了情感广告相关的理论依据,情感的类型以及如何在广告中融入情感因素。情感是广告内容的一个因素,可以借助不同的表现方式体现不同的情感诉求。

      创意广告诉求的表现手法有很多种,如借喻、诙谐、夸张、比喻、拟人物、隐喻、对比等。结合广告宣传的品牌、产品或者服务的特征,选择利用不同的表现手法表达蕴含在品牌或者产品中的情感,引起人们的共鸣。如运用对比手法的广告,凸现己方的优势与特征,以取得消费者的信服。

 

      互联网的广告区别于传统广告,在更新速度上要快很多。除了一些企业长期的品牌宣传外,很多是对产品、活动、促销的宣传,内容会经常变换。设计师在广告设计中可能没有时间完成情感广告的创意流程,因此将上篇文章和这篇文章的内容进行整合和提取,从中挖掘出一些点,可以让设计师快速的将情感因素融入到广告创意中提供参考。

网盟环境下广告投放技巧浅析(二)

蓝蓝设计的小编

在上一篇文章——网盟环境下广告投放技巧浅析(一)中,我们对网页信息密度,整页分页上广告价值,广告内容&网页内容&人群兴趣,这三方面的投放技巧进行了阐述;今天,我们将结合眼动研究实验与数据,向大家介绍网盟环境下广告位置的变化对广告关注度的影响与由此可以引入的广告新样式。

 

一、首先,实验之前需要对正文页、广告形式与广告位置进行实验界定:

(1)正文页:

①正文页形式:选择最常见的正文页作为环境载体,采取视觉上统一、整齐、不拥挤的优质正文页,保证被试在实验中浏览页面时,不会因为页面本身低质而影响对广告的关注;

②正文页内容:以3页形式呈现某国旅游景区介绍,被试看完每页后自主翻页到下一页即可

(2)广告:

①广告形式:选择展示性广告最具代表性的两种尺寸作为研究对象,即横幅(960*90)与矩形(300*250);

②广告位置:分别位于导航区、侧边栏与正文区

  • 导航区:位于页面顶端,只出现横幅广告

网盟环境下广告投放技巧浅析(一)

蓝蓝设计的小编

最近,产品部用户体验团队的同学对联盟环境下投放广告进行了一系列研究,旨在以更科学的方式优化网盟广告投放,我们结合实验得出了各种投放策略下真实的实验数据,希望能给广告主和客服在投放广告时不仅知其然更能知其所以然,当然最终目的是在改善用户上网体验同时提升广告效果,形成用户与网站双赢局面。

在网盟环境下投放广告,一般会考虑广告与网页的形式、广告与网页的内容和浏览人群这三个方面。这次研究就是从以上三方面出发,研究网页信息密度,整页与分页广告价值,广告位置,广告内容与网页内容,人群兴趣。由于篇幅限制,本文首先对网页信息密度,整页分页上广告价值,广告内容&网页内容&人群兴趣,进行阐述。变化多变的广告位置放入下一篇文章中,请大家多多关注~

一、 实验简介:
1、研究对象:以网盟环境下占比最多的正文页与列表页作为研究对象
2、研究方法:眼动研究,包括实验前访谈、热点图、筛选与分析数据;
3、名词解释:
(1)参与度: 浏览网页时注意到广告的人群比例
(2)注视点时长:眼睛凝视页面上某区域的时间,以秒(s)为单位
(3)广告关注度=参与度*注视点时长*100
即:注视点时长*参与度表示所有参与的用户对该广告的平均关注度;乘以100是将数值整体化,表示100个人关注广告的总时长

注释:因为以下三个实验的页面布局、页面内容、广告内容均不相同,所以不同实验下的广告关注度不具可比性,只有同一实验下的广告关注度有可比性。

 

二、 实验内容
1、网页信息密度对广告关注度的影响如何?
(1)首先,面对复杂网络环境,不同的站长排版网页有不同设计原则。虽然我们都知道适当留白的网页能够带给网民较好的用户体验,但是信息传达却是网页展示的核心目的。面对体验与目的两大诉求,是以最大信息量与更多的广告填满整个网页才能带来更好广告效果,还是适当留白才能唤起良好用户体验增强用户浏览广告的意愿?

(2)认知心理学认为:每一项认知活动都需要占用和消耗一定认知资源,当认知任务所需资源之和不超过总资源,注意协调和分配才能同时进行。当页面信息量很大时,用户会感受到巨大认知负担而不会详细加工信息,拥挤的页面里即使布满很多广告,用户也只会注意重要内容而忽略非重要的广告信息。

(3)以列表页作为研究对象,使用留白量和广告数来衡量信息密度。左侧页面用户体验差但信息含量大,留白少有5个广告;右侧页面信息含量少用户体验较好,留白多有4个广告。

(4)通过眼动实验发现:拥挤的页面用户浏览所需时间长但对广告关注度小,宽松的页面用户浏览所需时间短但有更多精力可以放在广告上。所以,为了呈现更多信息增加广告数量而在网页铺满信息,并不能提高用户浏览广告的概率,反而由于任务量变大,而使用户心理上产生压力匆匆读完关闭页面。如下图所示:

广告创意中的情感因素(一)

蓝蓝设计的小编

随着产品同质化的严重,消费者对产品的需求从功能性满足上升到情感满足和个人价值的实现上,因此相对于理性诉求的广告,感性诉求广告更能迎合消费者,吸引消费者。而感性诉求广告就是常说的情感广告,那么,广告创意中的情感有哪些呢?如何将情感因素融入到广告创意中去呢?

 

正文

       创意广告通过各种手段和方法,向消费者传递品牌信息。互联网时代,广告不仅仅是广告主向用户单向传播了,很多创意广告通过社交网络、视频媒体进行横向传播,用户通过关注、转发、分享持续的关注品牌广告,并且由被动的接受到主动的关注,这也是社会化营销的一部分。

       对于广告如何进行创意,以及应该关注的点和需要抓住的核心内容,以前的很多外国学者都给出了许多经典的理论来指导品牌广告进行创意设计。比如百事可乐的很多广告就运用了ROI(Relevance、Originality、Impact)理论中的关联性、原创性和震撼性;大众汽车的甲壳虫汽车广告运用了定位理论,借用甲壳虫的形象加深消费者的印象,塑造独特的形象概念,占据消费者心理的第一位置;白加黑药业运用了USP理论(独特销售主张理论),向消费者承诺一个利益点“白天吃白片,不瞌睡;晚上吃黑片,睡的香”,并且是独具的,区别于其他感冒药品的特征,有足够的说服力和吸引力,吸引消费者购买。

       但是,随着产品的同质化严重,可替代性越来越高,功能性要求的满足已经不再是消费者最关注的了,在此背景下,USP理论也是发展出了ESP理论(情感销售主张),结合当代消费者的心理特征,由向消费者展示产品的物理属性,提升到迎合消费者使用产品获得的情感满足,与消费者产生情感上的共鸣。根据目的链(MEC)模型,消费者使用产品的属性,获得功能性的满足,最终实现的是心理情感的满足与个人价值的实现。

       广告诉求包括理性诉求、感性诉求和公益诉求,而其中的感性诉求广告就是情感广告。感性诉求是诉诸于消费者的情绪或情感反应,传达商品带给他们的附加值或情绪上的满足, 使消费者形成积极的品牌态度。感性诉求就是情感广告,运用人类间的情感,与用户产生共鸣,从深层次的角度挖掘产品与用户情感之间的联系,增加产品的附加值。

让用户更地完成表单填写

蓝蓝设计的小编

填写互联网表单几乎是每个用户每天的经历,如用户进行网站注册和登录、购物等,都需要填写各种表单。用户为了获得想要的东西,表单成了用户完成需求和网站系统需要数据之间的互动形式。那么表单设计的首要目标也更清晰:让用户迅速快捷并且轻松地完成填写。

设计目标已清晰,那么如何设计表单呢,以下从表单的内容、组织方式、流程、表单元素控件及交互等方面详细阐述。
表单的元素

研究如何提高表格可用性之前,我们先简要了解下一般表单的元素,这里我们暂且这么总结:

标签:告诉用户表单问题是什么?
输入框:供给用户填写答案信息;
动作:用户提交表单,即用户点击一个按钮或链接,执行一个操作;
帮助文字:为如何填写表单提供帮助;
输入反馈:针对用户输入给出反馈,输入正确还是错误;

的设计可视化

蓝蓝设计的小编

       每一天,人们都淹没在信息的海洋中。用户在主动获取和被动接受过程中,都始终避免不开一个“效率”的诉求。在这信息海洋,用户目前面对了什么样的困境呢?

        1  一些设计细节的 “隐藏式”、“折叠式”、“渐进式”设计消耗了用户的快速认知诉求;

        2  偏于复杂和庞大的功能,给界面呈现带来了负担,加重了用户操作映射的错乱,让用户理解也模棱两可;

        3  设计过多的操作点击,用户手部肌肉不停运动,切换不同页面去查看;

        ……

       作为信息传达的设计师,如何让信息更直观清晰、剔除不确定性理解,是工作中的重中之重。而“可视化”就是多种传递信息方式中的一种,对于信息可视化、视觉化、图形化,也成了设计圈热捧的观点和研究方向。

       对于产品的可视化设计,主要旨在借助于图形化等直观手段,清晰有效地传达与沟通信息,形成的功能、使用映射,完成用户任务目标。为用户想完成的任务选择正确的界面元素,通过一种能迅速理解和易于使用的表达方式,展现在页面上,降低用户的认知负担和物理负担。大概分为四个层次:功能可视化、结构可视化、操作可视化、控件可视化。

提升品牌知名度之软文营销怎么写

蓝蓝设计的小编

上篇写了《提升品牌知名度之软文营销该写什么》一文,说到如何去定位写一篇什么软文。要写好软文对于我们很多朋友来说这是一件很难的事情,不知道从哪里开始写,怎么来写,围绕什么来写。今天小维与大家谈谈怎么写好一篇软文。

提升品牌知名度之软文营销怎么写

写总结
在我们生活、工作中经常会遇到很多有意义,有帮助的信息。我们把这些信息整理、收集起来,并对这些事情写出总结。如在工作中,一天做一些什么事情,维护了几个客户,客户遇到什么样的问题等等,我们可以把一天工作遇到的问题总结出来,编缉写成文章。一篇优质的软文就在生活、工作中写出来了,学会写总结,软文顺手写出来。

如何利用视频做网络推广?

蓝蓝设计的小编

在众多的网络营销推广方法,视频推广是不可以忽视的一个网络推广渠道。很简单的例子,我们在网上搜索一些信息时,搜索结果页首页总会有那么一两个视频网站的信息(如下图)。今天小编跟大家说说如何做好视频推广。

如何做好视频推广

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档