過去的(de)幾年,網站建設的(de)用戶體驗有了(le/liǎo)突飛猛進的(de)提高,但還是(shì)有些網站會給人(rén)帶來(lái)"設計人(rén)員想什麽呢?"的(de)疑問。
從設計的(de)角度看,内部的(de)人(rén)員經常會彼此大(dà)吵大(dà)鬧"不(bù)行不(bù)行,這(zhè)個(gè)内容必須放到(dào)首頁正中間",或者被亂七八糟的(de)工具和(hé / huò)方法分散注意力"我說(shuō)這(zhè)個(gè)項目幹脆用精簡用戶體驗模式"。在(zài)這(zhè)種情況下,我們經常會忘掉,其實在(zài)屏幕那一(yī / yì /yí)頭坐着的(de)人(rén)不(bù)會參與這(zhè)些決策,這(zhè)個(gè)人(rén)隻是(shì)想要(yào / yāo)獲得自己所需要(yào / yāo)的(de)信息、購買産品或者在(zài)等地(dì / de)鐵的(de)時(shí)候休閑個(gè)五分鍾。
下面是(shì)五項大(dà)家仍然經常會犯的(de)而(ér)且最不(bù)能容忍的(de)用戶體驗錯誤,天翺爲(wéi / wèi)大(dà)家列出(chū)來(lái)大(dà)家引以(yǐ)爲(wéi / wèi)戒。
1.把過多的(de)注意力放到(dào)了(le/liǎo)宏觀
大(dà)方面的(de)決策(比如網站主信息架構、頁面整體布局網格)固然重要(yào / yāo)。但是(shì)細微之(zhī)處的(de)交互經常也(yě)會糟蹋掉整體體驗。
最近,我看了(le/liǎo)一(yī / yì /yí)個(gè)非營利機構的(de)網站。這(zhè)個(gè)網站有非常棒的(de)導航、非常棒的(de)内容和(hé / huò)非常棒的(de)布局,但是(shì)在(zài)點擊捐款按鈕的(de)時(shí)候彈出(chū)來(lái)的(de)控制選項非常不(bù)直觀、不(bù)好用,界面在(zài)你每執行一(yī / yì /yí)項操作的(de)時(shí)候就(jiù)會刷新一(yī / yì /yí)次。
有的(de)公司在(zài)用戶體驗方面人(rén)手不(bù)足時(shí),就(jiù)會讓用戶體驗方面的(de)人(rén)去做高層級的(de)設計,同時(shí)把"低級"的(de)交互留給經驗不(bù)足的(de)人(rén),或者幹脆不(bù)留時(shí)間處理用戶體驗的(de)細節方面:這(zhè)種錯誤往往會付出(chū)高昂的(de)代價。
人(rén)都希望技術的(de)進步能夠緊貼人(rén)與人(rén)之(zhī)間互動的(de)模式。仔細想想,你怎麽判斷是(shì)個(gè)人(rén)是(shì)否善良?是(shì)否在(zài)乎你并且維護你的(de)利益?并不(bù)是(shì)通過他(tā)們所穿的(de)衣服或者口音是(shì)否好聽,而(ér)是(shì)在(zài)于(yú)他(tā)們所爲(wéi / wèi)你做的(de)小事,以(yǐ)及是(shì)否會在(zài)緊要(yào / yāo)關頭爲(wéi / wèi)你着想。對于(yú)網站也(yě)是(shì)同樣的(de)道(dào)理。我們判斷一(yī / yì /yí)個(gè)網站是(shì)否能用、好用的(de)标準就(jiù)是(shì)它能否執行這(zhè)些細微之(zhī)處的(de)交互。
2.在(zài)主頁設計上(shàng)投入了(le/liǎo)太多時(shí)間
你在(zài)主頁的(de)設計和(hé / huò)再設計上(shàng)投入了(le/liǎo)大(dà)把的(de)時(shí)間和(hé / huò)精力。但是(shì)很有可能大(dà)多數人(rén)完全不(bù)會看你的(de)主頁。你的(de)營銷和(hé / huò)社交媒體宣傳内容很可能把訪客直接引導到(dào)其他(tā)登錄頁。
當然設計精良的(de)主頁也(yě)是(shì)必不(bù)可少的(de),但不(bù)能因爲(wéi / wèi)在(zài)主頁上(shàng)投入了(le/liǎo)太多時(shí)間和(hé / huò)精力就(jiù)犧牲其他(tā)重要(yào / yāo)内部頁面的(de)用戶體驗。多用分析技術了(le/liǎo)解用戶實際進入網站的(de)位置,然後想辦法讓這(zhè)些頁面做到(dào)最佳。
3.過多倚重于(yú)文字
你與網站訪客溝通的(de)主要(yào / yāo)方式是(shì)什麽?你的(de)内容中文字占比是(shì)多少?圖像、音頻或視頻的(de)占比又是(shì)多少?網站上(shàng)用文字本沒有錯,隻不(bù)過大(dà)家可能不(bù)會去讀罷了(le/liǎo)。
除非你的(de)網站的(de)唯一(yī / yì /yí)作用就(jiù)是(shì)提供文字文檔,否則就(jiù)應該思考如何以(yǐ)其他(tā)形式提供内容。根據對人(rén)腦的(de)研究顯示,人(rén)在(zài)聽别人(rén)說(shuō)話時(shí)腦部活動會與說(shuō)話者同步。聽的(de)人(rén)與說(shuō)的(de)人(rén)腦部同步率越高,聽的(de)人(rén)理解内容的(de)透徹程度就(jiù)會越高。所以(yǐ)說(shuō),要(yào / yāo)多使用音頻和(hé / huò)/或視頻,不(bù)要(yào / yāo)單純依賴于(yú)文字。
4.設計與受衆存在(zài)代溝
我經常問一(yī / yì /yí)個(gè)問題。受衆中有多少人(rén)年紀大(dà)于(yú)55歲?多少人(rén)在(zài)30-55歲之(zhī)間,又有多少不(bù)到(dào)30歲。我們的(de)受衆中有大(dà)多數人(rén)位于(yú)中段,也(yě)就(jiù)是(shì)30到(dào)55歲。這(zhè)就(jiù)是(shì)所謂的(de)X代。在(zài)戰後嬰兒潮出(chū)生一(yī / yì /yí)代(年紀大(dà)于(yú)55歲)占了(le/liǎo)人(rén)口中的(de)一(yī / yì /yí)大(dà)部分,而(ér)千禧年一(yī / yì /yí)代(不(bù)到(dào)30歲)所占的(de)比重更大(dà)。
這(zhè)就(jiù)說(shuō)明大(dà)部分針對這(zhè)兩大(dà)部分人(rén)的(de)設計都是(shì)由最年輕的(de)一(yī / yì /yí)代人(rén)做的(de)。這(zhè)個(gè)重要(yào / yāo)嗎?當然重要(yào / yāo)。研究顯示,不(bù)同年代的(de)人(rén)對于(yú)技術的(de)預期和(hé / huò)心理模型有着代溝似的(de)差異。
你在(zài)8到(dào)10歲時(shí)盛行的(de)技術會從根本上(shàng)改變你對技術的(de)看法。所以(yǐ)說(shuō),如果你覺得自己設計的(de)網站上(shàng)的(de)内容、功能和(hé / huò)交互都不(bù)錯,那很有可能另一(yī / yì /yí)個(gè)年代的(de)人(rén)群覺得不(bù)怎麽樣。
舉例來(lái)說(shuō),嬰兒潮期間出(chū)生的(de)人(rén)都希望技術能夠幫他(tā)們辦事。他(tā)們不(bù)要(yào / yāo)求有多渠道(dào)的(de)體驗,同時(shí)他(tā)們對不(bù)同的(de)渠道(dào)有着鮮明的(de)區分。他(tā)們覺得電視和(hé / huò)互聯網之(zhī)間有着本質的(de)區别。
而(ér)更年輕的(de)人(rén)則根本不(bù)會把台式機和(hé / huò)筆記本看作一(yī / yì /yí)項技術。他(tā)們更多考慮的(de)是(shì)智能手機和(hé / huò)平闆電腦。不(bù)管你屬于(yú)哪一(yī / yì /yí)代,你都很難理解另一(yī / yì /yí)代人(rén)是(shì)怎麽想的(de):所以(yǐ)一(yī / yì /yí)定要(yào / yāo)做測試。
5.忽略多屏行爲(wéi / wèi)
我們都知道(dào)移動和(hé / huò)多屏的(de)使用頻率正在(zài)快速的(de)升高。大(dà)家都在(zài)用智能手機和(hé / huò)平闆電腦訪問網站。他(tā)們會先打開手機,然後又轉到(dào)平闆電腦。他(tā)們會在(zài)用筆記本看東西的(de)同時(shí)在(zài)手機上(shàng)看其他(tā)内容。他(tā)們會在(zài)坐車、走路或說(shuō)話的(de)同時(shí)浏覽網站。
而(ér)我們在(zài)做設計時(shí),還是(shì)會不(bù)自禁想象一(yī / yì /yí)個(gè)人(rén)安靜地(dì / de)穩坐在(zài)電腦前面的(de)畫面。除非你明确知道(dào)目标受衆會像你想的(de)一(yī / yì /yí)樣訪問網站,否則就(jiù)必須考慮多屏幕的(de)主動式體驗。
這(zhè)就(jiù)是(shì)難點所在(zài)。我們大(dà)部分的(de)設計工具目前還沒有跟上(shàng)這(zhè)個(gè)理念。誠然,針對多屏體驗進行代碼編寫不(bù)是(shì)不(bù)可能,而(ér)且現在(zài)響應式設計也(yě)是(shì)大(dà)勢所趨,但你作爲(wéi / wèi)設計師而(ér)不(bù)是(shì)程序員又應該怎麽做呢?你能輕松地(dì / de)做出(chū)多屏或響應式體驗的(de)原型嗎?假如你是(shì)一(yī / yì /yí)個(gè)網站所有人(rén),要(yào / yāo)用WordPress創建網站,這(zhè)時(shí)候該怎麽辦?你自己一(yī / yì /yí)個(gè)人(rén)能設計出(chū)多屏及/或移動優先網站嗎?另外,又應當如何做多屏體驗的(de)用戶測試呢?你一(yī / yì /yí)個(gè)人(rén)做得到(dào)嗎?
當然,我們希望這(zhè)些工作以(yǐ)後能更加簡單,不(bù)過與此同時(shí),我們還需要(yào / yāo)想出(chū)自己的(de)解決辦法來(lái)保證自己不(bù)再紮在(zài)"一(yī / yì /yí)個(gè)人(rén),一(yī / yì /yí)台電腦"這(zhè)種思維定勢中。