隨著移動(dòng)互聯(lián)網(wǎng)市場(chǎng)的快速發(fā)展 ,微信小程序也得到了快速發(fā)展,那么微信小程序應(yīng)該如何設(shè)計(jì)呢?它的設(shè)計(jì)規(guī)則有哪些呢?接下來和茂鴻小編一起來了解一下吧!
規(guī)則一:視覺感官
視覺上的輕盈是首當(dāng)其沖的,給用戶的直觀感受會(huì)影響用戶首次的體驗(yàn)。在產(chǎn)品不斷迭代的過程中,有些功能會(huì)逐漸邊緣化,這在視覺處理上要有明確的表示。一般來說,微信小程序在視覺感官設(shè)計(jì)上應(yīng)該遵守以下兩點(diǎn):
1.去除冗余減少線條:其實(shí)這屬于扁平化視覺的處理,去除邊界和明顯的區(qū)隔,更多是讓內(nèi)容本身來展現(xiàn)和區(qū)隔。
2.視覺統(tǒng)一輕松操作:界面中視覺效果高度統(tǒng)一會(huì)讓頁面清晰協(xié)調(diào),用戶在操作過程中認(rèn)知成本低,使用起來簡(jiǎn)單輕松。
規(guī)則二:交互設(shè)計(jì)
在小程序交互的設(shè)計(jì)中,交互過程應(yīng)該盡量貼合用戶的使用習(xí)慣,這也需要在前期調(diào)查中下很大的功夫。其次,小程序的交互界面不宜太繁瑣,應(yīng)該盡量簡(jiǎn)潔、明了。一般來說,交互設(shè)計(jì)應(yīng)該遵守以下兩點(diǎn):
1.優(yōu)化標(biāo)簽編輯邏輯:寫標(biāo)簽是灰評(píng)區(qū)別于其他測(cè)評(píng)軟件的一個(gè)標(biāo)志,所以在初期寫標(biāo)簽是個(gè)非常重要且值得強(qiáng)調(diào)的功能。
2.復(fù)用位置靈活變化減輕頁面:在一些內(nèi)容較多的頁面,編輯或者滑動(dòng)時(shí),能靈活把控一些控件的變換可以有效利用有限的空間而不影響操作體驗(yàn),但前提是控件變化后不影響操作使用。
規(guī)則三:內(nèi)容展示和視覺設(shè)計(jì)一樣重要
作為視覺設(shè)計(jì),可能都有一種終于有機(jī)會(huì)發(fā)表自己喜愛的形式的感受,但在具體的產(chǎn)品設(shè)計(jì)中不一定合適,在形式感和內(nèi)容顯示上做了錯(cuò)誤的取舍。當(dāng)然,經(jīng)過更久推敲或許也會(huì)有更優(yōu)的解決方案。雖然小程序的未來和本產(chǎn)品的未來都未可知,但是在設(shè)計(jì)探索的過程中成長是飛快的,希望大家在進(jìn)行小程序設(shè)計(jì)的時(shí)候,不要忘記了小程序本身想要表達(dá)的意思。
現(xiàn)在為您準(zhǔn)備了 “30余種破冰營銷案例”,免費(fèi)贈(zèng)送給您;您只需要關(guān)注微信公眾號(hào)“乙企孵”回復(fù):“好友”找我們索取即可。
上海茂鴻文化傳播有限公司版權(quán)所有 滬ICP備15047936號(hào)-2 如有圖片侵權(quán)請(qǐng)及時(shí)聯(lián)系本站,及時(shí)刪錯(cuò)或更改