隨手記V12 · 改變正當時
在過去的八年裡,隨手記作為移動記賬時代的開創者,先後推出“記一筆”、“情景賬本”、“多人記賬”等耳目一新的功能,截至目前累計下載使用者超過2.2億,據權威資料顯示,隨手記在活躍使用者規模、使用者使用時長方面穩居記賬理財行業第一位。
終端裝置的換代,對介面設計的要求也在不斷的進化,為了給大家提供更好的操作體驗和全新的視覺感官,我們對隨手記進行了V12改版升級。
設計目標
_____________________
根據產品屬性、特徵以及現實狀況,我們圍繞 “迴歸工具屬性、讓專業可感知、平衡繁與簡” 三個關鍵點,對部分功能進行了重構優化,對視覺表現進行了全面的升級。
關鍵點一:迴歸工具屬性
隨手記作為工具的主屬性還是沒有改變的,因此作為工具特徵元素的工具欄,在V12中得到了明確與強調。將功能組合形成明確的工具欄形態,有助於使用者對功能進行更快速的選擇與定位,從而實現更快捷的財務管理。
首頁頂部整合了賬本選擇入口和支援使用者自定義的功能入口,形成頂部導航欄,讓賬本切換的引導更合理、更直接,快捷入口的自定義也更具擴充套件性和靈活性;流水等頁頂部也將各功能入口整合到導航欄上,和首頁形成呼應的同時,頁面層級結構也更統一;不減功能的前提下通過整理組織,增強模組清晰度,能夠讓使用者更直接更快捷的觸達功能。
優化流水列表結構,讓層級更凸顯,內容條目更清晰。通過有效的排版組織,多種分割形式的合理運用,形成具有強擴充套件性,統一化、標準化的多維度、多層級流水列表。
關鍵點二:讓專業可感知
在產品自身特色方面,隨手記同源於金蝶,擁有深度專業的財務知識沉澱與財務管理經驗。專業,也是隨手記領先競爭對手的一大優勢。過往的版本在個性主題和使用者自定義等情感化功能得到使用者認可的同時,專業感知則相對有所減弱,而這次 V12 改版,旨在加強使用者對於產品的專業感知,讓隨手記不僅內在專業,在感官表現上也同樣是專業的。
關鍵點三:平衡繁與簡
專業、強大意味著功能需要考慮不同層級的使用者,必須具備廣泛的涵蓋度甚至是一定的複雜度。另一層面,易用、美觀的應用卻通常又是簡約的。那要讓專業強大的工具,易用而美觀,看似是矛盾的,但其實只要做到繁簡有度,分場景把控好繁簡的取捨,就能將兩者平衡好。
將形式融於功能,不為形式簡而簡功能。去除冗餘之後再對元素進行合適的組合、隱藏、轉移,用化繁為簡的設計語言,將強大的各功能模組進行整合,使之相得益彰。不畏“繁”,通過設計的解構重構,賦予介面相對的,而非絕對的“簡”。不因為功能的專業、全面、有深度而選擇淺嘗或進行勉強的刪減。
設計呈現
___________________
在改版設計過程中,從上述三個關鍵點出發,將設計形式始終貼合功能,不盲目去追逐流行的樣式。結合經典又不被流行束縛,就能擁有更大的表現彈性,在更廣的表現域中選取與功能相應的方式。
我們不把酷炫亦或極簡作為設計的目標,而是選擇符合產品基調的設計方向進行輸出。符合產品基調的設計才會是目標使用者潛意識中所期望的。適合,是我們考慮的首要條件。基於此,我們把控顏色、字型等基本要素,去設計呈現最佳的、最合適的效果。
1. 顏色
在色彩的選擇方面,我們避免使用高純度的撞色組合,儘量做到色彩更輕,保持專業嚴謹的感知。在細微之處使用多彩點綴,讓專業的工具化的介面避免顯得過於冷漠與沉寂。
2. 字型
使用系統常規的無襯線黑體相對有襯線字型及各類異體字,更加的簡潔,嚴謹,中性,更符合功能性和現代感的要求。也避免因為載入過大的中文字型包使應用本身體量過大。
3. 質感
V12 中我們不排斥也不濫用質感,將其控制在一定的範圍和程度內,在平衡效率的前提下用來引導、暗示操作,突出重點劃分空間與層次,遵循自然的邏輯。使用一定的材質營造氛圍,有效提升工具介面的豐富感。
4. 形狀
形狀主要以圖示,卡片等元素形式呈現在介面中。圖示設計上,我們使用細線勾勒出以規則幾何圖形組合成的形狀,保證嚴謹、細緻、專業的感知,避免隨性的線條產生隨意和不穩定感。卡片定義為方正的小圓角矩形,嚴肅而不呆板。
5. 圖文率
圖在介面中的佔比過大,會顯得娛樂化,個性化,降低專業感和嚴謹性。在工具化的,專業嚴謹的頁面需要將圖文率控制在較小的範圍。
6. 內容量
在內容量的控制上,合理規劃元素在頁面上的分佈,通過豐富的內容給使用者更強的信任感和專業感。避免頁面出現過大的負空間造成空洞、功能性較弱等感知。
V12改版除了介面的優化升級,在閃屏、引導頁等風格化頁面或圖形上也進行了全新的設定。另外,Logo去除邊框打破邊界, “改變正當時” !
寫在最後
目前隨手記V12 版已上線,歡迎大家在各大應用市場下載體驗,您的支援,是我們前行的動力。
Project : 隨手記V12改版
Design Team : 產品設計中心
Designer : 戶一紙 / 3HUO / SHU SHU / 大飛 / THX-S …