網(wǎng)頁設(shè)計(jì)師面臨的最大挑戰(zhàn)之一,可能就是平衡網(wǎng)站的功能性和視覺性。你說,我也想「極簡」,我也想「高大上」,可是不弄個(gè)紅彤彤的按鈕,用戶就不知道點(diǎn)哪里嘛。在本篇文章中,我們舉了幾個(gè)例子,看看他們是如何解決這個(gè)世紀(jì)難題的。
有一些網(wǎng)站僅僅是為我們提供服務(wù),也有一些網(wǎng)站讓我們看著賞心悅目,但是最好的網(wǎng)站兩者兼?zhèn)。令人愉悅的設(shè)計(jì)能給我們帶來一種流連忘返的特別感受。
如果一個(gè)網(wǎng)站只有花里胡哨的吉祥物,卻沒有實(shí)質(zhì),那么用不了多久,最初的魅力會(huì)逐漸消散,不留痕跡。我們下面列舉了一些較優(yōu)于行業(yè)水平的網(wǎng)頁設(shè)計(jì)案例,你可以從下文的案例中得到些靈感。
只有最好的糖衣
在分析案例之前,讓我們來討論一下賞心悅目的交互是如何適應(yīng)于整體的設(shè)計(jì)。
什么是賞心悅目的設(shè)計(jì)。這個(gè)理論從本質(zhì)上將人體需求按優(yōu)先次序排列。從底層,即生理必須層 (其包括食物和氧氣等),到最高層——非生理必須層,如自我實(shí)現(xiàn)。
一個(gè)可行的交互設(shè)計(jì)并不是非好看不可。一個(gè)網(wǎng)站只要有功能,可靠并且實(shí)用,哪怕外表有那么點(diǎn)丑(就如Craigslist網(wǎng)站)也可能成功。但是,一個(gè)好看的網(wǎng)站如果外強(qiáng)中干,遲早會(huì)失去它的感染力。因此影響交互設(shè)計(jì)最重要的因素,說到底還是實(shí)用性。
上文并不是說美觀不重要。正如Don Norman解釋道:人類在進(jìn)化,我們基于情感所做出決定,多于基于邏輯做出的決定。事實(shí)上,他接而提出「設(shè)計(jì)提高美觀度甚至可提升可用性」這一觀點(diǎn),即通過創(chuàng)造一個(gè)愉快的氛圍,產(chǎn)品可以使使用者放松,反過來使機(jī)械的程序運(yùn)轉(zhuǎn)得更加平穩(wěn)。這就使學(xué)習(xí)操作網(wǎng)站變得簡單許多。
好看的設(shè)計(jì)如同蛋糕上的糖衣,不能填飽肚子,但也是蛋糕上最可口的那部分。一個(gè)又干又平淡無味的蛋糕是無法引起食欲的,一旦有更好的選擇可選(更加多彩可口的蛋糕),饑餓的用戶則會(huì)選擇他們。另一方面,不管你的糖衣多美味誘人,很少有人只吃甜膩的糖衣!∠旅嫠f的網(wǎng)站非常的完整:清晰的目標(biāo)、好用的界面、完善的功能——還有一點(diǎn)額外的東西。
Bitly
Bitly是一個(gè)廣為人知的牌子。它廣受歡迎的原因在于,哪怕在網(wǎng)絡(luò)時(shí)代的早期,它的服務(wù)就已得到大家的認(rèn)可。Bitly將網(wǎng)址縮短到幾個(gè)字符,短小精煉。當(dāng)你要分享鏈接的時(shí)候,不再需要用一長串毫無聯(lián)系的字母和數(shù)字來壓倒對(duì)方。它很好的證明了,只需運(yùn)用一點(diǎn)巧妙的設(shè)計(jì),你就可以創(chuàng)造一個(gè)前所未有的商機(jī)。
這是Bitly的核心感染力,并且我們猜想,即使有意思的交互設(shè)計(jì)少一些,他們?nèi)匀豢梢酝晟圃摲⻊?wù)。有趣的交互設(shè)計(jì)是使Bitly脫穎而出的關(guān)鍵因素。
這個(gè)網(wǎng)站的操作非常簡明。用戶們只需要將鏈接復(fù)制粘貼到左上角,旁邊的一個(gè)菜單馬上就會(huì)滑出一個(gè)新的簡短的鏈接和圖標(biāo),供人們歸檔、編輯、加標(biāo)簽或者分享鏈接。
只需要單擊鼠標(biāo),你就可以從簡短的網(wǎng)址追蹤到最復(fù)雜的鏈接,就像是施了魔法一般。當(dāng)設(shè)計(jì)了其中有趣的顏色和河豚的卡通形象之后,使用體驗(yàn)從頭到尾都是令人印象深刻的。再加入直觀的鏈接跟蹤和有韻律的陳列,這些體驗(yàn)會(huì)變得稍微使人沉迷——你會(huì)想看哪個(gè)鏈接點(diǎn)開次數(shù)最多,并回去研究為什么。
正如交互設(shè)計(jì)師Ben Rowe所解釋的,令人愉悅的設(shè)計(jì)有兩層:表層和更深的流程層。也就是說,吉祥物和有趣的視覺設(shè)計(jì)組成表層,而「被動(dòng)魔法式」的交互設(shè)計(jì)形成更重要的流程體驗(yàn)層面。
Medium
令人愉悅的設(shè)計(jì)并不是由絢麗的色彩和有趣的卡通形象堆砌而成的。正如Rowe所說,由于用戶體驗(yàn)?zāi)芙⒏鼜?qiáng)的聯(lián)系,所以好看的設(shè)計(jì)不僅僅只是依靠那些討喜的動(dòng)物形象,而是依托于實(shí)用性。
作為最受歡迎的博客平臺(tái)之一,Medium具有極簡主義風(fēng)格的特征,平臺(tái)使用大量的白色,沒有卡通或任何百搭的顏色。它登上我們「好看網(wǎng)站排行榜」的原因就是其簡單卻強(qiáng)大的用戶體驗(yàn)。
Medium的極簡主義獨(dú)特之處不僅在于外觀:寫作體驗(yàn)被網(wǎng)站運(yùn)營者們視為重中之重,盡可能讓新用戶盡快上手,并且不會(huì)被那些小玩意、插件或其他功能所干擾。這不是說網(wǎng)站風(fēng)格平淡無味,想想看,你看不到那些優(yōu)雅的印刷體,或者是像其他網(wǎng)站上不斷滾動(dòng)的新聞條,是不是覺得耳目一新了?
好看的設(shè)計(jì)可以不同程度地給網(wǎng)站錦上添花。在不失實(shí)用性的前提下,融入能愉悅用戶的元素,你將會(huì)創(chuàng)造出一個(gè)既愉悅又實(shí)用的網(wǎng)站。
賞心悅目的終極目標(biāo),是當(dāng)與用戶創(chuàng)造無形的情感連接并給予用戶力量。這不是一項(xiàng)輕松的任務(wù),但它確實(shí)能讓你的產(chǎn)品脫穎而出。永遠(yuǎn)不要忘記.