從七個方面提高網(wǎng)站建設用戶體驗
發(fā)布日期:[2016/4/6] 編輯:奇億廣州網(wǎng)站建設
網(wǎng)站價值更多在于強調(diào)用戶體驗,在你的網(wǎng)站建設中,應從哪些方面來提高用戶體驗呢?
優(yōu)秀產(chǎn)品的用戶體驗設計是貫穿整個設計過程的,從最早的設計階段便已經(jīng)開始。所以,完成產(chǎn)品所有的部分之后再想辦法為其補做“用戶體驗設計”是不可能的——你需要打一開始就就將其放在心上。
打造用戶喜愛甚至欲罷不能的用戶體驗,通常意味著你需要給予用戶他們想要的東西,還要給他們一些他們意料之外但是又非常需要的東西,并且平衡兩者的比例。那些大家耳熟能詳?shù)挠脩趔w驗設計的技巧和規(guī)則能讓你搞定絕大多數(shù)的用戶體驗設計的問題,但是還有一些容易忽略、處于盲點的設計技巧,能幫你做好另一部分的用戶體驗設計。
1、專注于20%
你可曾聽說過80/20法則?簡而言之,80%的用戶通常只會使用你網(wǎng)站內(nèi)容和功能的20%,絕大多數(shù)的用戶只是在掃視網(wǎng)站內(nèi)容,并且只會挑選真正感興趣的瀏覽。
同時這也意味著,剩余的20%就相當重要了。大多數(shù)的點擊將源自于這一區(qū)域,它也是近乎完美的內(nèi)容和互動區(qū)域。
你可以借助數(shù)據(jù)分析來決定哪個部分是整個網(wǎng)站最被關注的那20%。對于剛剛上線的網(wǎng)站,這個數(shù)據(jù)搜集的過程可能長達好幾周,隨后再進行調(diào)整。
當然,你也可以通過引導將用戶引流到你希望用戶去的那20%的區(qū)域。借助視覺引導和行動召喚設計來引流,用有趣和有意思的設計來營造令人有興趣的區(qū)域,讓他們樂于點擊,從而達到目的。
2、架構式的思維
設計一個網(wǎng)站和搭建一所房子其實差不多。首先,它需要一個堅實的基礎,然后是能夠承載所有內(nèi)容的框架,做好后要好好裝飾一下。同樣的思維模式可以套用在網(wǎng)站的設計上。
更重要的是,你并不需要為此創(chuàng)造出過去從未在框架中出現(xiàn)過的東西,換言之,框架內(nèi)的素材、組件和我們常見的并無二致。就像導航設計模式一樣,現(xiàn)在的設計都趨于一致,因為這樣的導航好用。
當網(wǎng)站的整體結(jié)構搭建起來之后,可以將相同的思路套用到內(nèi)容體系的構建上來。主要的正文內(nèi)容是整個網(wǎng)站內(nèi)容的基礎,輔以吸引人的標題、圖片,配合上其他的次要元素,整個內(nèi)容體系可以很快搭建起來。
3、不要要求太多
現(xiàn)如今的世界可以說是由數(shù)據(jù)所驅(qū)動,越來越多的應用開始要求用戶注冊,要用戶提供更多的權限,更多的信息,以期為用戶提供更加個性化的體驗。但是從體驗的角度上來看,要盡量規(guī)避這一點。
站在用戶的角度稍加思考你就明白了。找到一個令你感興趣的炫酷網(wǎng)站,如果要深入了解更多內(nèi)容,就需要內(nèi)容,而如果要注冊的話,網(wǎng)站卻需要你提供下面10個類型的信息:姓名、郵件、國家、地區(qū)、城市、電話、Twitter權限、個人網(wǎng)站、工作職位、以及如何發(fā)現(xiàn)這個網(wǎng)站的。
那么接下來,你會怎么做?絕大多數(shù)的用戶會直接轉(zhuǎn)身離開,這個注冊信息填寫起來太費勁,體驗太差了。
那么,如果你當你點擊注冊的時候,只需要一鍵從Facebook或者twitter授權即可,那么你會不會立刻點擊呢?至少從目前已有的數(shù)據(jù)來看,絕大多數(shù)的用戶會這么選擇。
4、令人愉悅的微交互
可能很多時候你都沒注意到,你和各種微交互進行的互動一直都存在。
?谷歌日歷彈出框提示你每周例會要開始了
?短信提醒
?午睡的鬧鐘
?微博上的新粉絲和轉(zhuǎn)發(fā)提醒
這樣的例子我們可以連續(xù)不斷地說上一個小時。這些帶有微交互的提醒和動作會推動用戶進行下一步操作,帶來愉悅的體驗,它們不能設計得非常醒目,但是又需要適當?shù)匚脩糇⒁狻?BR> 這些有趣的微交互的加入讓用戶從中獲得好處。而你需要思考的是,有哪些東西是你的網(wǎng)站或者APP當中,用戶想要立刻知道和獲得、想被提醒的?
5、甚至幼兒都能輕松使用
如果要給小孩子設計產(chǎn)品,那么它應該是什么樣子?你可能會更專注于色彩的使用,讓每一個區(qū)塊都可以輕松點擊,明顯的標簽,加上拼圖式的連接方式。
所以,當我們在設計網(wǎng)站或者APP的時候,我們會說這個產(chǎn)品要足夠易用,那么怎么才算得上“足夠”呢?讓小孩子都可以輕松使用,這就叫足夠易用。換句話說,即使是不經(jīng)常使用網(wǎng)站和APP的成人,也不會存在明顯的使用障礙。
超大的設計元素和標簽是設計的關鍵因素。這些視覺線索是幫助用戶引導用戶的核心,是整體體驗設計中最重要的部分。大膽的色彩選擇,會鼓勵用戶點擊和探索。
如果它足夠易用,用戶會繼續(xù)嘗試使用和探索。而難于理解操作不便的導航自然會被用戶所嫌棄。如果網(wǎng)站包含太過復雜的媒體和內(nèi)容,那么不妨從一個設計簡單的首頁開始,幾個簡單的導航點擊將用戶引導到對應的位置。在深入到更復雜的頁面之前,用梳理清晰、簡單明了的分頁讓用戶感到舒適,這是帶來好的瀏覽體驗的不錯解決方案。
6、輕拍(Tap)還是點擊(Click)?
這一點要說的并不是設計問題,而是一個常見的開發(fā)代碼的問題。雖然Tap和Click兩者都能在點擊的時候觸發(fā),但是在移動端網(wǎng)頁上使用Click事件 的時候,會有200ms 到300ms 的延遲,所以在移動端上最好替換為Tap事件。在進行響應式網(wǎng)頁設計的時候,一個事件從頭用到尾的錯誤出現(xiàn)得很普遍,但是有太多的移動端網(wǎng)頁在這樣的設計下會有明顯延遲,更惡劣的情況是無法識別,這樣會直接損害到整個頁面的易用性和功能本身。
此外,移動端上使用 Tap事件的時候,它所對應的按鈕應當相對更大一些,便于小屏上進行交互。
7、像用戶一樣思考
我們一直在說:“像用戶一樣思考”。但是實際的情況往往是,我們很難走出設計者和開發(fā)者的思維方式,因為我們的思維方式壓根就和用戶不同,面對每一個交互、每一個元素的下意識反應是不一樣的。
所以,還是同設計圈、開發(fā)圈和產(chǎn)品圈以外的人去聊聊吧,看看他們對于網(wǎng)站和APP的真實反應到底是怎樣的。你可能會在觀察中發(fā)現(xiàn),他們對于產(chǎn)品、對于交互、對于界面的反應和你的預期完全不同。將用戶的真實反饋記錄下來,反饋給項目組,這樣可以幫你打造更好的用戶體驗,創(chuàng)造更優(yōu)秀的產(chǎn)品。
本文由奇億網(wǎng)站建設原創(chuàng),原文地址:http://www.studstu.com/news/1449.html,轉(zhuǎn)摘請保留版權,謝謝。
2016/4/6 美團和糯米團購運營模式的不同之處
2016/4/5 淺談互聯(lián)網(wǎng)家裝有令人堪憂的未來
2016/4/5 網(wǎng)站開發(fā)與模板建站有什么區(qū)別?
2016/4/5 做好網(wǎng)站優(yōu)化應如何分析用戶需求?
2016/4/5 為什么說當前的公眾號價值已降低?
2016/4/5 網(wǎng)紅商業(yè)模式對互聯(lián)網(wǎng)的意義
2016/4/1 微信電子發(fā)票出現(xiàn)對互聯(lián)網(wǎng)的意義
2016/4/1 八個不同網(wǎng)站建設風格的個人網(wǎng)站案例
2016/4/1 谷歌為何要關閉移動支付?
2016/4/1 二級域名要怎樣優(yōu)化?
2016/4/1 奇億網(wǎng)站建設2016年清明節(jié)放假通知
2016/3/31 網(wǎng)絡視頻看檔次必先成立影業(yè)公司
2016/3/31 京東金融怎樣才能走得更遠?
2016/3/31 企業(yè)新媒體社群運營價值變現(xiàn)六步法
2016/3/31 從新浪電商化失敗案例引發(fā)的思考
2016/3/31 在農(nóng)村應如何發(fā)展互聯(lián)網(wǎng)金融?
2016/3/30 互聯(lián)網(wǎng)外賣商業(yè)價值的爭議
2016/3/30 傳統(tǒng)企業(yè)轉(zhuǎn)型,不要被互聯(lián)網(wǎng)綁架了
2016/3/30 淺談“互聯(lián)網(wǎng)+”保險應如何發(fā)展
2016/3/30 微信紅包的發(fā)展歷程及未來方向
優(yōu)秀產(chǎn)品的用戶體驗設計是貫穿整個設計過程的,從最早的設計階段便已經(jīng)開始。所以,完成產(chǎn)品所有的部分之后再想辦法為其補做“用戶體驗設計”是不可能的——你需要打一開始就就將其放在心上。
打造用戶喜愛甚至欲罷不能的用戶體驗,通常意味著你需要給予用戶他們想要的東西,還要給他們一些他們意料之外但是又非常需要的東西,并且平衡兩者的比例。那些大家耳熟能詳?shù)挠脩趔w驗設計的技巧和規(guī)則能讓你搞定絕大多數(shù)的用戶體驗設計的問題,但是還有一些容易忽略、處于盲點的設計技巧,能幫你做好另一部分的用戶體驗設計。
1、專注于20%
你可曾聽說過80/20法則?簡而言之,80%的用戶通常只會使用你網(wǎng)站內(nèi)容和功能的20%,絕大多數(shù)的用戶只是在掃視網(wǎng)站內(nèi)容,并且只會挑選真正感興趣的瀏覽。
同時這也意味著,剩余的20%就相當重要了。大多數(shù)的點擊將源自于這一區(qū)域,它也是近乎完美的內(nèi)容和互動區(qū)域。
你可以借助數(shù)據(jù)分析來決定哪個部分是整個網(wǎng)站最被關注的那20%。對于剛剛上線的網(wǎng)站,這個數(shù)據(jù)搜集的過程可能長達好幾周,隨后再進行調(diào)整。
當然,你也可以通過引導將用戶引流到你希望用戶去的那20%的區(qū)域。借助視覺引導和行動召喚設計來引流,用有趣和有意思的設計來營造令人有興趣的區(qū)域,讓他們樂于點擊,從而達到目的。
2、架構式的思維
設計一個網(wǎng)站和搭建一所房子其實差不多。首先,它需要一個堅實的基礎,然后是能夠承載所有內(nèi)容的框架,做好后要好好裝飾一下。同樣的思維模式可以套用在網(wǎng)站的設計上。
更重要的是,你并不需要為此創(chuàng)造出過去從未在框架中出現(xiàn)過的東西,換言之,框架內(nèi)的素材、組件和我們常見的并無二致。就像導航設計模式一樣,現(xiàn)在的設計都趨于一致,因為這樣的導航好用。
當網(wǎng)站的整體結(jié)構搭建起來之后,可以將相同的思路套用到內(nèi)容體系的構建上來。主要的正文內(nèi)容是整個網(wǎng)站內(nèi)容的基礎,輔以吸引人的標題、圖片,配合上其他的次要元素,整個內(nèi)容體系可以很快搭建起來。
3、不要要求太多
現(xiàn)如今的世界可以說是由數(shù)據(jù)所驅(qū)動,越來越多的應用開始要求用戶注冊,要用戶提供更多的權限,更多的信息,以期為用戶提供更加個性化的體驗。但是從體驗的角度上來看,要盡量規(guī)避這一點。
站在用戶的角度稍加思考你就明白了。找到一個令你感興趣的炫酷網(wǎng)站,如果要深入了解更多內(nèi)容,就需要內(nèi)容,而如果要注冊的話,網(wǎng)站卻需要你提供下面10個類型的信息:姓名、郵件、國家、地區(qū)、城市、電話、Twitter權限、個人網(wǎng)站、工作職位、以及如何發(fā)現(xiàn)這個網(wǎng)站的。
那么接下來,你會怎么做?絕大多數(shù)的用戶會直接轉(zhuǎn)身離開,這個注冊信息填寫起來太費勁,體驗太差了。
那么,如果你當你點擊注冊的時候,只需要一鍵從Facebook或者twitter授權即可,那么你會不會立刻點擊呢?至少從目前已有的數(shù)據(jù)來看,絕大多數(shù)的用戶會這么選擇。
4、令人愉悅的微交互
可能很多時候你都沒注意到,你和各種微交互進行的互動一直都存在。
?谷歌日歷彈出框提示你每周例會要開始了
?短信提醒
?午睡的鬧鐘
?微博上的新粉絲和轉(zhuǎn)發(fā)提醒
這樣的例子我們可以連續(xù)不斷地說上一個小時。這些帶有微交互的提醒和動作會推動用戶進行下一步操作,帶來愉悅的體驗,它們不能設計得非常醒目,但是又需要適當?shù)匚脩糇⒁狻?BR> 這些有趣的微交互的加入讓用戶從中獲得好處。而你需要思考的是,有哪些東西是你的網(wǎng)站或者APP當中,用戶想要立刻知道和獲得、想被提醒的?
5、甚至幼兒都能輕松使用
如果要給小孩子設計產(chǎn)品,那么它應該是什么樣子?你可能會更專注于色彩的使用,讓每一個區(qū)塊都可以輕松點擊,明顯的標簽,加上拼圖式的連接方式。
所以,當我們在設計網(wǎng)站或者APP的時候,我們會說這個產(chǎn)品要足夠易用,那么怎么才算得上“足夠”呢?讓小孩子都可以輕松使用,這就叫足夠易用。換句話說,即使是不經(jīng)常使用網(wǎng)站和APP的成人,也不會存在明顯的使用障礙。
超大的設計元素和標簽是設計的關鍵因素。這些視覺線索是幫助用戶引導用戶的核心,是整體體驗設計中最重要的部分。大膽的色彩選擇,會鼓勵用戶點擊和探索。
如果它足夠易用,用戶會繼續(xù)嘗試使用和探索。而難于理解操作不便的導航自然會被用戶所嫌棄。如果網(wǎng)站包含太過復雜的媒體和內(nèi)容,那么不妨從一個設計簡單的首頁開始,幾個簡單的導航點擊將用戶引導到對應的位置。在深入到更復雜的頁面之前,用梳理清晰、簡單明了的分頁讓用戶感到舒適,這是帶來好的瀏覽體驗的不錯解決方案。
6、輕拍(Tap)還是點擊(Click)?
這一點要說的并不是設計問題,而是一個常見的開發(fā)代碼的問題。雖然Tap和Click兩者都能在點擊的時候觸發(fā),但是在移動端網(wǎng)頁上使用Click事件 的時候,會有200ms 到300ms 的延遲,所以在移動端上最好替換為Tap事件。在進行響應式網(wǎng)頁設計的時候,一個事件從頭用到尾的錯誤出現(xiàn)得很普遍,但是有太多的移動端網(wǎng)頁在這樣的設計下會有明顯延遲,更惡劣的情況是無法識別,這樣會直接損害到整個頁面的易用性和功能本身。
此外,移動端上使用 Tap事件的時候,它所對應的按鈕應當相對更大一些,便于小屏上進行交互。
7、像用戶一樣思考
我們一直在說:“像用戶一樣思考”。但是實際的情況往往是,我們很難走出設計者和開發(fā)者的思維方式,因為我們的思維方式壓根就和用戶不同,面對每一個交互、每一個元素的下意識反應是不一樣的。
所以,還是同設計圈、開發(fā)圈和產(chǎn)品圈以外的人去聊聊吧,看看他們對于網(wǎng)站和APP的真實反應到底是怎樣的。你可能會在觀察中發(fā)現(xiàn),他們對于產(chǎn)品、對于交互、對于界面的反應和你的預期完全不同。將用戶的真實反饋記錄下來,反饋給項目組,這樣可以幫你打造更好的用戶體驗,創(chuàng)造更優(yōu)秀的產(chǎn)品。
本文由奇億網(wǎng)站建設原創(chuàng),原文地址:http://www.studstu.com/news/1449.html,轉(zhuǎn)摘請保留版權,謝謝。