深圳網(wǎng)站建設(shè):7個技巧幫你更好地進行網(wǎng)站的UX規(guī)劃
發(fā)布日期:2019-12-18 關(guān)鍵詞:深圳網(wǎng)站建設(shè):7個技巧幫你更好地進行網(wǎng)站的UX規(guī)劃 已有 2314 人瀏覽
作為用戶,在很多時分會很簡單判別出一個網(wǎng)站的用戶體會是否優(yōu)異,因為片面感觸是很難被詐騙的。可是作為網(wǎng)站的規(guī)劃者和開發(fā)者,人物轉(zhuǎn)化之后,所需求面對問題就雜亂得多。身為構(gòu)建者,要讓體會一無是處需求花費很多的時刻精力來完善整個體會的閉環(huán)。今日深圳網(wǎng)站建設(shè)為你所收拾的這7個 UX規(guī)劃的原則,可以幫你更好地進行網(wǎng)站的 UX規(guī)劃,而且盡可能地將全體的用戶體會提升到必定高度。
1. 圍繞用戶體會來進行全體規(guī)劃
想要發(fā)明難忘的用戶體會,天然要圍繞著用戶體會自身來進行規(guī)劃。甚至在某種意義上來說,數(shù)據(jù)和內(nèi)容也應(yīng)該是服務(wù)于體會的, 它們應(yīng)該以什么樣的體會來出現(xiàn)出來,這是規(guī)劃者需求反復(fù)思考和琢磨的問題。
圖形、布局、文本和交互元素之間的協(xié)同作業(yè)才干發(fā)明體會,任何一個維度缺一不可,單純的信息展示是不行的。
想讓你的網(wǎng)頁能在互聯(lián)網(wǎng)上很多的信息中脫穎而出,體會是至關(guān)重要的。現(xiàn)代網(wǎng)頁中很多的視覺和交互內(nèi)容存在,是為了能經(jīng)過體會直擊人心,這樣才干在劇烈的競爭中存活。
2. 網(wǎng)站內(nèi)容應(yīng)當(dāng)一目了然
假如你認為網(wǎng)站內(nèi)容是用來讀的,那就錯了?,F(xiàn)代用戶的留意力集中的時刻十分短,絕大多數(shù)用戶在閱讀信息的時分,都是快速掃視,而非逐字逐句地仔細閱讀,信息的展示必定要直觀、明晰,保證可以一瞥就能看明白。憑借信息圖表和視覺特效,更快地傳達信息和數(shù)據(jù)。
你需求讓你的內(nèi)容愈加吸引用戶,絕大多數(shù)用戶會為觸動它們的信息和內(nèi)容而駐足,當(dāng)他們想要了解更多的時分,才會點擊,了解更多。
3. 用戶想要簡略而明晰的內(nèi)容
用戶只需求半秒就能判別出網(wǎng)站規(guī)劃和內(nèi)容,你需求盡量讓網(wǎng)站的交互和指引滿意明晰,清楚明了。不要讓按鈕難以被用戶發(fā)現(xiàn),在首頁上放上一大堆的按鈕和鏈接,不如經(jīng)過視覺上的引導(dǎo),讓用戶留意到最要害的那個 CTA按鈕。
經(jīng)過迭代和測試,不斷地優(yōu)化和提升網(wǎng)站的易用性。有的規(guī)劃關(guān)于絕大多數(shù)的用戶都十分有用,凸顯最重要的選項,允許隱藏額外的功能,而且為用戶提供顯現(xiàn)悉數(shù)的選項。
除了明晰的規(guī)劃,全體的一致性也很重要。統(tǒng)一的配色、交互和圖形可以讓用戶關(guān)于后續(xù)的操作有更明晰的預(yù)期,減少用戶在后續(xù)操作過程中探究的力度,這是經(jīng)過統(tǒng)一性規(guī)劃提升產(chǎn)品易用性的一種辦法。
4. 通用規(guī)劃元素 vs 發(fā)明性
當(dāng)某個規(guī)劃元素在其他當(dāng)?shù)睾艹R姷臅r分,它就現(xiàn)已形成了特定的 UI 形式,盡量不要去修改它,哪怕是很賦有構(gòu)思的辦法。當(dāng)你將這種約定俗成的元素修改成其他姿態(tài)的時分,用戶需求花費比平常更長的時刻來判別它究竟是什么。這種認知負荷將會影響整個網(wǎng)站的運用功率和轉(zhuǎn)化率。比方漢堡圖標(biāo),比方網(wǎng)站登錄進口的方位(右上角)。沒有必要在這種當(dāng)?shù)貜念^「標(biāo)準(zhǔn)化」。
關(guān)于鏈接、導(dǎo)航、布局這樣基本的元素,應(yīng)該一直優(yōu)先考慮其可用性,在此基礎(chǔ)上再發(fā)揮構(gòu)思。
雖然非傳統(tǒng)的規(guī)劃很帥,可是它的可用性問題相同很大。發(fā)明性的規(guī)劃相同是需求操控其程度和平衡,假如非要打破常規(guī),盡量操控好程度,而且一次最多打破一條規(guī)則,不能更多。
5. 了解你的用戶
在開端創(chuàng)建網(wǎng)站和 APP 之前,你應(yīng)該關(guān)于你的目標(biāo)客戶群體有滿意明晰的了解,這樣才干更好地為他們來規(guī)劃界面。
一旦你清楚地了解了你的用戶,就能了解他們的需求和愿望,而且規(guī)劃出契合他們預(yù)期的界面和體會。這個時分,你的競爭對手可以為你提供創(chuàng)意和主意。留意對方的色彩,布局,風(fēng)格和功能。
盡可能運用你的受眾現(xiàn)已了解的 UI 形式和 UI 元素,可以更快讓他們上手。在此基礎(chǔ)上,適當(dāng)?shù)剡M行差異化的規(guī)劃,這樣功率更高。
當(dāng)你確定了受眾之后,記得盡量把他們的反饋納入到你的規(guī)劃當(dāng)中。
6. 視覺層次很重要
當(dāng)界面中優(yōu)先放置最重要的元素,經(jīng)過視覺層次來凸顯它們,保證用戶可以更快留意到它們。在規(guī)劃中,有很多辦法可以凸顯內(nèi)容,可是最有效的辦法一直是讓它們更大更奪目。
視覺層次的構(gòu)建可以讓網(wǎng)站內(nèi)容愈加明晰,也愈加賦有功能性。
7. 操控用戶體會的質(zhì)量
Peter Moville 在 usability.gov 這個網(wǎng)站上列舉出了用戶體會規(guī)劃的要害因素,它的核心價值在于經(jīng)過不同的維度更好地掌控用戶體會的質(zhì)量:
有用:內(nèi)容應(yīng)該是原創(chuàng)的且滿意需求。
可用:網(wǎng)站的內(nèi)容應(yīng)該很簡單被找到。
可取:規(guī)劃元素應(yīng)該貼合情感且具備可欣賞性。
可發(fā)現(xiàn):內(nèi)容簡單被定位,被找到,而且可導(dǎo)航。
無妨礙:規(guī)劃要為有妨礙的用戶進行定制。
可信:網(wǎng)站內(nèi)容應(yīng)該有權(quán)威性,且值得被信任。
除了上面的維度之外,還有一些值得參考的 UX規(guī)劃的質(zhì)量衡量標(biāo)準(zhǔn):
契合上下文:有清晰的途徑,契合上下文邏輯。
人性化:值得信任,和藹可親,透明,并不機械。
可發(fā)現(xiàn)性:用戶在第一次拜訪的時分就可以順暢的完結(jié)使命。
可學(xué)習(xí)性:保證交互滿意簡略,而且可以無縫地相應(yīng)移動端界面,保證用戶在隨后的拜訪過程中達到目標(biāo)。
高效:保證用戶可以快速輕松地完結(jié)各種使命。
令人愉悅:保證產(chǎn)品可以滿意用戶需求,還可以和用戶發(fā)生情感聯(lián)系。
體現(xiàn)杰出:當(dāng)用戶與之交互的時分體現(xiàn)杰出。
結(jié)語:
用戶體會規(guī)劃的目標(biāo)不僅僅是讓產(chǎn)品自身更優(yōu)異,更重要的是從情感層面上和用戶發(fā)生相關(guān)。有界面而沒有體會,這樣的產(chǎn)品在今日的競爭中是活不下去的。
1. 圍繞用戶體會來進行全體規(guī)劃
想要發(fā)明難忘的用戶體會,天然要圍繞著用戶體會自身來進行規(guī)劃。甚至在某種意義上來說,數(shù)據(jù)和內(nèi)容也應(yīng)該是服務(wù)于體會的, 它們應(yīng)該以什么樣的體會來出現(xiàn)出來,這是規(guī)劃者需求反復(fù)思考和琢磨的問題。
圖形、布局、文本和交互元素之間的協(xié)同作業(yè)才干發(fā)明體會,任何一個維度缺一不可,單純的信息展示是不行的。
想讓你的網(wǎng)頁能在互聯(lián)網(wǎng)上很多的信息中脫穎而出,體會是至關(guān)重要的。現(xiàn)代網(wǎng)頁中很多的視覺和交互內(nèi)容存在,是為了能經(jīng)過體會直擊人心,這樣才干在劇烈的競爭中存活。
2. 網(wǎng)站內(nèi)容應(yīng)當(dāng)一目了然
假如你認為網(wǎng)站內(nèi)容是用來讀的,那就錯了?,F(xiàn)代用戶的留意力集中的時刻十分短,絕大多數(shù)用戶在閱讀信息的時分,都是快速掃視,而非逐字逐句地仔細閱讀,信息的展示必定要直觀、明晰,保證可以一瞥就能看明白。憑借信息圖表和視覺特效,更快地傳達信息和數(shù)據(jù)。
你需求讓你的內(nèi)容愈加吸引用戶,絕大多數(shù)用戶會為觸動它們的信息和內(nèi)容而駐足,當(dāng)他們想要了解更多的時分,才會點擊,了解更多。
3. 用戶想要簡略而明晰的內(nèi)容
用戶只需求半秒就能判別出網(wǎng)站規(guī)劃和內(nèi)容,你需求盡量讓網(wǎng)站的交互和指引滿意明晰,清楚明了。不要讓按鈕難以被用戶發(fā)現(xiàn),在首頁上放上一大堆的按鈕和鏈接,不如經(jīng)過視覺上的引導(dǎo),讓用戶留意到最要害的那個 CTA按鈕。
經(jīng)過迭代和測試,不斷地優(yōu)化和提升網(wǎng)站的易用性。有的規(guī)劃關(guān)于絕大多數(shù)的用戶都十分有用,凸顯最重要的選項,允許隱藏額外的功能,而且為用戶提供顯現(xiàn)悉數(shù)的選項。
除了明晰的規(guī)劃,全體的一致性也很重要。統(tǒng)一的配色、交互和圖形可以讓用戶關(guān)于后續(xù)的操作有更明晰的預(yù)期,減少用戶在后續(xù)操作過程中探究的力度,這是經(jīng)過統(tǒng)一性規(guī)劃提升產(chǎn)品易用性的一種辦法。
4. 通用規(guī)劃元素 vs 發(fā)明性
當(dāng)某個規(guī)劃元素在其他當(dāng)?shù)睾艹R姷臅r分,它就現(xiàn)已形成了特定的 UI 形式,盡量不要去修改它,哪怕是很賦有構(gòu)思的辦法。當(dāng)你將這種約定俗成的元素修改成其他姿態(tài)的時分,用戶需求花費比平常更長的時刻來判別它究竟是什么。這種認知負荷將會影響整個網(wǎng)站的運用功率和轉(zhuǎn)化率。比方漢堡圖標(biāo),比方網(wǎng)站登錄進口的方位(右上角)。沒有必要在這種當(dāng)?shù)貜念^「標(biāo)準(zhǔn)化」。
關(guān)于鏈接、導(dǎo)航、布局這樣基本的元素,應(yīng)該一直優(yōu)先考慮其可用性,在此基礎(chǔ)上再發(fā)揮構(gòu)思。
雖然非傳統(tǒng)的規(guī)劃很帥,可是它的可用性問題相同很大。發(fā)明性的規(guī)劃相同是需求操控其程度和平衡,假如非要打破常規(guī),盡量操控好程度,而且一次最多打破一條規(guī)則,不能更多。
在開端創(chuàng)建網(wǎng)站和 APP 之前,你應(yīng)該關(guān)于你的目標(biāo)客戶群體有滿意明晰的了解,這樣才干更好地為他們來規(guī)劃界面。
一旦你清楚地了解了你的用戶,就能了解他們的需求和愿望,而且規(guī)劃出契合他們預(yù)期的界面和體會。這個時分,你的競爭對手可以為你提供創(chuàng)意和主意。留意對方的色彩,布局,風(fēng)格和功能。
盡可能運用你的受眾現(xiàn)已了解的 UI 形式和 UI 元素,可以更快讓他們上手。在此基礎(chǔ)上,適當(dāng)?shù)剡M行差異化的規(guī)劃,這樣功率更高。
當(dāng)你確定了受眾之后,記得盡量把他們的反饋納入到你的規(guī)劃當(dāng)中。
6. 視覺層次很重要
當(dāng)界面中優(yōu)先放置最重要的元素,經(jīng)過視覺層次來凸顯它們,保證用戶可以更快留意到它們。在規(guī)劃中,有很多辦法可以凸顯內(nèi)容,可是最有效的辦法一直是讓它們更大更奪目。
視覺層次的構(gòu)建可以讓網(wǎng)站內(nèi)容愈加明晰,也愈加賦有功能性。
7. 操控用戶體會的質(zhì)量
Peter Moville 在 usability.gov 這個網(wǎng)站上列舉出了用戶體會規(guī)劃的要害因素,它的核心價值在于經(jīng)過不同的維度更好地掌控用戶體會的質(zhì)量:
有用:內(nèi)容應(yīng)該是原創(chuàng)的且滿意需求。
可用:網(wǎng)站的內(nèi)容應(yīng)該很簡單被找到。
可取:規(guī)劃元素應(yīng)該貼合情感且具備可欣賞性。
可發(fā)現(xiàn):內(nèi)容簡單被定位,被找到,而且可導(dǎo)航。
無妨礙:規(guī)劃要為有妨礙的用戶進行定制。
可信:網(wǎng)站內(nèi)容應(yīng)該有權(quán)威性,且值得被信任。
除了上面的維度之外,還有一些值得參考的 UX規(guī)劃的質(zhì)量衡量標(biāo)準(zhǔn):
契合上下文:有清晰的途徑,契合上下文邏輯。
人性化:值得信任,和藹可親,透明,并不機械。
可發(fā)現(xiàn)性:用戶在第一次拜訪的時分就可以順暢的完結(jié)使命。
可學(xué)習(xí)性:保證交互滿意簡略,而且可以無縫地相應(yīng)移動端界面,保證用戶在隨后的拜訪過程中達到目標(biāo)。
高效:保證用戶可以快速輕松地完結(jié)各種使命。
令人愉悅:保證產(chǎn)品可以滿意用戶需求,還可以和用戶發(fā)生情感聯(lián)系。
體現(xiàn)杰出:當(dāng)用戶與之交互的時分體現(xiàn)杰出。
結(jié)語:
用戶體會規(guī)劃的目標(biāo)不僅僅是讓產(chǎn)品自身更優(yōu)異,更重要的是從情感層面上和用戶發(fā)生相關(guān)。有界面而沒有體會,這樣的產(chǎn)品在今日的競爭中是活不下去的。
注:本文來自深一集團原創(chuàng)或轉(zhuǎn)截 http://51mes.com/newslist_7201_2.html 如需轉(zhuǎn)載,請注明出處!