010-51265006

教你打造集才华与美貌与一身的网站

时间:2016-07-01

网页设计师面临的最大挑战之一,可能就是平衡网站的功能性和视觉性。你说,我也想「极简」,我也想「高大上」,可是不弄个红彤彤的按钮,用户就不知道点哪里嘛。在本篇文章中举了几个例子,看看他们是如何解决这个世纪难题的。

有一些网站仅仅是为我们提供服务,也有一些网站让我们看着赏心悦目,但是最好的网站两者兼备。令人愉悦的设计能给我们带来一种流连忘返的特别感受。

如果一个网站只有花里胡哨的吉祥物,却没有实质,那么用不了多久,最初的魅力会逐渐消散,不留痕迹。我们下面列举了一些较优于行业水平的网页设计案例,你可以从下文的案例中得到些灵感。

只有最好的糖衣

在分析案例之前,让我们来讨论一下赏心悦目的交互是如何适应于整体的设计。

一个可行的交互设计并不是非好看不可。一个网站只要有功能,可靠并且实用,哪怕外表有那么点丑也可能成功。但是,一个好看的网站如果外强中干,迟早会失去它的感染力。因此影响交互设计最重要的因素,说到底还是实用性。

上文并不是说美观不重要。正如:人类在进化,我们基于情感所做出决定,多于基于逻辑做出的决定。事实上,「设计提高美观度甚至可提升可用性」这一观点,即通过创造一个愉快的氛围,产品可以使使用者放松,反过来使机械的程序运转得更加平稳。这就使学习操作网站变得简单许多。

好看的设计如同蛋糕上的糖衣,不能填饱肚子,但也是蛋糕上最可口的那部分。一个又干又平淡无味的蛋糕是无法引起食欲的,一旦有更好的选择可选(更加多彩可口的蛋糕),饥饿的用户则会选择他们。另一方面,不管你的糖衣多美味诱人,很少有人只吃甜腻的糖衣。

下面所说的网站非常的完整:清晰的目标、好用的界面、完善的功能——还有一点额外的东西。

案例1

令人愉悦的设计并不是由绚丽的色彩和有趣的卡通形象堆砌而成的。由于用户体验能建立更强的联系,所以好看的设计不仅仅只是依靠那些讨喜的动物形象,而是依托于实用性。

作为最受欢迎的博客平台之一,Medium具有极简主义风格的特征,平台使用大量的白色,没有卡通或任何百搭的颜色。它登上我们「好看网站排行榜」的原因就是其简单却强大的用户体验。

Medium的极简主义独特之处不仅在于外观:写作体验被网站运营者们视为重中之重,尽可能让新用户尽快上手,并且不会被那些小玩意、插件或其他功能所干扰。这不是说网站风格平淡无味,想想看,你看不到那些优雅的印刷体,或者是像其他网站上不断滚动的新闻条,是不是觉得耳目一新了?

除了表层视觉,简洁干净的交互界面让用户能够更集中于写作。它的界面功能已经足够完成用户的核心目标,Medium只需要腾出空间,让奇迹自然发生。

虽然界面极其简介,但通过设置悬停和隐藏,Medium给用户提供了所有必要的选择(上传图片/视频,插入内容等)。不像传统的博客平台体验给人感觉更多的是「内容管理模式」,Medium把写作功能和上传功能创造性地结合在一起。

如此简洁如白纸般的界面,即使是再小白的门外汉,写起博客来也会觉得自己如同大文豪海明威。网站也提供了其他很好的体验。比如每篇文章都会有一个阅读时间提示,你就会知道你阅读这篇文章大概会花多长时间。而在最基础的编辑页面,你甚至可以直接从百度图片里把搜索的图片复制粘贴上去,而不需要额外下载以及重新上传(这对那些长期写博客的博主来说真是一次解放!)。

上述这些精巧细微的设计看似对于一个博客平台来说并非缺一不可,但正是它们出乎意料的有用,才提升了设计的档次。这些特质不只博用户一笑,也使他们更好地完成目标。如果你想创造一个完美的「愉悦设计」,就一定要在交互设计中加点「小心思」进去。

案例2

MailChimp网站,它完美地平衡了实用性和视觉效果。MailChimp是一个通过电子邮件订阅 RSS 的在线工具,听起来就很「性冷淡」。这应该可以解释为什么公司喜欢创造一个更加个性化的面孔来推销自己。如此一来,MailChimp就把一个枯燥无聊的任务转变成一次很好玩的体验。

赏心悦目的设计是被公司广泛看好的,因为它是市场中决定公司核心竞争力的要素。

不混乱的界面、直截了当的选择和多选的对话形式,把复杂的操作归纳为一个简单且人性化的体验。MailChimp在你成功发送一组邮件之后,还设计了一个好玩的击掌屏显。这是一个令人印象深刻的体验,一些用户甚至一边击掌一边哈哈大笑。

 

除了萌萌的猴子之外,网站其余部分也非常生动友好。无衬线字体创造了随意的氛围,文本的基调也简单轻巧(绝非偶然)。

借助「恶意卖萌」的动画和「段子手式」的文案(如:这是您的荣耀时刻),MailChimp网站化解了第一次发送邮件的紧张感。有别于一个冷冰冰的邮件推广软件,MailChimp更像是一个能感同身受般理解你的导师。

幽默和动画都是只是表层的好看。但是当我们进入更深层次,我们会看到对话反馈和简单的任务程序都有助于MailChimp网站与用户于无形中建立联系。产品指引、娱乐和帮助用户。而且,即使是新手也会感觉像个内行。那确实是个难忘的经历。

总结

好看的设计可以不同程度地给网站锦上添花。在不失实用性的前提下,融入能愉悦用户的元素,你将会创造出一个既愉悦又实用的网站。

赏心悦目的终极目标,是当与用户创造无形的情感连接并给予用户力量。这不是一项轻松的任务,但它确实能让你的产品脱颖而出。永远不要忘记:「人们不是要为更好的产品而买单,他们是为变成更好的自己而买单」。

Copyright©2007 - 2017 webthink.cc 版权所有 网博思创网络技术(北京)有限公司 京ICP备07017583号 百度统计