小程序開(kāi)發(fā)技術(shù)知識(shí)分享
百分百努力只為您十分滿(mǎn)意 | 咨詢(xún)熱線(xiàn):17744477016(微信同號(hào))
百分百努力只為您十分滿(mǎn)意 | 咨詢(xún)熱線(xiàn):17744477016(微信同號(hào))
靈活高效:提供全局觀(guān)的入口式設(shè)計(jì)方案,不輕易陷入細(xì)節(jié)流程。設(shè)計(jì)模式具備可擴(kuò)展、完善包容的機(jī)制。
簡(jiǎn)單務(wù)實(shí):摒棄不必要的設(shè)計(jì)元素,追求利落適用的特質(zhì)。通盤(pán)考慮各端優(yōu)勢(shì),移動(dòng)端可作為復(fù)雜事項(xiàng)申辦引流入口,不可處理過(guò)于復(fù)雜的事項(xiàng)流程。
進(jìn)一步推導(dǎo)出基礎(chǔ)設(shè)計(jì)語(yǔ)言:
輕快:信息聚焦、扁平視覺(jué)、自然的視覺(jué)流、提高視覺(jué)信噪比;
親和:簡(jiǎn)潔緩和、完整統(tǒng)一、操作可靠,體驗(yàn)上連續(xù)舒適;
直率:結(jié)構(gòu)簡(jiǎn)單、信息富有韻律感,減少視覺(jué)分割和過(guò)于熱鬧的裝飾。
3.5 信息架構(gòu)構(gòu)建
?。?)For 用戶(hù) – 以“辦事為中心”組織整體信息
按相關(guān)部門(mén)主持的服務(wù)來(lái)組織功能是當(dāng)前常見(jiàn)的處理方式,但這種組織方式從用戶(hù)調(diào)研的反饋來(lái)看,用戶(hù)并不能把事情和各個(gè)主管部門(mén)一一對(duì)應(yīng),且許多事情需要多個(gè)部門(mén)配合處理。所以常見(jiàn)的“部門(mén)”組織方式,不是直接解決用戶(hù)問(wèn)題的方式。因此擯棄以主管部門(mén)為維度的歸類(lèi)方式,換成改同類(lèi)事情的集合。
(2)For 服務(wù) – 基于地市組織服務(wù)信息
按行政屬地劃分是當(dāng)前各類(lèi)政務(wù)服務(wù)能力的基本組織形式,這種形式和基于地理的模型有許多共通之處,像訂餐、差旅等行業(yè)都是以屬地來(lái)組織信息的常見(jiàn)例子,這種模型和我們的情況最吻合。從服務(wù)側(cè)來(lái)看,這樣可以根據(jù)地理位置直接匹配相應(yīng)的服務(wù)提供方。從用戶(hù)側(cè)來(lái)看,也可以更準(zhǔn)確的提交服務(wù)訴求。
?。?)For 合作 – 劃分三級(jí)頁(yè)面體系
總體上,我們把小程序的架構(gòu)處理成小程序主體+各個(gè)功能模塊二級(jí)首頁(yè)+具體辦事流程頁(yè)的三級(jí)體系。
小程序首頁(yè)與各種全局功能(如登錄、消息、進(jìn)度、搜索等),涉及的內(nèi)容直接反應(yīng)小程序的初始體驗(yàn)感受。我們將這部分內(nèi)容定義為“全部模型設(shè)計(jì)”的范疇,由數(shù)廣設(shè)計(jì)團(tuán)隊(duì)主刀。 二級(jí)首頁(yè)即各個(gè)業(yè)務(wù)的服務(wù)大廳,影響用戶(hù)對(duì)業(yè)務(wù)的感知。我們將這部分內(nèi)容定義為“業(yè)務(wù)模型設(shè)計(jì)”,同樣由數(shù)廣設(shè)計(jì)團(tuán)隊(duì)主刀,可以保證多業(yè)務(wù)的體驗(yàn)一致性。
而業(yè)務(wù)流程,我們則交給對(duì)業(yè)務(wù)熟悉程度更高的開(kāi)發(fā)商。數(shù)廣定制“流程模型”規(guī)范,讓不同開(kāi)放商能按照統(tǒng)一標(biāo)準(zhǔn),在2個(gè)月內(nèi)把152個(gè)事項(xiàng)接入到粵省事中。
4. 設(shè)計(jì)實(shí)施4.1 主程序設(shè)計(jì)
(1)以用戶(hù)為中心,以證件為切入點(diǎn)
在過(guò)往的線(xiàn)上服務(wù)系統(tǒng)中,服務(wù)提供方傾向一次性展示更多的功能,希望眾多功能總有一個(gè)是用戶(hù)需要的。但這并不是以幫助用戶(hù)辦成事為第一目標(biāo)的設(shè)計(jì)思維。
在前文中提到以事情為中心的信息組織方式,是為了讓信息架構(gòu)成更扁平直觀(guān),從而更易于用戶(hù)理解。于是我們嘗試了第一種整體的布局方案,小程序整體分為“服務(wù)”“證件”“我”三個(gè)大的tab。但從用研測(cè)試反饋來(lái)看,相對(duì)具體的服務(wù)事項(xiàng),證件才是用戶(hù)對(duì)業(yè)務(wù)的第一認(rèn)知方式。
同時(shí),粵省事的小程序?qū)傩?,?dǎo)致再次嵌套底部導(dǎo)航的體驗(yàn)不夠輕便。于是在僅剩1個(gè)月就要上線(xiàn)的前夕,我們推翻了第一種方案。把證件放到了首頁(yè)的C位,強(qiáng)化了證件的展示,通過(guò)最易理解的信息元素引導(dǎo)用戶(hù)探索其他常用的功能。證件本體的設(shè)計(jì)上,我們更多采用了輕質(zhì)感擬物化設(shè)計(jì)。從實(shí)體證件中提取具有識(shí)別性的顏色和特征圖形,進(jìn)行視覺(jué)優(yōu)化。同時(shí),在 “視覺(jué)的顏色” 和 “跟真實(shí)顏色走” 兩個(gè)點(diǎn)間,我們選擇了跟真實(shí)顏色走。通過(guò)這些簡(jiǎn)單而必要的視覺(jué)隱喻,減少用戶(hù)記憶壓力,從直觀(guān)層面上理解業(yè)務(wù),更快作出反應(yīng)和決定。
?。?)入口信息處理
作為承載各類(lèi)服務(wù)的平臺(tái),我們初次面對(duì)的是需要容納142個(gè)細(xì)項(xiàng)的業(yè)務(wù),后續(xù)還會(huì)不斷的增加更多事項(xiàng)。如果不加以規(guī)范,很容易出現(xiàn)入口堆砌的窘境。既要保證服務(wù)內(nèi)容的完整展示,又要保證用戶(hù)能便捷地找到相關(guān)的內(nèi)容,我們對(duì)首頁(yè)的入口展現(xiàn)形式做了特定處理。
保持友好:在視覺(jué)表現(xiàn)上通過(guò)對(duì)留白和字號(hào)的控制,讓用戶(hù)盡可能舒適地瀏覽多入口信息。在類(lèi)別標(biāo)題上盡可能選用簡(jiǎn)單的名詞來(lái)命名,不需要再次轉(zhuǎn)譯信息。