1. 程式人生 > >小打卡PRD

小打卡PRD

跳轉 開放 按鈕 名稱 mage 堅持 目標 交互設計 點擊取消按鈕

目標:打造一款不同於市場上的公開打卡app的產品

理念:通過監督和鼓勵,和相同圈子的人一起互相鼓勵、分享及監督,共同進步。

優點:

模板消息通知,網上基本通過小程序中邏輯層JS完成推送的請求,小打卡在通知方面采用服務器端異步任務推送,使用了高性能分布式內存隊列系統BEANSTALKD,來實現模板消息的異步定時推送。

數據庫方面,因為要實現每月、每周或者指定時間段的打卡排名系統這個功能,目前數據庫單張數據表已經超過幾十萬條數據記錄,通過數據庫查詢排名統計不可行。這裏需要用到Redis高性能數據庫來緩存數據,並采用Rediszset有序集合來進行不同方面的排序和查詢


功能模塊:

技術分享圖片


前端UI設計:
如墨刀
首頁交互設計

  1. 點擊頭像 會toast登陸成功
  2. 創建一個新的打卡按鈕跳轉至新建打卡頁
  3. 點擊我管理的打卡的回收箱在打卡旁邊生成刪除、取消按鈕並隱藏打卡/已打卡按鈕,點擊取消按鈕隱藏刪除、取消按鈕並恢復打卡、已打卡按鈕,再次點擊回收箱隱藏刪除、取消按鈕並恢復打卡/已打卡按鈕
  4. 點擊我管理的打卡列表/我參加的打卡/打卡按鈕 跳轉至 打卡詳情頁
  5. 打卡按鈕打卡成功後變成“已打卡”並灰化

技術分享圖片

新建打卡頁交互設計

  1. 可以輸入活動標題
  2. 開始結束時間為兩個選項,點指定開始結束日期時會在下面顯示 出開始日期:日期選擇器&結束日期:日期選擇器
  3. 點擊開始報名費,彈窗提示“付費打卡”功能面向優質社群開放!請關註公眾號“小打卡”,回復“付費打卡”申請使用資格 點“確定”返回
  4. 下一步按鈕 跳轉 編輯打卡詳情頁

技術分享圖片

編輯打卡詳情頁交互設計

  1. 點擊修改頭像可以更換頭像
  2. 群主簡介可輸入emoji表情
  3. 點擊下一步按鈕跳轉打卡詳情

技術分享圖片

打卡詳情頁面交互設計

  1. 點擊邀請好友進入邀請好友頁
  2. 點擊編輯詳情跳轉編輯打卡詳情頁
  3. 修改昵稱跳轉打卡設置
  4. 點擊打卡按鈕跳轉發表日記頁
  5. 點擊發布主題打卡跳轉打卡主題
  6. 點擊添加一個新的打卡契約跳轉創新的打卡契約頁(加入活動必須支付傭金、每日的契約金、打卡目標)
  7. 日記、詳情、成員(日記、詳情後來的放在前面、成員新來的放後面)

技術分享圖片

發表日記頁交互設計

  1. 可以輸入、上傳照片、語音、錄視頻
  2. 點擊所在位置可以顯示目前位置
  3. 誰可看可設置為私密
  4. 點擊發表日記生成成就卡

技術分享圖片

技術分享圖片

發現頁交互設計

  1. 點擊各個模塊可以切換對應的列表
  2. 點擊每個列表中內容跳轉打卡詳情可以點擊立即參加按鈕

技術分享圖片

我的頁面交互設計

  1. 點擊修改個人資料進入編輯資料
  2. 點擊我的評論看到我的評論列表
  3. 我的贊看到贊的列表
  4. 我的打卡日記可以點擊詳情、評論、贊

技術分享圖片


模板消息:

  提示語:打卡參與成功
  活動名稱 [用嘴讀書 第一季]
  打卡時間 00:01:00~23:59:00
  備註:記得堅持打呦~
  進入小程序查看 >

  提示語:有人喊你回來打卡啦~
  活動名稱 [用嘴讀書 第一季]
  備註:7019人在打卡,就差你了!
  立即打卡>>
  進入小程序查看 >

  提示語:打卡創建成功
  活動名稱 [哈哈一起來讀書吧]
  打卡時間 00:01:00~23:59:00
  備註:你可以邀請小夥伴一起來打卡呦~
  立即邀請>>
  進入小程序查看 >

以上只作為個人學習練習使用

小打卡PRD