绿维网络绿维网络
 
建站资讯

建站资讯最新消息,企业数字化营销知识分享

网页布局中提升用户体验的5个重点

人气:  作者:  发表时间:2021-01-18 09:50:25
用户体验越来越受到设计师的重视,一方面,它要求设计师在设计作品时要“一切以用户为中心”,另一方面,一味地强调用户体验又会失去网站原有的个性品牌特征。所以,下面与大家分享5个重点,旨在提醒未来的设计师在设计网站时既要关注用户体验,也要关注网站自身的个性与视觉风格。

一、必须了解用户的浏览习惯
我们常说设计师要了解设计对象的基本行业特征,其中很关键的一点就是要了解用户的浏览习惯。

1、浏览习惯
这一点就像我们平时喜欢什么款式的服饰,就会频繁光顾指定的专卖店是一样的,对于店铺掌柜而言,增加了老顾客的数量,对于顾客而言,则买到了自己心仪的服饰。所以在网页界面设计中也一样,设计师必须了解用户的浏览习惯,这种习惯会增强网站对用户的黏度。

如,天猫的页面改版,我们发现它的界面设计,充分考虑到了浏览者的习惯,在具体设计上,采用了类似实体店的百货大楼的布局方式,即“1F”以女装服饰为主,2F以美容扶服为主,3F以男式服装,4F以男女鞋帽。这样的网站布局就很好的遵循了浏览者日常逛商场的习惯,所以网站的体验满意度自然也就非常高。

2、浏览习惯对网站改版的影响
用户的浏览习惯一旦形成,设计师在对网站界面改版更新时,就一定要注意改动的篇幅不能太大,因为他们已经习惯按照固有的思维去浏览页面,改版界面设计的幅度改动太大,他们就会在短时间内很难适应,就像微软的WindowXP一样,它的用户体验做得非常好,以至于目前仍然有大量的用户因使用习惯而不愿意更新版本。、

二、必须了解用户的浏览线路
从上小学开始,我们就按照从左往右的方式进行浏览,按照从上往下的习惯阅读文章,所以时间长了自然也就形成了固有的浏览线路。这种基本的浏览线路对网页设计师而言,同样重要,我们需要在浏览者视线移动的线路上合理设置我们的视觉信息,将我们需要展示的信息突出地展现在浏览者的面前。我们进入一个网站,往往是从页面的左上角开始浏览,然后按照从左往右的习惯,快速扫描页面。

下面小编从设计师的角度与大家一起分享设计这种浏览线路时需要注意的3个细节。

1、在视觉线路的设计上,设计师可巧妙运用对比手段,通过大小对比、色彩对比等运用差异化的强调使网页版面产生强烈的视觉冲击。

2、在视觉线路的设计上,设计师需要对不同的区域进行必要的主次划分,这样便于设计师表达网站版面的重点信息,也可以运用必要指示标示对页面的主次区域进行标示,以便于浏览者按照指示线路快速到达指定的区域。

3、在视觉线路的设计上,设计师切记不要设计太繁琐的浏览线路,那样会分散浏览者的注意力,加重浏览者的阅读疲劳。很多时候我们的客户都会要求设计师将所有需要表达的各类信息排列在网页中,殊不知什么都展示,其实就是什么也都没有展示。

三、必须明确网站视觉信息的3个传递技巧
在网站界面设计中强化视觉信息的传递技巧,其目的就是强化浏览者的注意力,最大限度地增强信息传达的力度,从而获得有效的点击量。下面,小编与大家分享网站视觉信息的3个传递技巧。

1、严格限制需要记忆的材料数量
有研究表时,网站版面中所需要浏览者记忆的对象越简单就越容易记住。所以,我们在设计网站界面的视觉信息时,应严格控制需要浏览者记忆的数量。实际上我们在浏览淘宝店、行业门户网站界面的信息时,也并不是认认真真地在阅读版面的内容,而是匆忙地“扫描”。因此,减少画面中需要浏览者记忆的材料数量这一策略就显得十分重要。实践表明,少于8个字的广告标题,消费者的记忆率为34%,而超过10个字以上的长标题,消费者的记忆率仅为13%。

2、选用最直接的表现形式
利用直观、直接的特品作为广告画面的表现形式,可以增强消费者对实物整体的印象记忆。通常而言,直观的东西比抽象化的东西更容易为大众所理解的识别。在广告宣传中采用直观、直接的实物传达最直接的视觉信息,不仅可以强烈地吸引浏览者的注意,还可以使人一目了解,增强直觉度、提高记忆的效果。

3、用好关键的“文字”符号
文字在网页界面设计中既可以作为基本的信息传播工具,也可以作为一种图形工具以视觉语言的形式传播信息。我们常说,文字图形化,其实质就是将文字升华到视觉语言。很多时候用图形化的文字会让浏览者在最短的时间内更自然、更舒服地获取版面的信息。

如果将文字从基本的信息传播工具升华到设计构成中的“线”,那么我们就可以从构成学的角度按照线的概念对文字进行更为艺术化的设计,从而让页面的编排更具美感。

四、数据对页面设计的两点影响
在互联网技术快速发展的今天,网页界面设计看起来是一种艺术华的设计,但更多时候还是以浏览者的体验满意度作为衡量标准,而用户体验满意度是要通过数据来验证的。数据驱动网页艺术设计,虽然听上去有点夸张,但对设计师而言却又是一项必须要参考的设计指标。下面,分享数据对页面设计的两点影响。

1、设计师应知晓用户密集浏览的区域
网页设计师在布局页面时,应该适当地掌握一点浏览者的浏览数据,参考这些数据来设计更具有针对性的页面。我们通过网站的热点图可以发现,用户使用和浏览页面中最密度的区域是网站的“站内容搜索”和“最新排行”这两个区域,这样,设计师就掌握了最真实、最客观的数据,那么在设计类似的网站时也就变得更加具有针对性了。

2、合理地确定网站界面的布局形式
网站的布局形式有很多种,但相比较而言,F型的网站布局还是比较合理的,也包括其他一些衍生的布局类型,例如“E”型布局、“筐”型布局等。这一点我们可以通过网页的热点图来做最直观的说明。

虽然浏览视线也会产生局部的跳动,但它基本上体现了人们从上往下,从左往右的浏览习惯。当然也不能一概而论,不同的设计还需要调研实际的用户需求。

五、必须学会网格系统的应用技巧
网格是目前版式设计中经常采用的一种方法,运用网格,可以保持版式的整洁性、版面布局比例的协调性。下面与大家一起分享网格在网页界面设计中的作用。

1、网格系统的4个优点
在广告版式设计中巧妙地使用网络可以有效地突出版面规划和比例感和秩序感,让页面信息的可读性更高,让页面的整体效果显得更理性,从而给浏览者以更高的可性度。下面分享网页设计中使用网格的4个优点。

(1)网页版面划分更科学
网格看似简单,但却可以对版面进行合理的划分。我们在设计页面之前都需要对页面进行精准的测量并划分各个栏目的面积及区域。所以,掌握网格的划分技巧,可以让版面设计得更加出色。例如,在水平方向上,通过划分比较大的模板,可以引导浏览者的视线横跨一个或多个“栏划分”,从而形成一种浏览视线在水平方向的流动感。

(2)确定版面指定信息的位置
运用网格功能,设计师可以更好地确定页面各项信息元素的位置,对信息内容进行更为简洁、合理的编排。

(3)网格可以让页面显得更严谨
在网页界面设计中使用网格,我们必须考虑到浏览者阅读信息的便利性,而巧妙地运用网格可以使页面显得更严谨,使重要信息显得更有约束性,这样可以减少浏览者阅读视线移动的范围,更好地符合浏览者阅读广告内容“一目十行”的阅读习惯。此外,严谨的页面布局,会让页面的秩序感更明显。

(4)建立信息内容的关联性
使用网格,是设计师对包含各级文字内容在内的各种元素进行合理编排的重要参考依据,但是这种简单的交叉网格也并非仅仅是对各种设计模式的直接套用,我们应该看到网格在帮助我们建立信息内容关联性方面的优势。

良好的版面设计应该是一个有机的整体,唯有各个元素相互联系、相互呼应,才可以为浏览者创造优美的“阅读”体验。就像我们的眼睛与耳朵的关联一样。

2、与网格系统有关的两个关键知识点
在实际设计中,可直接套用的网格系统有很多种。但是在Photoshop软件中,我们依然可以借助参考线等工具来创建和编排自由性更明显的版式效果。

(1)标尺与参考线
标尺工具常用来定位平面设计中版面框架的整体宽度、板块与板块之间距离、文字内容、图片之间的排版是否对称,进而保证我们的设计效果整齐有序。

我们直接按Ctrl+R组合键可以直接控制标尺的显示或隐藏。当然,更多时候是借助标尺创建设计所需要的参考线。

使用参考线创建设计所需要的网络系统,最明显的好处就是允许设计师按比例设计、可以协助版面之中各种元素的平衡感。

(2)段落文本框
段落文本框就像是一个可以自由移动的文本块,它可以允许设计师像控制图像那样,对段落文本框自由进行旋转、缩放、移动等操作。因此在版式编排中,借助段落文本框可以更加灵活地掌控段落的编排。
网页布局中提升用户体验的5个重点:http://www.luweit.com/news/jianzhan/184.html
标签: 网页设计
热门标签
相关新闻
免费获取一份方案或报价
* 请认真填写需求信息,我们会在24小时内与您取得联系。

关于我们

东莞市绿维信息技术有限公司致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发,等服务范围,并且涵盖基础的域名服务、主机服务;企业邮箱、网络营销等应用服务;
more>
立即咨询
快速获得解决方案
咨询电话
135 8088 5012
公司地址
广东省东莞市南城建设大厦7F
公司邮箱
Copyright ©2016-2021 东莞市绿维信息技术有限公司 粤ICP备18104664号-2