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