微信已經(jīng)成為了人們?nèi)粘I詈凸ぷ髦凶畛S玫牧奶燔浖?,所以微信的UI界面設(shè)計(jì)市場(chǎng)前景和需求都是非常不錯(cuò)的,下面我們跟隨小編一起來(lái)了解一下微信UI設(shè)計(jì)的相關(guān)資料吧。
微信UI設(shè)計(jì)技巧
一、友好禮貌
設(shè)計(jì)指南建立在充分尊重用戶知情權(quán)與操作權(quán)的基礎(chǔ)之上。旨在微信生態(tài)體系內(nèi),建立友好、高效、一致的用戶體驗(yàn),同時(shí)最大程度適應(yīng)和支持不同需求,實(shí)現(xiàn)用戶與小程序服務(wù)方的共贏。應(yīng)該注意減少無(wú)關(guān)的設(shè)計(jì)元素對(duì)用戶目標(biāo)的干擾,禮貌地向用戶展示提供的服務(wù),友好地引導(dǎo)用戶進(jìn)行操作。
二、重點(diǎn)突出
微信UI設(shè)計(jì)的每個(gè)頁(yè)面都應(yīng)有明確的重點(diǎn),以便于用戶每進(jìn)入一個(gè)新頁(yè)面的時(shí)候都能快速地理解頁(yè)面內(nèi)容,在確定了重點(diǎn)的前提下,應(yīng)盡量避免頁(yè)面上出現(xiàn)其他干擾項(xiàng)影響用戶的決策和操作。去掉任何與用戶目標(biāo)不相關(guān)的內(nèi)容,明確頁(yè)面主題,在技術(shù)和頁(yè)面控件允許的前提下提供有助于用戶目標(biāo)的幫助內(nèi)容,比如最近搜索詞,常用搜索詞等。

(圖片來(lái)自網(wǎng)絡(luò))
三、流程明確
為了讓用戶順暢地使用頁(yè)面,在用戶進(jìn)行某一個(gè)操作流程時(shí),應(yīng)避免出現(xiàn)用戶目標(biāo)流程之外的內(nèi)容而打斷用戶。一旦用戶使用我們的產(chǎn)品,我們就有責(zé)任和義務(wù)清晰明確地告知用戶身在何處、又可以往何處去,確保用戶在頁(yè)面中游刃有余地穿梭而不迷路,這樣才能為用戶提供安全的愉悅的使用體驗(yàn)。
四、導(dǎo)航明確,來(lái)去自如
導(dǎo)航是確保用戶在網(wǎng)頁(yè)中瀏覽跳轉(zhuǎn)時(shí)不迷路的最關(guān)鍵因素。導(dǎo)航需要告訴用戶,我在哪,我可以去哪,如何回去等問(wèn)題。首先在微信系統(tǒng)內(nèi)的所有小程序的全部頁(yè)面,均會(huì)自帶微信提供的導(dǎo)航欄,統(tǒng)一解決我在哪,如何回去的問(wèn)題。在微信層級(jí)導(dǎo)航保持體驗(yàn)一致,有助于用戶在微信內(nèi)形成統(tǒng)一的體驗(yàn)和交互認(rèn)知,無(wú)需在各小程序和微信切換中新增學(xué)習(xí)成本或改變使用習(xí)慣。

(圖片來(lái)自網(wǎng)絡(luò))
五、導(dǎo)航欄
微信導(dǎo)航欄,直接繼承于客戶端,除導(dǎo)航欄顏色之外,開(kāi)發(fā)者無(wú)需亦不可對(duì)其中的內(nèi)容進(jìn)行自定義。但開(kāi)發(fā)者需要規(guī)定小程序各個(gè)頁(yè)面的跳轉(zhuǎn)關(guān)系,讓導(dǎo)航系統(tǒng)能夠以合理的方式工作。
導(dǎo)航區(qū)(iOS):導(dǎo)航區(qū)通常只有一個(gè)操作,即返回上一級(jí)界面。
導(dǎo)航區(qū)(Android):同iOS一樣,導(dǎo)航區(qū)也只有一個(gè)返回上一級(jí)頁(yè)面的操作,而點(diǎn)擊安卓手機(jī)自帶的硬件返回鍵也起到相同作用。
微信導(dǎo)航欄分為導(dǎo)航區(qū)域、標(biāo)題區(qū)域以及操作區(qū)域。其中導(dǎo)航區(qū)控制程序頁(yè)面進(jìn)程。目前導(dǎo)航欄分深淺兩種基本配色。
想要完成一個(gè)好的微信UI設(shè)計(jì)作品,最重要的還是得緊緊貼近用戶的使用需求,讓用戶達(dá)到更好的使用體驗(yàn)感才是最重要的哦!


在微信中搜索faceui