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