本文作者將對本次的米大師web改版設計進行了總結,主要是針對已知問題,從三個方面進行解決。
一、項目背景1、米大師web是什么?
米大師web是計費平臺部為公司以及合作方提供的,web端泛娛樂業(yè)務支付解決方案。后臺以sdk包提供給業(yè)務,前端以支付彈窗形式適配所有業(yè)務場景。
2、為什么要改版?
原版米大師web的后臺和前端還停留在 09 年,隨著接入業(yè)務增加,用戶的體驗問題也隨之出現。
看看舊版的界面,以qq會員開通為例:
二、設計目標
改版需要針對已知問題進行解決,設計主要從三個方面進行解決:
1、零散信息歸類整合,減少表單閱讀負擔
原來版面信息以表單呈現,信息分散,影響閱讀。改版把信息重新歸納整合,提高閱讀效率。
2、按照用戶路徑進行信息分區(qū),優(yōu)化視覺動線
原來版面商品信息和支付信息混雜一起,影響用戶處理效率。改版后按照用戶的路徑“選商品→支付商品”,重新進行信息分區(qū),優(yōu)化用戶視覺動線,提高處理效率。
歸納法&窮舉法
改版的最大目標是支付效率的提高。但是由于是場景內支付,有彈窗尺寸、業(yè)務情況不同的限制。因此方案需要綜合考慮所有因素,得出限制下的最優(yōu)方案。
(1)歸納法——分析支付方式步驟與頁面的關系
窮舉所有支付方式步驟,得出步驟與頁面的關系的表格。
(2)窮舉法——結合限制,制定最優(yōu)支付方案
根據步驟與頁面的關系表格,結合業(yè)務特點、彈窗尺寸限制,窮舉所有情況。
作為支持多種業(yè)務模式的支付方案,統(tǒng)一各業(yè)務場景下的體驗尤為重要,使其適用于多種業(yè)務,各種屏幕,同時減少開發(fā)的成本。