自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

微信小程序開發(fā)中常見的設(shè)計(jì)敗筆

移動(dòng)開發(fā)
雖然微信小程序的開發(fā)難度要低于網(wǎng)頁(yè)開發(fā)和APP開發(fā),再者,微信小程序開發(fā)可以使用很多微信提供的設(shè)計(jì)組建和資源庫(kù)。

雖然微信小程序的開發(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ò)誤,可供商榷。

責(zé)任編輯:未麗燕 來源: 今日頭條
相關(guān)推薦

2017-05-08 15:03:07

微信小程序開發(fā)實(shí)戰(zhàn)

2016-09-28 18:10:59

微信程序MINA

2016-09-27 16:38:24

JavaScript微信Web

2016-11-04 10:49:48

微信小程序

2016-09-27 20:36:23

微信HttpWeb

2016-12-21 15:35:55

微信小程序排除

2016-11-04 09:55:16

微信小程序

2018-09-11 10:32:07

云開發(fā)小程序開發(fā)者

2016-11-07 10:30:07

微信小程序安裝配置

2020-11-05 18:53:15

JavaScript開發(fā)前端

2018-12-25 22:38:12

微信功能系統(tǒng)

2020-08-26 13:10:03

微信小程序前端代碼

2017-02-06 13:32:12

微信小程序思想

2016-11-28 15:52:09

微信小程序開發(fā)

2023-03-26 00:00:00

2017-06-09 10:40:00

微信小程序架構(gòu)分析

2016-10-20 21:02:12

微信小程序javascript

2017-01-09 10:01:49

微信小程序

2017-06-09 10:06:54

微信小程序架構(gòu)分析

2017-06-09 12:58:20

微信小程序架構(gòu)分析
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)