項目簡介:
項目進展整體歷時一個多月,其中交互設(shè)計Axture原型約60頁在二三周內(nèi)設(shè)計完成,修改完畢視覺設(shè)計、修改、前端切圖標注在二三周內(nèi)設(shè)計完成。
雙方都非常重視此產(chǎn)品的易用性和視覺效果,一次通過首頁設(shè)計方案,后續(xù)頁面的設(shè)計做到 提交及時溝通,修改。
界面設(shè)計 | 交互設(shè)計 | 圖標設(shè)計
贊同科技成立于1993年,員工1000多人,是集金融軟件開發(fā)、銷售、服務(wù)為一體的高新技術(shù)企業(yè),本次為贊同科技設(shè)計銀行智能網(wǎng)點Ipad應(yīng)用全套UE+UI圖,此設(shè)備的用戶群體是銀行大堂經(jīng)理和客戶經(jīng)理和部分顧客。藍藍設(shè)計在視覺設(shè)計前對Ipad端金融類APP進行大量內(nèi)部的探討與實踐,并努力向客戶學習了解銀行業(yè)的業(yè)務(wù),最終設(shè)計了此套結(jié)合用戶習慣與產(chǎn)品特點的交互和視覺設(shè)計!
項目進展整體歷時一個多月,其中交互設(shè)計Axture原型約60頁在二三周內(nèi)設(shè)計完成,修改完畢視覺設(shè)計、修改、前端切圖標注在二三周內(nèi)設(shè)計完成。
雙方都非常重視此產(chǎn)品的易用性和視覺效果,一次通過首頁設(shè)計方案,后續(xù)頁面的設(shè)計做到 提交及時溝通,修改。
客戶方的產(chǎn)品經(jīng)理和需求經(jīng)理對銀行業(yè)務(wù)有多年了解,提供了需求文檔。
根據(jù)需求文檔,藍藍設(shè)計參考多家銀行pad端金融類應(yīng)用,作為贊同科技的產(chǎn)品,此產(chǎn)品將來會出售給多家銀行,所以本項目的交互也需要考慮到拓展性和適應(yīng)各種情況。大的布局.上重點參考了網(wǎng)易根據(jù)需求文檔,藍藍設(shè)計參考多家銀行pad端金融類應(yīng)用,作為贊同科技的產(chǎn)品,此產(chǎn)品將來會出售給多家銀行,所以本項目的交互也需要考慮到拓展性和適應(yīng)各種情況。大的布局.上重點參考了網(wǎng)易的 局交互方式,這種形式在拓展性和適用性上有優(yōu)勢。交互設(shè)計以重點突出,功能明確、易用直觀大數(shù)據(jù)化表達為核心,此交互設(shè)計的難點在于:選擇合適的表達方式,用圖表?圖形?還是表格?難以通過文檔就準確的畫出原型,需要雙方更多的討論和確定布局的方式,
根據(jù)需求文檔,藍藍設(shè)計參考多家銀行pad端金融類應(yīng)用,作為贊同科技的產(chǎn)品,此產(chǎn)品將來會出售給多家銀行,所以本項目的交互也需要考慮到拓展性和適應(yīng)各種情況。大的布局上重點參考了網(wǎng)易云音樂,這部被廣泛認可的APP布局交互方式,這種形式在拓展性和適用性上有優(yōu)勢。交互設(shè)計以重點突出,功能明確、易用直觀大數(shù)據(jù)化表達為核心,此交互設(shè)計的難點在于:選擇合適的表達方式,用圖表?圖形?還是表格?需要對銀行業(yè)務(wù)和用戶喜好的判斷和了解,難以只通過需求文檔就準確的畫出原型,需要雙方更多的討論和確定布局的方式。
主色選用比較鮮亮的 黃 和明亮的 藍 色形成對比,讓主要內(nèi)容更加醒目:黃色選自客戶提供的logo色,藍色則來自于色環(huán)中黃色的補色。
導航的棕色是客戶vi標準里用到的顏色,紅色主要運用到一些提示或警示信息里邊!灰色則主要用于背景,讓布局分明,層次突出等特點。
整體布局主要考慮用戶習慣和操作等習慣采用簡單的左右布局;左側(cè)導航區(qū),右側(cè)為功能區(qū)和二級菜單按鈕區(qū),讓用戶可以實現(xiàn)手持操作的一些習慣與快捷的功能分區(qū),減少誤操作的發(fā)生!