雖然微信小程序的(de)開發難度要(yào / yāo)低于(yú)網頁開發和(hé / huò)APP開發，再者，微信小程序開發可以(yǐ)使用很多微信提供的(de)設計組建和(hé / huò)資源庫。

如上(shàng)兩個(gè)原因都降低了(le／liǎo)微信小程序開發中出(chū)現重大(dà)“錯誤”和(hé / huò)“敗筆”的(de)概率。但是(shì)，我們仍然發現一些在(zài)我們看來(lái)比較失敗的(de)微信小程序設計，我們将其指出(chū)，以(yǐ)供大(dà)家商榷。

敗筆：微信小程序中嵌入APP下載模塊

不(bù)少品牌都擁有自己的(de)APP，它們也(yě)非常看重APP的(de)運營工作，利用一切渠道(dào)推廣APP，提升下載量，包括利用微信小程序。例如，打開它們的(de)微信小程序，重點位置就(jiù)是(shì)提供下載APP的(de)引導和(hé / huò)提醒。

例如，哈羅單車的(de)小程序，在(zài)頂部是(shì)下載APP的(de)提示。

這(zhè)裏存在(zài)一個(gè)邏輯錯誤——當用戶打開微信小程序，是(shì)因爲(wéi / wèi)手機中沒有APP，或者是(shì)爲(wéi / wèi)了(le／liǎo)便利化，因爲(wéi / wèi)小程序更快捷和(hé / huò)簡潔。此時(shí)，讓用戶下載APP，用戶顯然是(shì)不(bù)願意的(de)，心理也(yě)是(shì)抵觸的(de)。

所以(yǐ)，我們觀察到(dào)，一些品牌雖然也(yě)有APP，但是(shì)卻不(bù)借助微信小程序進行推廣，他(tā)們更傾向于(yú)引導用戶添加小程序的(de)“快捷方式”。例如，麥當勞的(de)小程序，提示用戶添加小程序圖标到(dào)桌面或者微信首頁。

敗筆：頁面過多或者頁面元素過多

爲(wéi / wèi)什麽微信小程序頁面不(bù)能過多?因爲(wéi / wèi)頁面的(de)“組織者”就(jiù)是(shì)導航。微信小程序由于(yú)使用的(de)手機屏幕較小，不(bù)可能放太多的(de)導航按鈕。所以(yǐ)，在(zài)微信小程序開發指南中，微信建議底部導航不(bù)超過5個(gè)，以(yǐ)3個(gè)或者4個(gè)爲(wéi / wèi)宜。

爲(wéi / wèi)什麽微信小程序頁面元素而(ér)不(bù)能過多呢?同樣是(shì)因爲(wéi / wèi)屏幕小，用戶的(de)視覺焦點更難以(yǐ)聚焦，需要(yào / yāo)減少元素，以(yǐ)讓用戶能夠關注到(dào)重點。另外，一個(gè)頁面元素太多，也(yě)影響頁面加載速度。再者，一個(gè)頁面元素太多，元素之(zhī)間互相幹擾，也(yě)影響用戶體驗。

敗筆：導緻用戶迷茫的(de)設計

導緻用戶迷茫的(de)設計有兩個(gè)方面，其一，用戶不(bù)知道(dào)自己身處何地(dì / de);其二，用戶不(bù)知道(dào)如何做出(chū)決策。這(zhè)也(yě)是(shì)微信小程序設計中容易出(chū)現的(de)敗筆。

以(yǐ)按鈕設計爲(wéi / wèi)例，兩個(gè)平行設計的(de)按鈕，一樣的(de)顔色、一樣的(de)形狀、一樣的(de)排列，很容易導緻用戶“迷茫”。一來(lái)在(zài)選擇的(de)時(shí)候可能會停頓;二來(lái)，容易造成誤操作。這(zhè)就(jiù)是(shì)讓用戶不(bù)知道(dào)如何決策的(de)敗筆設計。

還例如，用戶選擇的(de)狀态與未選擇的(de)狀态，沒有形成較爲(wéi / wèi)強烈的(de)對比。這(zhè)會讓用戶産生“我現在(zài)在(zài)哪裏?”的(de)迷茫。所以(yǐ)，微信小程序中設計中，選中的(de)與爲(wéi / wèi)選中的(de)，應該形成足夠強烈的(de)對比，包括文字的(de)對比、顔色的(de)對比等。

如上(shàng)，我們總結了(le／liǎo)三種在(zài)微信小程序設計中容易犯下的(de)錯誤，可供商榷。