從微信、公眾號、微信支付再到小程序，微信正在從一個「即時通訊工具」變成一個「操作系統(tǒng)」。而大家在制作的時候也總是會拿app來進(jìn)行比較，hishop在制作小程序時看了小程序的UI部分的設(shè)計原則，今天就拿它和蘋果的HIG(Human Interface Guidelines)做個比較（公眾號快速注冊并認(rèn)證小程序），其實兩者在一些大的原則處理上可以說是一致的。

　　一、友好禮貌

　　對應(yīng)蘋果規(guī)范：Less is more

　　蘋果早在iOS7的時候就做了非常大的界面調(diào)整，以內(nèi)容為主，去掉所有干擾用戶的元素，這個風(fēng)格一直延續(xù)至今。

　　微信小程序的設(shè)計規(guī)范在一開始就堅持了這個原則，并以正反例示意。不允許在搜索的頁面上放置不相關(guān)的元素，盡量添加最近搜索詞，常用搜索詞;也不要給用戶太多的選擇項。

　　官方錯誤示例，在搜索頁面添加無用信息

　　頁面的導(dǎo)航也要按照用戶的預(yù)期進(jìn)行，進(jìn)入一個頁面時，不應(yīng)該彈出無關(guān)的廣告，盡量要少使用彈窗一類的控件。

　　官方錯誤示例，進(jìn)入頁面彈出與功能無關(guān)廣告

　　二、清晰明確

　　對應(yīng)蘋果規(guī)范：Clarity

　　蘋果的HIG三大原則之首就是清晰，這里面包含了幾種含義，其中之一就是為了通過導(dǎo)航欄設(shè)置解答用戶的三大疑問：

　　當(dāng)前在哪

　　可以去到哪

　　去的地方是可以做什么的

　　微信小程序的設(shè)計規(guī)范中也再次強調(diào)了導(dǎo)航設(shè)計清晰的重要性，并且直接在微信層面就把當(dāng)前去哪和如何回去的問題解決了。一般導(dǎo)航欄除了根據(jù)自己品牌的調(diào)性去更改顏色之外，沒有什么需要去做的了。

　　最好不要在微信導(dǎo)航頁面內(nèi)再鑲嵌一個自有導(dǎo)航欄，如果需要盡量使用Tab,包括底部和頂部樣式，數(shù)量盡量控制在2-4個，放太多不利于用戶操作。

　　官方提供的底部標(biāo)簽和頂部Tab樣式

　　三、反饋及時

　　對應(yīng)蘋果規(guī)范：Responsiveness

　　微信小程序規(guī)范花了大量的篇幅強調(diào)加載頁面必須要及時有反饋。除了啟動頁有l(wèi)ogo之外，其余元素都不能改動，很多程序內(nèi)的反饋動畫都是微信自定義的，這一點跟iOS原生app的靈活性有很大的差別。

　　但是不管是微信小程序還是iOS原生app，他們在大的原則上是一致的，必須要確保界面對用戶的操作做出及時的響應(yīng)反饋，哪怕是在加載。

　　下拉刷新樣式和局部加載示例

　　而微信小程序提供了三種結(jié)果提示方式，提示效果從輕至強分別為小彈窗提示、模態(tài)框提示和單獨成功結(jié)果頁面。小編建議在操作反饋時用模態(tài)框提示，詢問行為的時候用小彈窗提示，表單提交后用單獨頁面提示。

　　模態(tài)框提示、小彈窗提示、成功結(jié)果頁面

　　對于異常情況的處理設(shè)計，一定要基于異常情況要明確告知用戶哪里出了問題，、應(yīng)該如何解決。如果在表單中出現(xiàn)錯誤，小程序應(yīng)該在頂部彈出提示，并在錯誤項目的右側(cè)提供錯誤icon，以便用戶定位問題。

　　表單錯誤提示示例