微信小程序登錄界面的設(shè)計要懂得克制 千萬不要隨便捆綁客戶
& nbsp& nbsp用戶在微信中打開某個小程序時,需要輸入自己的手機號,需要驗證碼,需要綁定微信賬號,需要& hellip& hellip你設(shè)置了這么多& ldquo用戶只是為了看一看內(nèi)容。路障& rdquo這樣的微信登錄界面設(shè)計是失敗的!
& nbsp& nbsp傳聞淘寶特別版做了小程序,入駐微信。這其實是很久以前的事了,但是淘寶特別版一直很低調(diào)。嘗試搜索小程序keyword & ldquo;淘寶特別版& rdquo果然在微信上找到了& ldquo淘寶特別版& rdquo,打開這個小程序沒有任何登錄界面。一點鐘打開,內(nèi)容卻薄了很多。只有幾個視頻,幾條信息內(nèi)容。相比官方APP,微信上的淘寶顯得寒酸了許多。據(jù)說這是為了應付& ldquo選擇一個& rdquo還有布局。
& nbsp& nbsp不過,雖然很簡單,但這個淘寶特別版也繼承了淘寶的鮮明特色,因為只要一個產(chǎn)品在用戶腦海中留下鮮明的印象,無論走到哪里,一眼就知道是& ldquo正宗& rdquo因此,微信小程序的登錄界面設(shè)計需要遵循這些原則:
1.產(chǎn)品定位清晰。
& nbsp& nbsp以某企業(yè)產(chǎn)品為例。如果是線下的一個名字,在網(wǎng)站上換成另一個名字,然后企業(yè)的APP換成另一個名字,到小程序又想玩新花樣!這樣做,對產(chǎn)品的傷害是巨大的,企業(yè)很難建立一個品牌,更別說創(chuàng)造很多品牌了!
產(chǎn)品定位清晰,用戶走到哪里,產(chǎn)品就跟過去,隨時出現(xiàn)在用戶面前。熟悉是獲得用戶信任的最好方法。
2.統(tǒng)一的界面風格。
這個可以作為企業(yè)整體形象的界面,無論是宣傳畫報,還是網(wǎng)站首頁,再到小程序登錄界面,都是一個常規(guī)統(tǒng)一的風格。雖然有些單調(diào),但是吸附力很強。對于用戶,尤其是鐵桿用戶,他非常關(guān)心自己是否進入了官方小程序。
3.功能簡單易用。
& nbsp& nbsp不要試圖通過任何一個渠道囊括所有的產(chǎn)品和服務。用戶的需求在任何場景下都是不一樣的,只有在特定的情況下,用戶才會下定決心購買。其他時候,他們在推動,起著潛移默化的作用。所以沒必要加太多功能,一切以簡單易用為前提。
4.用戶不討厭。& nbsp& nbsp
& nbsp& nbsp引起用戶不滿的One 小程序,就是從不斷騷擾用戶開始的。很多小程序,最討厭的是彈出一大堆不相干的東西,有的企業(yè)小程序,還學著模仿。這只是一個例子。敢明目張膽彈出廣告的,都是因為自己。
& nbsp& nbsp那么,如何設(shè)計小程序的登錄界面,最好是怎樣的呢?
& nbsp& nbsp目前主流的小程序登錄界面設(shè)計分為三個層次。企業(yè)小程序可以根據(jù)用戶的附著選擇:
& nbsp& nbsp& nbsp1.直接用微信登錄。登錄微信最好用。小程序只需要綁定用戶的微信賬號,所以只需要一鍵登錄,這是大多數(shù)小程序普遍采用的方式;
& nbsp& nbsp& nbsp2.檢查憑據(jù)并登錄。
微信登錄憑據(jù)驗證的功能是使用微信登錄獲取登錄憑據(jù),換取用戶的openid和會話密鑰。調(diào)用登錄憑證驗證將返回三個值:openid、session_key和unionid。尤其是unionid可以用來區(qū)分用戶的唯一性。這種唯一性在整個微信體系中是獨一無二的,包括網(wǎng)站、微信官方賬號、app。同一個用戶unionid是惟一的。
& nbsp& nbsp& nbsp3.獲取用戶信息。
現(xiàn)在很多app,打開后會出現(xiàn)一系列串口詢問是否獲取用戶信息、地理位置、后臺定位、微信運動、錄音、攝像頭等。這個設(shè)計有點涉及用戶隱私,但幾乎所有人都這么做。如果你不這樣做,它將& ldquo另類& rdquo走吧。但需要注意的是,在給用戶第一次登錄這些提醒后,下一次用戶再次訪問時,這些彈窗應該不會頻繁出現(xiàn)。
& nbsp& nbsp小程序的界面設(shè)計需要一些& ldquo套路& rdquo是的,圍堵用戶是不得已而為之,用戶也會樂于接受。當然最好是控制,因為用戶的接受是建立在信任和習慣基礎(chǔ)上的,他們希望用戶一直信任你,所以做好產(chǎn)品是第一位的!
寒武紀. render(“尾巴”)
本文由“云崛起”原創(chuàng)發(fā)布,未經(jīng)許可,禁止轉(zhuǎn)載!本文原創(chuàng)鏈接:http://www.xiaoweicao.cn/weixinfenxiao/2093.html