课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 四个案例为你打造愉悦体验的网站
  • 四个案例为你打造愉悦体验的网站

    发布:南昌UI培训      来源:优设网      时间:2016-03-17


  •     平衡网站的功能性和视觉性,对于设计师来说,是一个巨大的挑战。南昌达内UI设计培训专家列举4个经典案例,告诉你一个集功能强大与美观于一体的网站要如何设计出来。

        著名心理学经典理论——马斯洛的需求层次理论,解释了什么是赏心悦目的设计。这个理论从本质上将人体需求按优先次序排列。从底层,即生理必须层 ,到最高层——非生理必须层,如自我实现。 这个理论也可以套用在网页设计上。

        下面达内UI设计培训专家所介绍的几个网站,均具备清晰的目标、好用的界面、完善的功能,以及一些额外的亮点。

    1. Bitly

        Bitly是一个广为人知的牌子。它广受欢迎的原因在于,哪怕在网络时代的早期,它的服务就已得到大家的认可。Bitly将网址缩短到几个字符,短小精炼。当你要分享链接的时候,不再需要用一长串毫无联系的字母和数字来压倒对方。它很好的证明了,只需运用一点巧妙的设计,你就可以创造一个前所未有的商机。

        这是Bitly的核心感染力,并且我们猜想,即使有意思的交互设计少一些,他们仍然可以完善该服务。有趣的交互设计是使Bitly脱颖而出的关键因素。

        这个网站的操作非常简明。用户们只需要将链接复制粘贴到左上角,旁边的一个菜单马上就会滑出一个新的简短的链接和图标,供人们归档、编辑、加标签或者分享链接。 

        只需要单击鼠标,你就可以从简短的网址追踪到最复杂的链接,就像是施了魔法一般。当设计了其中有趣的颜色和河豚的卡通形象之后,使用体验从头到尾都是令人印象深刻的。再加入直观的链接跟踪和有韵律的陈列,这些体验会变得稍微使人沉迷——你会想看哪个链接点开次数最多,并回去研究为什么。

        达内UI设计培训专家了解到,令人愉悦的设计有两层:表层和更深的流程层。也就是说,吉祥物和有趣的视觉设计组成表层,而「被动魔法式」的交互设计形成更重要的流程体验层面。

    2. Medium

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

        作为最受欢迎的博客平台之一,Medium具有极简主义风格的特征,平台使用大量的白色,没有卡通或任何百搭的颜色。它的最大优点是简单却强大的用户体验。

        Medium的极简主义独特之处不仅在于外观:写作体验被网站运营者们视为重中之重,尽可能让新用户尽快上手,并且不会被那些小玩意、插件或其他功能所干扰。

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

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

        如此简洁如白纸般的界面,即使是再小白的门外汉,写起博客来也会觉得自己如同大文豪海明威。

        网站也提供了其他很好的体验。比如每篇文章都会有一个阅读时间提示,你就会知道你阅读这篇文章大概会花多长时间。而在最基础的编辑页面,你甚至可以直接从百度图片里把搜索的图片复制粘贴上去,而不需要额外下载以及重新上传。

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

    3. Carbonmade

        当你把实打实的用户体验和有趣的颜色以及卡通结合起来,会发生什么?你会得到Carbonmade,一个让建站小白轻松无痛苦地制作网络作品集的网站。

        比愉悦的体验更深一层的体验,是让用户可以轻松在线创造他们自己的作品集——这是金字塔重要的基础。在第一印象中,网站具有风格独特的元素,这种元素在适应于用户的基础上,使网站达到了表层次的好看。这些元素是:轻松的复制功能、明亮的色彩和动物图像的大量使用。这种视觉处理能够获得你的注意力。而且,Carbonmade 甚至在网站上大胆声称,即使是小白用户,也用不着看使用说明。 

        当你潜入更深一些,你会发现Carbonmade能够用Medium式的流畅体验来满足一切用户自己建站所需要的功能。创建你的方案,拖拉放下你想要展现的东西,在左手边的导航栏输入文字,想要的界面立马呈现。 

        你想更新你的简介?只需要在旁边的导航栏输入文字,右边的文本框便可以即时浏览效果,真是立等可取! 

        即使网站免费的方案已经可以帮助用户在30分钟内建立一个比较完备的作品集,现在更多地高级用户也会为了更个性化的服务更新升级至付费方案。 

        正如Rowe所说,「不像功能的功能」让界面更加讨人欢心。这会让你感觉自己并不是通过工具,而是通过自己的双手在制作作品集。学习曲线实际上已经不复存在了,因为从用户们从第一下单击开始,他们就立马获得满满的成就感。

    4. MailChimp

        MailChimp网站完美地平衡了实用性和视觉效果。MailChimp是一个通过电子邮件订阅 RSS 的在线工具,因此公司才创造一个更加个性化的面貌来推销自己。如此一来,MailChimp就把一个枯燥无聊的任务转变成一次很好玩的体验。

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

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

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

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

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

    结语:

        南昌达内UI设计培训专家得出结论,好的设计不仅要保持实用性,还要锦上添花,加入一些让用户愉快的元素,这样的网站才是愉悦而实用的。





    原文链接:http://www.uisdc.com/design-fabulous-smart-websites
    推荐文章

上一篇:排名前十的新兴设计工具

下一篇:顶级设计师谈谈移动设计7宗罪

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56