

NEWS
將想法與焦點(diǎn)與您一起共享
微信小程序開(kāi)發(fā)中常見(jiàn)的設(shè)計(jì)敗筆


雖然微信小程序的開(kāi)發(fā)難度要低于網(wǎng)頁(yè)開(kāi)發(fā)和APP開(kāi)發(fā),再者,微信小程序開(kāi)發(fā)可以使用很多微信提供的設(shè)計(jì)組建和資源庫(kù)。
如上兩個(gè)原因都降低了微信小程序開(kāi)發(fā)中出現(xiàn)重大錯(cuò)誤和敗筆的概率。但是,我們?nèi)匀话l(fā)現(xiàn)一些在我們看來(lái)比較失敗的微信小程序設(shè)計(jì),我們將其指出,以供大家商榷。
敗筆:微信小程序中嵌入APP下載模塊
不少品牌都擁有自己的APP,它們也非常看重APP的運(yùn)營(yíng)工作,利用一切渠道推廣APP,提升下載量,包括利用微信小程序。例如,打開(kāi)它們的微信小程序,重點(diǎn)位置就是提供下載APP的引導(dǎo)和提醒。
例如,哈羅單車的小程序,在頂部是下載APP的提示。
這里存在一個(gè)邏輯錯(cuò)誤當(dāng)用戶打開(kāi)微信小程序,是因?yàn)槭謾C(jī)中沒(méi)有APP,或者是為了便利化,因?yàn)樾〕绦蚋旖莺秃?jiǎn)潔。此時(shí),讓用戶下載APP,用戶顯然是不愿意的,心理也是抵觸的。
所以,我們觀察到,一些品牌雖然也有APP,但是卻不借助微信小程序進(jìn)行推廣,他們更傾向于引導(dǎo)用戶添加小程序的快捷方式。例如,麥當(dāng)勞的小程序,提示用戶添加小程序圖標(biāo)到桌面或者微信首頁(yè)。
敗筆:頁(yè)面過(guò)多或者頁(yè)面元素過(guò)多
為什么微信小程序頁(yè)面不能過(guò)多?因?yàn)轫?yè)面的組織者就是導(dǎo)航。微信小程序由于使用的手機(jī)屏幕較小,不可能放太多的導(dǎo)航按鈕。所以,在微信小程序開(kāi)發(fā)指南中,微信建議底部導(dǎo)航不超過(guò)5個(gè),以3個(gè)或者4個(gè)為宜。
為什么微信小程序頁(yè)面元素而不能過(guò)多呢?同樣是因?yàn)槠聊恍。脩舻囊曈X(jué)焦點(diǎn)更難以聚焦,需要減少元素,以讓用戶能夠關(guān)注到重點(diǎn)。另外,一個(gè)頁(yè)面元素太多,也影響頁(yè)面加載速度。再者,一個(gè)頁(yè)面元素太多,元素之間互相干擾,也影響用戶體驗(yàn)。
敗筆:導(dǎo)致用戶迷茫的設(shè)計(jì)
導(dǎo)致用戶迷茫的設(shè)計(jì)有兩個(gè)方面,其一,用戶不知道自己身處何地;其二,用戶不知道如何做出決策。這也是微信小程序設(shè)計(jì)中容易出現(xiàn)的敗筆。
以按鈕設(shè)計(jì)為例,兩個(gè)平行設(shè)計(jì)的按鈕,一樣的顏色、一樣的形狀、一樣的排列,很容易導(dǎo)致用戶迷茫。一來(lái)在選擇的時(shí)候可能會(huì)停頓;二來(lái),容易造成誤操作。這就是讓用戶不知道如何決策的敗筆設(shè)計(jì)。
還例如,用戶選擇的狀態(tài)與未選擇的狀態(tài),沒(méi)有形成較為強(qiáng)烈的對(duì)比。這會(huì)讓用戶產(chǎn)生我現(xiàn)在在哪里?的迷茫。所以,微信小程序中設(shè)計(jì)中,選中的與為選中的,應(yīng)該形成足夠強(qiáng)烈的對(duì)比,包括文字的對(duì)比、顏色的對(duì)比等。
如上,我們總結(jié)了三種在微信小程序設(shè)計(jì)中容易犯下的錯(cuò)誤,可供商榷。
如上兩個(gè)原因都降低了微信小程序開(kāi)發(fā)中出現(xiàn)重大錯(cuò)誤和敗筆的概率。但是,我們?nèi)匀话l(fā)現(xiàn)一些在我們看來(lái)比較失敗的微信小程序設(shè)計(jì),我們將其指出,以供大家商榷。
敗筆:微信小程序中嵌入APP下載模塊
不少品牌都擁有自己的APP,它們也非常看重APP的運(yùn)營(yíng)工作,利用一切渠道推廣APP,提升下載量,包括利用微信小程序。例如,打開(kāi)它們的微信小程序,重點(diǎn)位置就是提供下載APP的引導(dǎo)和提醒。
例如,哈羅單車的小程序,在頂部是下載APP的提示。
這里存在一個(gè)邏輯錯(cuò)誤當(dāng)用戶打開(kāi)微信小程序,是因?yàn)槭謾C(jī)中沒(méi)有APP,或者是為了便利化,因?yàn)樾〕绦蚋旖莺秃?jiǎn)潔。此時(shí),讓用戶下載APP,用戶顯然是不愿意的,心理也是抵觸的。
所以,我們觀察到,一些品牌雖然也有APP,但是卻不借助微信小程序進(jìn)行推廣,他們更傾向于引導(dǎo)用戶添加小程序的快捷方式。例如,麥當(dāng)勞的小程序,提示用戶添加小程序圖標(biāo)到桌面或者微信首頁(yè)。
敗筆:頁(yè)面過(guò)多或者頁(yè)面元素過(guò)多
為什么微信小程序頁(yè)面不能過(guò)多?因?yàn)轫?yè)面的組織者就是導(dǎo)航。微信小程序由于使用的手機(jī)屏幕較小,不可能放太多的導(dǎo)航按鈕。所以,在微信小程序開(kāi)發(fā)指南中,微信建議底部導(dǎo)航不超過(guò)5個(gè),以3個(gè)或者4個(gè)為宜。
為什么微信小程序頁(yè)面元素而不能過(guò)多呢?同樣是因?yàn)槠聊恍。脩舻囊曈X(jué)焦點(diǎn)更難以聚焦,需要減少元素,以讓用戶能夠關(guān)注到重點(diǎn)。另外,一個(gè)頁(yè)面元素太多,也影響頁(yè)面加載速度。再者,一個(gè)頁(yè)面元素太多,元素之間互相干擾,也影響用戶體驗(yàn)。
敗筆:導(dǎo)致用戶迷茫的設(shè)計(jì)
導(dǎo)致用戶迷茫的設(shè)計(jì)有兩個(gè)方面,其一,用戶不知道自己身處何地;其二,用戶不知道如何做出決策。這也是微信小程序設(shè)計(jì)中容易出現(xiàn)的敗筆。
以按鈕設(shè)計(jì)為例,兩個(gè)平行設(shè)計(jì)的按鈕,一樣的顏色、一樣的形狀、一樣的排列,很容易導(dǎo)致用戶迷茫。一來(lái)在選擇的時(shí)候可能會(huì)停頓;二來(lái),容易造成誤操作。這就是讓用戶不知道如何決策的敗筆設(shè)計(jì)。
還例如,用戶選擇的狀態(tài)與未選擇的狀態(tài),沒(méi)有形成較為強(qiáng)烈的對(duì)比。這會(huì)讓用戶產(chǎn)生我現(xiàn)在在哪里?的迷茫。所以,微信小程序中設(shè)計(jì)中,選中的與為選中的,應(yīng)該形成足夠強(qiáng)烈的對(duì)比,包括文字的對(duì)比、顏色的對(duì)比等。
如上,我們總結(jié)了三種在微信小程序設(shè)計(jì)中容易犯下的錯(cuò)誤,可供商榷。
標(biāo)簽:
相關(guān)推薦新聞
- 在微信小程序上購(gòu)物是否安全呢?
2019-11-27 08:59
- 小程序電商比傳統(tǒng)電商有哪些有優(yōu)勢(shì)?
2019-12-06 09:26
- 小程序開(kāi)發(fā)設(shè)計(jì)的過(guò)程復(fù)雜嗎?
2022-02-17 08:56
- 小程序已成為移動(dòng)互聯(lián)網(wǎng)風(fēng)口!
2020-04-30 10:40
- 如何避免小程序開(kāi)發(fā)的那些坑?
2021-06-17 16:18
- 智能微信小程序正在打破微信壟斷!
2020-04-29 17:30
- 商家和用戶能利用微信小程序做什么?
2020-04-30 10:40
- 「微信營(yíng)銷」擁有“種子客戶”讓成交裂變持續(xù)不斷
2020-03-27 09:02
- 微信小程序能夠持續(xù)的取得成功呢?
2019-12-05 09:15