雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

微信UI設(shè)計技巧,讓用戶使用感更高的秘密

Time: 2020-01-09

微信已經(jīng)成為了人們?nèi)粘I詈凸ぷ髦凶畛S玫牧奶燔浖?,所以微信的UI界面設(shè)計市場前景和需求都是非常不錯的,下面我們跟隨小編一起來了解一下微信UI設(shè)計的相關(guān)資料吧。


微信UI設(shè)計技巧

一、友好禮貌

  設(shè)計指南建立在充分尊重用戶知情權(quán)與操作權(quán)的基礎(chǔ)之上。旨在微信生態(tài)體系內(nèi),建立友好、高效、一致的用戶體驗,同時最大程度適應(yīng)和支持不同需求,實現(xiàn)用戶與小程序服務(wù)方的共贏。應(yīng)該注意減少無關(guān)的設(shè)計元素對用戶目標(biāo)的干擾,禮貌地向用戶展示提供的服務(wù),友好地引導(dǎo)用戶進(jìn)行操作。

  二、重點(diǎn)突出

  微信UI設(shè)計的每個頁面都應(yīng)有明確的重點(diǎn),以便于用戶每進(jìn)入一個新頁面的時候都能快速地理解頁面內(nèi)容,在確定了重點(diǎn)的前提下,應(yīng)盡量避免頁面上出現(xiàn)其他干擾項影響用戶的決策和操作。去掉任何與用戶目標(biāo)不相關(guān)的內(nèi)容,明確頁面主題,在技術(shù)和頁面控件允許的前提下提供有助于用戶目標(biāo)的幫助內(nèi)容,比如最近搜索詞,常用搜索詞等。


2.jpg

(圖片來自網(wǎng)絡(luò))


  三、流程明確

  為了讓用戶順暢地使用頁面,在用戶進(jìn)行某一個操作流程時,應(yīng)避免出現(xiàn)用戶目標(biāo)流程之外的內(nèi)容而打斷用戶。一旦用戶使用我們的產(chǎn)品,我們就有責(zé)任和義務(wù)清晰明確地告知用戶身在何處、又可以往何處去,確保用戶在頁面中游刃有余地穿梭而不迷路,這樣才能為用戶提供安全的愉悅的使用體驗。

  四、導(dǎo)航明確,來去自如

  導(dǎo)航是確保用戶在網(wǎng)頁中瀏覽跳轉(zhuǎn)時不迷路的最關(guān)鍵因素。導(dǎo)航需要告訴用戶,我在哪,我可以去哪,如何回去等問題。首先在微信系統(tǒng)內(nèi)的所有小程序的全部頁面,均會自帶微信提供的導(dǎo)航欄,統(tǒng)一解決我在哪,如何回去的問題。在微信層級導(dǎo)航保持體驗一致,有助于用戶在微信內(nèi)形成統(tǒng)一的體驗和交互認(rèn)知,無需在各小程序和微信切換中新增學(xué)習(xí)成本或改變使用習(xí)慣。


1.jpg

(圖片來自網(wǎng)絡(luò))


  五、導(dǎo)航欄

  微信導(dǎo)航欄,直接繼承于客戶端,除導(dǎo)航欄顏色之外,開發(fā)者無需亦不可對其中的內(nèi)容進(jìn)行自定義。但開發(fā)者需要規(guī)定小程序各個頁面的跳轉(zhuǎn)關(guān)系,讓導(dǎo)航系統(tǒng)能夠以合理的方式工作。

  導(dǎo)航區(qū)(iOS):導(dǎo)航區(qū)通常只有一個操作,即返回上一級界面。

  導(dǎo)航區(qū)(Android):同iOS一樣,導(dǎo)航區(qū)也只有一個返回上一級頁面的操作,而點(diǎn)擊安卓手機(jī)自帶的硬件返回鍵也起到相同作用。

  微信導(dǎo)航欄分為導(dǎo)航區(qū)域、標(biāo)題區(qū)域以及操作區(qū)域。其中導(dǎo)航區(qū)控制程序頁面進(jìn)程。目前導(dǎo)航欄分深淺兩種基本配色。


  想要完成一個好的微信UI設(shè)計作品,最重要的還是得緊緊貼近用戶的使用需求,讓用戶達(dá)到更好的使用體驗感才是最重要的哦!


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開