微信小程序開發(fā)中常見的設(shè)計(jì)敗筆
雖然微信小程序的開發(fā)難度要低于網(wǎng)頁(yè)開發(fā)和APP開發(fā),再者,微信小程序開發(fā)可以使用很多微信提供的設(shè)計(jì)組建和資源庫(kù)。
如上兩個(gè)原因都降低了微信小程序開發(fā)中出現(xiàn)重大“錯(cuò)誤”和“敗筆”的概率。但是,我們?nèi)匀话l(fā)現(xiàn)一些在我們看來比較失敗的微信小程序設(shè)計(jì),我們將其指出,以供大家商榷。
敗筆:微信小程序中嵌入APP下載模塊
不少品牌都擁有自己的APP,它們也非??粗谹PP的運(yùn)營(yíng)工作,利用一切渠道推廣APP,提升下載量,包括利用微信小程序。例如,打開它們的微信小程序,重點(diǎn)位置就是提供下載APP的引導(dǎo)和提醒。
例如,哈羅單車的小程序,在頂部是下載APP的提示。
這里存在一個(gè)邏輯錯(cuò)誤——當(dāng)用戶打開微信小程序,是因?yàn)槭謾C(jī)中沒有APP,或者是為了便利化,因?yàn)樾〕绦蚋旖莺秃?jiǎn)潔。此時(shí),讓用戶下載APP,用戶顯然是不愿意的,心理也是抵觸的。
所以,我們觀察到,一些品牌雖然也有APP,但是卻不借助微信小程序進(jìn)行推廣,他們更傾向于引導(dǎo)用戶添加小程序的“快捷方式”。例如,麥當(dāng)勞的小程序,提示用戶添加小程序圖標(biāo)到桌面或者微信首頁(yè)。
敗筆:頁(yè)面過多或者頁(yè)面元素過多
為什么微信小程序頁(yè)面不能過多?因?yàn)轫?yè)面的“組織者”就是導(dǎo)航。微信小程序由于使用的手機(jī)屏幕較小,不可能放太多的導(dǎo)航按鈕。所以,在微信小程序開發(fā)指南中,微信建議底部導(dǎo)航不超過5個(gè),以3個(gè)或者4個(gè)為宜。
為什么微信小程序頁(yè)面元素而不能過多呢?同樣是因?yàn)槠聊恍。脩舻囊曈X焦點(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)致用戶“迷茫”。一來在選擇的時(shí)候可能會(huì)停頓;二來,容易造成誤操作。這就是讓用戶不知道如何決策的敗筆設(shè)計(jì)。
還例如,用戶選擇的狀態(tài)與未選擇的狀態(tài),沒有形成較為強(qiáng)烈的對(duì)比。這會(huì)讓用戶產(chǎn)生“我現(xiàn)在在哪里?”的迷茫。所以,微信小程序中設(shè)計(jì)中,選中的與為選中的,應(yīng)該形成足夠強(qiáng)烈的對(duì)比,包括文字的對(duì)比、顏色的對(duì)比等。
如上,我們總結(jié)了三種在微信小程序設(shè)計(jì)中容易犯下的錯(cuò)誤,可供商榷。