这几天我在不断地优化交互,把不必要的地方进行了弱化,以下直接按照最新的方案进行设计。

产品结构

流程图

交互原型图

先放一张总览图:

 

“设定目标”页:

 

交互说明:

  • 输入内容后,“下一步”变为可点击状态。内容无法为空

  • 点击“下一步”跳转到“设定奖励金额”页

  • 第一次打开App时,启动此页

  • 完成设定后,再次启动App则不再显示此页

  • 若未完成设定,则每次启动都会打开此页

  • 最多12个汉字(包括标点符号、空格)

  • 可为英文数字,最多24个字母,2个字母相当于1个汉字(包括标点符号、空格)

 

 

“设定奖励金额”页:

交互说明:

  • 输入金额后,点击键盘的“OK”完成设定,进入首页
  • 金额无法为0
  • 最多到小数点两位,超过两位的点击无响应
  • 点击左上角的返回箭头,则返回到“设定目标”页
  • 可输入金额范围为0.01至99999

 

 

 

“主页”:

交互说明:

  • 起始状态金额为0
  • 完成目标时,点击“完成一次”则增加相应金额的收入
  • 点击完成一次,弹出“完成一次目标”的浮层,点击浮层以外的地方关闭浮层,在历史记录中增加相应的记录
  • 右上角的图标,点击进入“奖励自己”页,输入金额后会回到主页,总金额相应减少,同时在历史记录中会有相应的记录。
  • 左上角的图标,点击弹出“重新设定”弹窗
  • 资产总额=总收入-总支出
  • 当总支出大于总收入时,资产总额可为“负值”,样式可参考“-5400.00”

 

 

“完成一次目标”页:

交互说明:

  • 点击浮层以外的地方,浮层消失
  • 点击“X”,浮层消失
  • 点击浮层,无响应

 

 

交互说明:

  • 点击“X”,关闭此页,回到主页
  • 输入金额后,点击键盘的“OK”完成设定,进入首页
  • 金额无法为0
  • 最多到小数点两位,超过两位的点击无响应
  • 可输入金额范围为0.01至99999

 

“重新设定”页:

交互说明:

  • 点击“取消”,回到主页
  • 点击“重新设定”,则跳转到“设定目标”页。同时所有数据清空

 

这个App在经过反复思量过后,精简了很多功能,只保留了最基本的东西。我个人比较喜欢轻量的有针对性解决问题的App。

当然,这里一定有很多思考不周全的地方,欢迎大神多多指点~