全国客服热线:4006-880844

网站设计文字艺术

- 编辑:admin -

文字本身并不会具有优先的阅读优势。通常我们要突出文字必然采取放大、增强对比等方式,也就是利用前文第一条和第二条来引导用户。而且现在中国人阅读文字的习惯不强,文字的引导作用和浏览顺序都不高。有时候我们可以看到一些国外网站文字很多,因为有些文化里的文字阅读习惯很强,这样可能会稍微提高文字的浏览优先度。其实,文字也是被人们用图形化去记亿的。有一篇网络趣闻全部用英文写成,每个单词都有一个字母被和该字母很像的另一个字母代替,导致全篇都是错误的拼写,但人们看到该文章依然可以正常浏览。所以

文字本身并不会具有优先的阅读优势。通常我们要突出文字必然采取放大、增强对比等方式,也就是利用前文第一条和第二条来引导用户。而且现在中国人阅读文字的习惯不强,文字的引导作用和浏览顺序都不高。有时候我们可以看到一些国外网站文字很多,因为有些文化里的文字阅读习惯很强,这样可能会稍微提高文字的浏览优先度。其实,文字也是被人们用图形化去记亿的。有一篇网络趣闻全部用英文写成,每个单词都有一个字母被和该字母很像的另一个字母代替,导致全篇都是错误的拼写,但人们看到该文章依然可以正常浏览。所以我们有时候对文字字体进行变形、美化处理,一旦导致整体文字的图形结构变弱,也就是常说的不好识别了,那么势必会降低它的浏览优先性。



我们会根据这样的浏览顺序去确定整个页面的节奏感,切勿将所有的重点突出全部集中在一起。一般来说,一个界面只有一个重点,两个次重点。这些重点我们通过跳跃的方式来突出。而一且想要突出的重点太多,页面就会混乱,反而让用户什么都无法注意到。这个问题可以说是控制整体页面节奏的基础要求。因为我们工作当中经常遇到一种情况,需求方会认为自己想到的每一个功能、每一个文字都是重要的,希望用户体验部门想办法去突出每一个点,这就是最大的误区,必须避免。所有都突出就是没有突出。在明确重点后,我们还要根据浏览习惯来合理地安排重点突出的方式和位置。我并不喜欢刻意规范设计师的设计,而是希望设计师能够拥有较大的空间去发挥自己的艺术性,不过这里可以做一些小的提示,以帮助大家理解。举个例子,我们一般在设计当中提到的头重脚轻,其实就是页面失去节奏感。就是将颜色对比强烈且占面积较大的元素放在头部,导致几个易被优先关注的元素用在了一个地方,其他位置没有平衡的次重点跳跃。一般这种问题的处理办法会将顶部的一两个元素挪到页面下部。

另外,还需要注意我们做的产品一般来说都是有交互的,这种交互是有时间感、有心理预期的,也是需要有节奏把握的。这里我也总结了几个关键点,具体如下

1)需要用户动作才能向下进行的交互,都会让用户有流失的可能,但也都是加强用户感知的方式。因此,我们需要合理地安排和利用这种交互。不要让用户对无须强烈感知的东西进行操作。
 
2)用户的动作难度越小,消耗的能量越小,流失就越少。以手机为例,我们用拇指向下划动最为节省体力,所以这个动作的交互带来的流失很低。而横划动因为人手部枃造的原因因难程度高于下划,而且长时间横划手指会有疲劳感,因此横划的交互带来的流失高于下划。而点击虽然看起来简单,但是其实还调动了眼睛和手的配合,需要精准性所消耗的能量和难度更大,因此点击所带来的流失更大。一般业界认为一直点击会导致流失33%。

3)人们对于等待页面打开的时间是有耐心极限的。根据人群和文化的不同这个具体的数值并不相同。比如,页面打开的速度如果过慢,用户就会开始流失,时间越长流失越大。而且随着信息时代的发展人们的耐心越来越小。在计算机的1ash时代我们还相信30秒的页面打开速度是可以忍受的。我相信现在30秒等待页面打开,一定是99%流失了。现在我们一般认为,等待页面打开的时间超过3秒用户就会开始流失。当然,有时候我们依然会做一些较复杂的活动页面,打开速度会超过3秒,这时我们就需要做有趣的读取。

4)每次用户进行了交互操作的时候都会有其相应的预期,我们要做到给他预期得到的答案。有时候我们会希望让整个产品更为流畅,帮助用户进行选择。有时候需要进行跳跃产生节奏感。比如用户在搜索一个商品的时候,我们并没有用户精准搜索的商品,但是有可以替代的商品,此时这个搜索结果页必须有跳跃感,要让用户知道自己的预期问题的答案,先让用户知道自己要搜素的东西不存在,然后再给用户推荐出相似的商品。而这时候保持顺畅反而会让用户感到莫名其妙。
 
还有一个经常遇到的例子,也能非常明显地让大家体会到什么是节奏感。PC端网页经常在导航顶部有大幅的通调广告位,为了视觉效果这个广告位所占面积越来越大。但是我们后来发现广告位加上顶部通调头所占位置超过1/2时,会出现一个问题,每次点击二级分类时,整个页面有1/2的面积没有发生任何变化,而且页面下半部为了保持网站的整体风格也都非常类似,由于在首屏所占面积较小变化感也不大。这就导致了点击分类按钮后跳跃感很小,用户对于点击后的预期变化没有出现,会让用户对新页面产生疑惑。所以我们会要求内页的 banner变小,更多地露出下面有变化的内容,从而产生APP开发的跳跃感,满足用户点击按钮后预期的节奏。