小程序之所以能夠在分辨率不同的設(shè)備上保證視覺元素的正常顯示，是因?yàn)閞px(微信小程序中CSS的尺寸單位)的動態(tài)尺寸單位的作用 。對于很多人來說，都會理解像素：“在顯示屏上，每一個畫面都是由無數(shù)的點(diǎn)陣形成的 。這個點(diǎn)陣中，每一個點(diǎn)叫作像素，就是pixel(縮寫為px)” 。
但是隨著視網(wǎng)膜屏的推出和高分屏的普及，px所能代表的實(shí)際長度就會發(fā)生改變 。單純地使用px并不能滿足需求，小程序元素很難保證在不同設(shè)備上的正常顯示 。即使是同樣的px尺寸的元素，在高分屏上的顯示要比低分屏小很多 。
在這種情況下，小程序需要的是一個動態(tài)的長度單位，這個長度單位還能夠?qū)Σ煌钠聊坏姆直媛蔬M(jìn)行調(diào)整和適配，以保證所有元素在不同的屏幕上的展示都是一樣的 。
在微信的官方文檔中，有這樣的一句話：在iPhone 6上，屏幕寬度為375px，共有750個物理像素，則750rpx=375px=750物理像素，1rpx=0.5px=1物理像素 。也就是說，微信小程序的設(shè)計(jì)師可以把iPhone 6的界面作為視覺稿的標(biāo)準(zhǔn) 。
小程序設(shè)計(jì)師在設(shè)計(jì)小程序的時(shí)候，就可以直接利用iPhone 6(375×667)的屏幕尺寸作為視覺稿尺寸，然后以1px=2rpx的標(biāo)準(zhǔn)，將設(shè)計(jì)稿件設(shè)定為750×1334 。
當(dāng)小程序的設(shè)計(jì)稿交給程序員之前，小程序設(shè)計(jì)師需要描述好稿尺寸和單位換算標(biāo)準(zhǔn)，從而能夠幫助程序員快速實(shí)現(xiàn)界面正常的效果 。
其實(shí)，從小程序的界面適配上也可以看出，微信小程序放到電腦上運(yùn)行，屏幕的寬度很可能會發(fā)生變化，以寬度為基準(zhǔn)，最后很容易出現(xiàn)元素顯示不全面的情況 。
另外，微信官方不希望小程序在除了手機(jī)以外的設(shè)備上運(yùn)行，因此對于開發(fā)者來說，可以把全部的注意力集中在手機(jī)上，不需要擔(dān)心手機(jī)屏幕的尺寸大小帶來的界面適配問題 。
原來的小程序在安卓手機(jī)中某些屏幕分辨率下，出現(xiàn)了一些遮擋的漏洞，部分元素的大小也不能符合人的視覺習(xí)慣 。在進(jìn)行優(yōu)化之后，小程序的界面進(jìn)行了進(jìn)一步的適配，漏洞被補(bǔ)充，元素的字體大小也得到調(diào)整 。
雖然說小程序已經(jīng)基本適應(yīng)不同的版本和不同的手機(jī)型號，但是從細(xì)節(jié)上來看，還會出現(xiàn)一些差別，這還是會帶給用戶一些不適體驗(yàn)，因此，要對界面進(jìn)行優(yōu)化，使小程序能夠適配不同的屏幕 。
操作體驗(yàn)更優(yōu)化
小程序如果能夠帶給用戶更好的操作體驗(yàn)，勢必會使小程序的傳播范圍得到進(jìn)一步擴(kuò)大，對小程序進(jìn)行優(yōu)化的時(shí)候，能夠帶給用戶最直觀的感受就是操作體驗(yàn)的改善，因此，優(yōu)化操作體驗(yàn)對于用戶的留存來說非常重要 。
小程序即使能夠做出一些操作上的優(yōu)化，在用戶看來這也是不明顯的，只有當(dāng)用戶真正體驗(yàn)的時(shí)候，才能真正體會到優(yōu)化后的小程序在操作上的良好體驗(yàn) 。
從小程序的主頁面來看，如果能夠在主界面中添加一個“立即體驗(yàn)”的按鈕，用戶通過單擊這個按鈕就可以進(jìn)入到主程序中 。這個功能在很多APP中都會有，用戶在第一次使用APP的時(shí)候，往往會有一個導(dǎo)入過程 。在最后一個頁面中會有“立即體驗(yàn)”這一個按鈕，之所以設(shè)置這個按鈕是為了更好地引導(dǎo)用戶，不至于用戶在主界面感到迷茫 。
以一個電商類的小程序?yàn)槔?，?dāng)用戶進(jìn)行結(jié)賬的時(shí)候，以往通常需要用戶手動去聚焦，長時(shí)間進(jìn)行這個操作難免會使用戶煩躁 。對這一操作進(jìn)行優(yōu)化，用戶在輸入金額的時(shí)候，輸入框就會自動獲取焦點(diǎn)，并且彈出數(shù)字鍵盤，用戶只需要填寫金額就可以了 。
微信支付在這一方面的體驗(yàn)就比較好，利用支付寶、余額寶或者是銀行卡在線支付時(shí)，用戶往往在輸入一定的金額之后，再單擊“確定”按鈕，雖然這一做法可以減少用戶的錯誤率，但是用戶頻繁地進(jìn)行這種操作，也會覺得這項(xiàng)操作有些多余 。微信支付有一個非常方便的地方就是在輸入框中輸入金額之后，不用單擊其他按鈕，就會自動進(jìn)行確定支付，一個完整的支付過程就完成了 。
推薦閱讀
- 如何把微信小游戲添加到桌面快捷方式
- 如何選電腦和買電腦
- 微信公眾號如何營銷 ?微信公眾號營銷介紹！
- 該如何選擇小程序平臺?小程序平臺怎么選擇？
- 為什么小香風(fēng)顯老 小香風(fēng)如何搭配
- 西瓜的種植方法和時(shí)間 西瓜如何種植
- 豐巢快遞柜如何掃描二維碼取件
- 華為mate60如何錄屏
- 如何才能唱歌不跑調(diào)
- 自然堂冰肌水可以搭配哪些護(hù)膚品自然堂冰肌水如何搭配護(hù)膚品