原創(chuàng)： Kevin改變世界的點(diǎn)滴 昨天
大家好，我是Kevin。這是2019年第182篇原創(chuàng)
小程序因?yàn)殚_發(fā)成本低、傳播高。成了許多中小互聯(lián)網(wǎng)企業(yè)和個(gè)人開發(fā)者的發(fā)力點(diǎn)，可是只完成業(yè)務(wù)的承載還不夠的，如何能夠真的靠產(chǎn)品留住用戶，小程序的用戶體驗(yàn)意識(shí)必不可少，今天分享我們?cè)赑MTalk產(chǎn)品經(jīng)理社區(qū)小程序設(shè)計(jì)中的4點(diǎn)技巧。
1.不要小看小程序的頁面加載
小程序因?yàn)榈讓优cH5仍然有相同的加載。所以在偏向于移動(dòng)端的頂部、底部下拉滑動(dòng)，需要做到邊界處理
比如上圖的boss直聘和太平洋咖啡。因?yàn)闆]有處理下拉就導(dǎo)致了斷層，而boss直聘則將頂部拉伸給予用戶刷新提示。
2.用戶在button、內(nèi)容的交互
這一點(diǎn)主要聚焦在瀏覽頁面、操作頁面的場(chǎng)景下，做狀態(tài)調(diào)整。
比如微信讀書在選中頁面和切換tab下有交互提示
頁面的操作得到反饋，會(huì)讓產(chǎn)品的易用性提高。你看到市面上許多小程序，很難做到內(nèi)容反饋。大多數(shù)還只是tab上。
3.善用小程序“客服”
小程序因?yàn)椴荒苁褂瞄L(zhǎng)按掃碼。有的產(chǎn)品經(jīng)理選擇是跳轉(zhuǎn)到微信圖文、或者是保存圖片方式。
這樣的操作背景要求用戶跳出小程序，選擇微信掃碼。路徑是斷的，用戶的體驗(yàn)較差。
而小程序唯一可以使用掃碼的方式，是在客服聊天窗口。只需要在公眾號(hào)后臺(tái)配置圖片即可不用退出小程序?qū)崿F(xiàn)轉(zhuǎn)化。這里分別是PMTalk產(chǎn)品經(jīng)理社區(qū)和零一換量助手進(jìn)群的提示?？梢钥焖僖龑?dǎo)用戶從小程序進(jìn)入到目標(biāo)頁面
4.注意小程序的UI還原問題
小程序要做精致，還有一個(gè)細(xì)節(jié)是：“UI”還原的問題。小程序的UI在設(shè)計(jì)上盡可能的依照app規(guī)范。同時(shí)又要考慮微信的布局和提示
小程序UI在字體上不能超過10M，所以如果在字體設(shè)計(jì)上要注意不能過于新穎、并且保持尺寸，否則只能用遠(yuǎn)程的方法調(diào)用字體導(dǎo)致速度太慢。
如上圖可以看到三茅小程序有大量的頁面空白，以及封面缺失狀態(tài)下沒有給出配圖，而右邊的來點(diǎn)小程序在掃碼按鈕下的陰影效果設(shè)計(jì)有漸變的突出。
這都需要UI還原來做，同時(shí)保證UI的品質(zhì)不和app或市面上的互聯(lián)網(wǎng)app差距太大。小程序正是因?yàn)殚_發(fā)快，所以注重了這方面反而會(huì)有點(diǎn)獨(dú)樹一幟。
本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)
點(diǎn)擊舉報(bào)。
