如何用设计提高网站点击率 2014-10-06
种类：品牌VI设计 来源：上海vi设计赛盛设计收藏集
让用户对网站设计满意仅仅是万里长征第一步。在网站上线后，还需要与几百万个其他网站争抢关注度，而你则需要想尽办法留住访客，让他们不断回头。
怎么让访客待得更久并且不断回头？盛视觉为你提供7项强大的建议。
让用户对网站设计满意仅仅是万里长征第一步。在网站上线后，还需要与几百万个其他网站争抢关注度，而你则需要想尽办法留住访客，让他们不断回头。
如何做到吸引人是用户体验设计中最为困难的一个方面，其不仅要求有高质量的内容，还要有巧妙、让人热血沸腾的方法来呈现内容。
如果你觉得自己的网站没什么人气，那么下面这些建议应该可以帮助你让网站焕发活力，赢回点击率！
01. 让鼠标的滚动变得引人入胜
对网站进行一项改动就能提高70%的吸引力，这种好事存在吗？你别说，它还真存在！
Parallax滚动方式因其能够以独特、吸引眼球的方式呈现视觉讯息而席卷整个设计界。
Parallax是指运用若干个在滚动页面时相互独立运动的元素，形成能够吸引人继续滚动的动态体验。
这方面的一个优秀范例当属Sony的Be Moved设计。这项设计大大延展了Parallax的功能界限。很多类似Webydo的高级自由代码网站设计平台可以帮助你设计出拥有像素完美级精确度的美妙Parallax网站。另外，他们在近期发布了自由代码的Parallax Scrolling Animator，可帮助打造像素完美的Parallax网站。
02. 符号与图标：视觉的润滑剂
信息量比较丰富的网站需要使用大量的文字。这也就意味着设计师必须想办法以冲击力最强的方式来呈现这些文字。
使用图标可以帮助网站访客更快地找到所需内容。图标这种小巧的视觉元素不仅能够表现自己所承载的概念，还能通过独特的外观像视觉标志一样引导人的目光从一处转移到另一处。
在以前，图标只能使用位图图形，因而绘制和修改都非常麻烦，并且也难以进行样式设计。
现在，设计师可以使用图标字体打造和文字一样具有矢量性质、可无限扩展并可通过CSS进行定制化的字型。其中最棒的一项工具当属Glyphter。其诱人而且直观的工具可通过各种开源图标集（包括Font Awesome！）进行绘制，或者上传你自己的SVG打造自定义字体，并且这些自定义字体可供你自由下载并运用到其他网站的设计当中。有了图标来支持文字内容，段落和界面元素等就不再是简单的一堆文字，同时其还可结合使用动态字体，这样网站的阅读就会变的更加有趣、简单。
03. 灵活的字体：响应式内容设计
响应式设计不仅局限于布局——还应运用到内容上去。布局能够适应屏幕大小固然很好，但是内容也需要相应进行适应。
移动端用户一般没时间阅读大段大段的文字，因此你的移动端网站必须精简，展现出明确的行动呼吁。如果文字太小，在小屏幕上进行阅读就会困难重重，因此应当使用动态样式技术让文字保持在舒适的大小——千万别让用户自己动手去缩放！
在这方面最佳的范例是Information Architects 网站的设计——其也是这一方法的开创者之一。他们的博客对响应式字体的技巧和理论进行了深入的探讨，并明确说明了动态字体优于静态字体的原因。
如果内容能够根据访客的阅读情况进行恰当的响应，那么网站本身的体验就会更加流程、醒目，并从整体上来说更加引人入胜。这一理念同样适用于图像…
04. 使用矢量图形作为响应式视觉元素
文字仅仅是网页设计的一角，图像也和文字一样具有重要意义。通常来说，图像采用JPG、PN和GIF等位图文件格式。
而位图图像的问题在于两方面：
1. 位图的大小是固定的，因此无法无损扩展以适应新的布局大小或分辨率，从而就要求添加更多图形内容适应移动端的视网膜屏等。
2. 每次使用位图时，就会对你网站的加载流程提出HTTP请求。随着网站越来越多的运用图形，这样就会造成加载时间大幅度提升，更不必说呈现页面所需要的数据量大幅增加。
解决办法：矢量图形。由于矢量图形基本就是运用数学方法呈现视觉元素，因此可以轻松扩展到任意大小、适应任意分辨率，同时不用担心图形质量下降。
SVG是目前比较流行的一种矢量图形格式，很多网页设计师尤其钟爱于这种格式，因为其能够像很多其他标记语言一样实时调整样式和修改，并生成漂亮并且可以互动的效果。
另外，矢量图形占用空间小，并可由浏览器直接呈现，从而也就不会产生外部资源占用。
05. 游戏化
游戏化，当属最难应用的技巧之一。游戏化是指在设计中引入类似游戏的元素给访客带来互动感并在其进行导航时给予激励。
游戏化通常以完成特定任务后解锁徽章的形式出现；在Treehouse等需要用户完成一系列课程的网站上，这一模式较为适用。但如果你没有课程或类似的结构怎么办？
对于博客、电子商务类网站或其他比较标准的网页类环境下，游戏化可以采用优惠卷或折扣等方式在特定的情况下提供给访客。例如，博客可以在访客在Tweet上发了网站链接后提供免费的电子书下载，或者电子商务网站可以在访客浏览完全部产品目录后提供折扣卷等。
这种小玩意有助于个性化访客的访问体验，另外，能够获得个别关注这种感觉对于培养用户投入和鼓励用户回头也非常重要。
06. 图像压缩：速度至上
网站加载时间过长是扼杀访客吸引力的头号凶器。在这个注意力范围短而广的时代，如果网站的加载时间太长，访客将会毫不犹豫的离去，没人有耐心等待页面缓慢的加载。
随着网站变得越来越复杂，视觉效果越来越吸引人，加载时间也难以避免的会受到影响。幸运的是，我们可以采用多种技巧缓解这一问题：
1. 减少内容
2. 针对web优化图像
3. 通过内容分发网络提供网站
首先来说，很多设计师在网站发布时都愿意尽量减少网站内容。最简化可以从CSS和JS文件剥离所有留白、评论和冗余内容，仅留下能够较快加载的精简版本。
同样，还有很多算法有助于减小网站的图像大小，同时不会影响视觉质量。你可以连续运行多种算法，另外，Image Optim（仅限Mac机）等应用可将准备图像的过程简化到一击即成。
最后，网站还可以利用内容分发网络（CDN）以更快的速度分发文件。CDN能够通过遍布世界的多个服务器分发网站的数据，从而确保为访客提供文件的服务器是距离其最近的服务器。CDN能够给网页加载时间带来关键的影响，其通常用于防止规模较大的网站因世界各地数千访客同时加载而出现崩溃。Webydo等基于云的网站设计平台的众多优点之一，就是能够代替你处理这一优化过程。
07. 推送通知
在很多网站上，吸引访客的目标之一，就是如何在你发布新内容后让访客回头，这一点适用于博客、视频等等各式各样的网站。
通常来说，设计师会使用各种表单让访客登记接收邮件通知。尽管这种方法仍然广为流行，但目前已经有了一种比邮件效果强30倍，而且吸引力远远强于邮件的新技术：浏览器推送通知。
通过Roost等工具，设计师可以轻松实现浏览器通知功能，让访客在即便未打开你的网站时也能收到新内容提醒。
目前，在最新的OS X上只有Safari完整支持这一功能，但Chrome和Firefox也会在年内推出推送通知支持，所以说现在是get这一激动人心新技能的绝佳时机。
|
