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