接触了许多的minisite项目,从最初的创意到demo设计到功能实现直到项目正式上线,往返的修改次数很多,大都是视觉与内容的改动。真正能 为用户着想的关于用户体验方面却少之又少。往往追求创意第一,而其他的也就不多考虑了,总是希望能令人有耳目一新的感觉。而所谓的用户体验也多是借鉴下已 有的网站。究其原因,往往客户把自己的行为认定是访客的行为,而设计师往往疲于修改稿子或内容,能在规定的时间内把项目按照客户要求完成已是极限了。当 然,除此之外也不排除二者对用户体验的了解不够所造成的。
接着前篇翻译:《前车之鉴 — 那些好看不好用的网站案例》,分享下自己的一些总结。希望能对大家有所帮助。
Landing page,即访客访问到你网站的第一个页面。最近恰好在读《Landing page优化权威指南》这本书,自己的体会:
Landing page是网站中提升效果最关键的页面;
访问者打开Landing page的第一印象就决定了网站的印象;
Landing page的优化取决于多重因素:Web设计、人类心理学、文案撰写、可用性…
页面打开速度
minisite中常用的flash往往使得由于追求效果导致flash文件变得巨大,下载时间也变长。网页内容下载时间超过了访客的耐心,那么即 便是再漂亮的设计,再炫耀的动画也不会让访客改变关闭浏览器窗口的决定。等待的时间越长,网页被关闭的可能性也就越大。往往事情就是这样:网站几分钟内还 没看到内容,那么用户就会关闭页面。
下面是几点可能进一步提升用户体验的方法:
尽量减小下载的文件大小,确保访客有足够的耐心等待;
有下载进度提升,预估下载时间;
不重复加载相同的元素;
参考网站:
EContent

经过漫长的加载后,网站需要访客点击”进入”按钮。好吧,我们点它下。尽管网站上有坨快捷菜单,但很不幸的是这坨菜单并没有引起访客的注意。并且,访客需要将鼠标挪到图片上才能查看子类目。而这些导航按钮需要访客非常仔细的查找才行。
减少干扰用户的元素
片头动画
在制作动画完片头动画后,谁最喜欢看?除了设计师本人外就是客户了,前者是带着欣赏自己作品的眼光一遍遍的欣赏,客户则是带着挑刺的眼光一遍遍的看。那么真正的用户就不会这样了,特别是那些播放时间过长的动画。还是加个跳过按钮吧,别把用户想象的那么有耐心。
参考网站:
Theologos

无跳过介绍的按钮。无视觉清晰的导航栏。加载很慢。而牛x的是页面与播放的背景音乐竟然是分开的。当网速快的访客访问网站时,网站的动画都可能引起访客的反感。
信息提示框
信息提示框被广泛应用于各种网页代码的开发过程中与整人的网页中。而这个万恶的信息提示框现如今又换了新马甲:各种设计美观但却无实际意义的信息框。而且非常带有强制性,必须先关闭该信息框才能浏览网页。
参考网站:
Creative With aK

导航信息超载!不仅我们不知道要看什么,甚至都不知道应该点击那里。通过鼠标扫描方式查找可点击区域无助于提升网站的易用性。并且,整个网站的载入 过程连个进度条都没有。而且更令哥震惊的是,还要花时间搞清楚必须关闭欢迎的窗口才可以点击页面其他地方。栏目里缺少滚动条的内容让哥对藏在里面的内容顿 时失去了兴趣。
勿多次下载相同的内容
该问题可能是开发过程中没有优化代码造成的吧?在本地测试时,别说是几百k的东西就是10M的东西也是瞬间就打开了。尽管大陆的局域网正在日渐优化但网速还无法达到我们办公室内局域网速。优化代码还是很有必要的。
参考网站:
Desing Sul

哥从未见到过加载问题如此之杯具的网站。多重加载元素,即使你看到了网页内容实际上还有东西要再次加载。也没有迹象可以表示加载结束了,这样做也让 哥非常的困惑不解并且该网站还不易使用。事实上,找到阅读的内容也需要花些功夫,而网站在牛奶卡通包装盒所做的效果与内容根本没有毛关系嘛。
背景音乐
如果说landing page是个茶几,上面摆满了各种杯具。那么这个是算作最最大的杯具。也是出现频率最高的杯具。
你永远不知道当前用户喜欢什么音乐,虽然在设计之前已经对目标人群有了共识,但即便是岁数相仿的人也无法确定他/她喜好/厌恶的音乐是什么。当播放让用户讨厌的音乐也很容易让人起反感情绪。
在工作或休闲中,许多人喜欢边打开音乐。为了达到亲身体会的效果,你可以用两种不同的音乐播放器播放两首你都喜欢的音乐。感受下这种令人抓狂的噪音音乐吧。
我们经常会被些无聊的会议或什么事情折腾着。如果在这时,这个正在开会的用户忘记关扬声器情况下恰巧打开个带背景音乐的网站。好吧,我相信他已经牢牢的记住这个网站,带着非常的愤怒记住了这个网站。
参考网站:
Theologos

无跳过介绍的按钮。无视觉清晰的导航栏。加载很慢。而牛x的是页面与播放的背景音乐竟然是分开的。当网速快的访客访问网站时,网站的动画都可能引起访客的反感。
文章来源:DavidW.me 转载请注明出处链接。
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
