如果說內容佔據食物鏈的頂端,那為什麼我們還要花大量時間在在討論更好的設計上?每一天,我們都在辯論、試驗和商討關於美學、增強功能和佈局之類的話題上,卻甚少談及內容。然而,我們得承認當下是內容為王,但是,這並不意味著設計就此貶值了。
用戶體驗的生殺大權由用戶對網站的情感深淺決定,這似乎挺合理。但其實不然。從設計角度來說,我們的任務是最大化每個訪問者的價值,不管他們對內容是愛還是恨。用戶體驗設計師的作用,不僅僅是讓每個人感覺溫馨舒適。一個豐富的網絡體驗應該包括幸福、幽默、不滿、悲傷、憤怒和頓悟等情感。一個精心設計的網站能夠讓我們的情感回歸本源,並且感同身受。用戶體驗設計師應該要知道為何要和如何去利用他們學到的準則和技巧來支撐網站的寶貴內容。
評估用戶體驗設計
把用戶體驗設計當作優質內容的擴大器來投資可不是一個容易的過程。在很多行業,只要產品能夠滿足某個需求並且正常工作就算不錯了。我們很多人都不關心一支墨水筆或一個電腦顯示器給我們的感覺,只要它能用就夠了。網絡上很多地方都能反映出這種觀點,就是因為客戶和項目經理們還沒有認識到用戶體驗的價值。
網站是一個比墨水筆複雜得多的產品,在用戶滿意度上,它需要一個不同的衡量標準。它還僅僅是一個滿足需求且工作正常的產品,還不配作一個高度交互和滲透的媒介。作為設計師,我們的任務有時候就是要說服其他人認識到讓用戶參與網站內容的價值。幸運的是,我們有這樣的例子,一些公司做了很好的用戶體驗,它們的成功足以說明其價值。
作為一個喜歡組裝電腦的極客,我認為新蛋網是致力於傳遞優秀的用戶體驗的公司中一個很好的代表。早期,新蛋網憑藉合理的價格和閃電般的發貨速度,成為了IT人士購買電腦元件的常去之地。做到這樣已經很不錯了,但是更令人驚喜的是,用戶完全能夠在新蛋網上分享產品優點和缺陷。
這個功能對於新用戶來說特有幫助,因為他們更傾向於相信朋輩們的經驗和建議。結果,新蛋網建立了一支由極客組成的龐大隊伍,由他們產生內容並提供超有用的經驗給用戶。如果你的設備或元件運行有問題或不工作了,去新蛋網看看吧,可能有人已經在上面分享了故障原因,甚至已給出解決方案了。
新蛋網很正確地利用了這次機會:通過設計來突顯其最有價值的內容。或許它的設計不是最巧妙最現代的,但是新蛋網提供了一種卓越的體驗,並因此得到了很高的用戶滿意度。朋輩們的排名和評論已經成了新蛋網設計的驅動力,幾乎每個頁面都能看到。隨著該設計多年的優化,產品評論出現在了幾乎每個頁面上,評論系統也在深度和功能上得到了發展。通過一輪全國性的廣告競賽和新的設計,新蛋網又將更上一層樓。所有這些的出現,都是因為新蛋網知道哪些內容有助於提高用戶體驗,並且加以強化,哪些形式是該推廣到每個項目中去的。
找出讓網站脫穎而出的內容只是解決問題的第一步。我們真正要做的,是如何把我們學到的色彩理論、線條、形狀和視覺傳達等知識應用到內容上,不僅僅是裝飾它或者突顯它,而是要能達到一個目的,傳遞一種信息。就像花瓣的主要作用是吸引昆蟲授粉一樣,好的設計能夠促使網站壯大。優秀的設計,不僅要用在內容上,也要用在佈局的方方面面。
設計:可口的三明治
基本在每個網站上,好的用戶體驗設計都可以分為三個部分:初識、消費和反饋。內容是核心,就像三明治裡的肉,而兩邊夾著的,是精心設計的各種項目。
用戶初識
網絡世界注重第一印象,優秀者都精於此道。用戶對一個網站的印象,在其加載的幾秒間就已形成。也就是說,顏色、佈局和標題的展現方式,在內容被認可前就已被評估。用戶都是先瀏覽內容,直到找到感興趣的,他們才會仔細閱讀。不管具體內容是什麼,都是其設計決定用戶先看到什麼以及如何在頁面的各個版塊間移動。
在尋找有趣信息的同時,用戶也會確定該站點的可信度。儘管我們一直被教導不要以封面來評判一本書,但所有人都會受到的如下三個因素的影響:我們對其熟悉程度、朋輩們的看法和對其建設所耗時間與金錢的估算。
團購網站Living Social將此用到了其設計的諸多方面。選擇位置和輸入電郵後,在主頁隨意瀏覽,就能發現幾個精心設計用以引起用戶共鳴的地方。
最震撼的可能就是背景圖片了。在Living Social提供服務的每個城市裡,都有一張用戶能夠聯想到的背景圖。當我後知後覺發現那張圖裡的地方,就在不遠處,我每天都經過時,我一下子覺得這個網站親切了許多。
Living Social也同樣注重細節。從標題到內容,整個頁面都有很清晰的層次結構;購買按鈕是最醒目的元素;其他的交互元素也觸手可及。計數器在告知購買者數量和剩餘時間的同時,也會讓你覺得壓力不小。
能做的都做了之後,Living Social也就完成了初識部分的設計投資,這些對於內容來說意義非凡。 Living Social以及其他的團購網站都是靠高訪問量發展的,也就是說它們的生死存亡取決於用戶的第一印象。在印象方面的設計,是為了突出內容。 Living Social為其想要突顯的內容量身定制了一套設計,而不是將其硬生生地塞入到某個設計理念中去。但這遠不是終點。
Content Consumption
內容消費
即使在消費推薦內容的過程中,設計仍然起著重大作用。排版方式控制著用戶的閱讀體驗。同樣的圖片和視頻,不同的美學設計,給人的感覺會大不相同。如果你的內容主要是由用戶產生,那麼用戶與用戶,用戶與與網站之間的互動能力都要取決於你設計的界面。
內容比其他一切更能奠定一個網站的基調。本是專業的內容,用的卻是Comic Sans字體,這樣的悲劇我們見過太多了。在網站如何展現重點內容以便給用戶留下深刻的印象方面,字體、大小和顏色起著超乎想像的作用,它們會引導用戶到三明治的最後一塊。遵循這些準則,你對整個網站的構架會給用戶一些線索,暗示他們應該有怎樣的情緒反應。
我們看到這種設計方法正在設計師為朋輩們設計的網站中發展。個人信息,設計相關的應用,網絡和會議類網站都是依基調而建。當然,不能過度地表明意圖,那樣只會適得其反。也有例外,在做一個有關HTML和CSS的會議的項目時,網站用最先進的HTML和CSS技術來展現內容是可取的。
就像很多科技和設計會議的網站一樣,印第安納州布盧明頓市的The Combine網站充滿了設計感。除了使用精巧的HTML和CSS來引起專業人士的共鳴外,還特意使用了反映布盧明頓小城鎮風貌的插畫。既表明了會議地點,也易於用戶識別。
用戶反饋
這或許是網站中認知度最高的設計行為,其價值巨大。用戶對內容作何反應,對於網站的成功是至關重要的。現如今,僅僅傳播內容是不夠的。網絡上有成千上萬的信息供選擇。網站要想成功,必須就必須利用轉發、鏈接甚至是在社交網絡上製造輿論。如果網站想脫穎而出,就需要用戶與朋友分享我們的內容,或者貢獻他們的想法、反饋和內容。
在以用戶共鳴來構造體驗方面,YouTube的例子很具操作性。 YouTube創造了病毒視頻的概念,但是要想達到預期效果,網站就必鬚根據內容做設計。我們都知道,每天都有無數的視頻傳到YouTube,但是每段視頻的傳播程度,都要看用戶受激勵的程度,以及傳播此體驗的難易程度。
正常人都能在YouTube的頁面上看到這些設計:從不缺少的推薦視頻和相關視頻,還有把視頻分享到各類社交網站或者是嵌入到其他網站的選項。當然,這些設計可不是金玉其外敗絮其中的貨。再強調下,內容是重中之重,引起用戶共鳴的設計元素都是為分享或發現更多內容而作。
在一個由喜歡、標籤、推文、分享和投票驅動的世界裡,網站內容的跟進是其成功或失敗的一個重要因素。看完內容然後離開的用戶,在這方面產生不了丁點價值。為此,在很多博客裡我們都會看到這些情形:有意或無意放置的相關內容、看完一段視頻後準有推薦視頻,隨處可見的分享和保存的按鈕。所有的這些行為都是經過精心設計的。鏈接和按鈕的顏色、形狀、尺寸及位置,決定了用戶能否一眼就看到。但是,不是所有人都會扮演我們為其設定的角色。
為體驗而設計
儘管在用戶對內容的感知和共鳴上,設計扮演著重要的角色,但仍有爭議說用戶體驗是不能被設計出來的。沒錯,只有用戶自己能決定是否對設計買賬。如果設計的目的是為了把每一個用戶都轉化為客戶,那麼失敗是必然的。但是,我們是可以設計這樣的體驗的:與目標受眾緊密相聯、用清晰的色調和明確的目的來傳遞信息,最後鼓勵用戶給出反饋。
我們想為那些買賬的用戶設計體驗。既然用戶願意來你的網站,他們很可能已經對內容感興趣了,也就是說他們願意融入到你設計的體驗中去。如果一個用戶是誤闖進來的,那麼把他們帶到體驗的反饋階段更像是一種額外獎勵而不是目標。
網上有各種各樣的推動用戶參與內容的方法。如果你最近去過博客網站xheight,可能就會發現他們為優先顯示內容所做的努力。除了極簡的設計外,設計師還用了其他方法來凸顯內容。如果鼠標閒置一段時間,其他元素就會隱藏,頁面上僅剩下你正在看的內容。 (譯者註:僅支持chrome瀏覽器。)
儘管關於此法是提高閱讀體驗還是分散注意力的爭論仍在持續,但是這麼做的目的很明顯是要凸顯設計者想要傳播的內容。
Livestrong網站很明顯用了另一種技巧。當用戶看完一篇文章,點擊瀏覽器的地址欄或者其他地方想離開時,就會彈出一個滿是相關內容的窗口。有趣的是,這個彈窗只放置在博文裡,但並不是誤放的。設計師知道,像這樣一個有著豐富內容和響亮品牌的網站,文章的大多數訪問量都來自搜索引擎。他們的目標就是不讓訪客再跑回Google去搜其他內容,而是持續地參與內容。
編者註:貌似自我們發布本文後,LiveStrong網站就把這個功能取消了。
生命不息,設計不止
現如今,很多公司已經意識到,好的設計和堅實的用戶體驗有很大價值。用戶體驗設計就是為用戶設計路線圖,鼓勵某種行為和建立一個參與內容的用戶庫。
推動這種參與的關鍵,在於確保我們有正確的設計價值觀,設計不是簡單的模板,主題或配色,而是對關鍵內容的一個支撐系統。我們能用設計使一個網站獨一無二且更易記住。我們可通過如下三個方法達到目的:留下好印象奠定基礎,推動無障礙且有意義的內容消費,鼓勵用戶參與內容。這三個部分都是傳遞用戶體驗的機會。
其他資源
深入分析我們對於各種美學元素的情感反應。
Donald Norman的這本書重點講述了產品設計對情感的影響。
本文辨證地分析了極簡設計和美化設計的優劣,並教你如何在項目中找到平衡。
作者簡介
Jason Gross
Jason Gross是一個自由設計師,專注於設計簡潔且體驗友好的網站。他最近住在印第安納州,你能通過他的twitter賬號@JasonAGross,或者他的個人網站聯繫他。
來源:http://article.yeeyan.org/view/136960/228662
特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy