小打卡PRD
阿新 • • 發佈:2018-01-31
跳轉 開放 按鈕 名稱 mage 堅持 目標 交互設計 點擊取消按鈕
目標:打造一款不同於市場上的公開打卡app的產品
理念:通過監督和鼓勵,和相同圈子的人一起互相鼓勵、分享及監督,共同進步。
優點:
模板消息通知,網上基本通過小程序中邏輯層JS完成推送的請求,小打卡在通知方面采用服務器端異步任務推送,使用了高性能分布式內存隊列系統BEANSTALKD,來實現模板消息的異步定時推送。
數據庫方面,因為要實現每月、每周或者指定時間段的打卡排名系統這個功能,目前數據庫單張數據表已經超過幾十萬條數據記錄,通過數據庫查詢排名統計不可行。這裏需要用到Redis高性能數據庫來緩存數據,並采用Redis的zset有序集合來進行不同方面的排序和查詢
功能模塊:
前端UI設計:
如墨刀
首頁交互設計
- 點擊頭像 會toast登陸成功
- 創建一個新的打卡按鈕跳轉至新建打卡頁
- 點擊我管理的打卡的回收箱在打卡旁邊生成刪除、取消按鈕並隱藏打卡/已打卡按鈕,點擊取消按鈕隱藏刪除、取消按鈕並恢復打卡、已打卡按鈕,再次點擊回收箱隱藏刪除、取消按鈕並恢復打卡/已打卡按鈕
- 點擊我管理的打卡列表/我參加的打卡/打卡按鈕 跳轉至 打卡詳情頁
- 打卡按鈕打卡成功後變成“已打卡”並灰化
新建打卡頁交互設計
- 可以輸入活動標題
- 開始結束時間為兩個選項,點指定開始結束日期時會在下面顯示 出開始日期:日期選擇器&結束日期:日期選擇器
- 點擊開始報名費,彈窗提示“付費打卡”功能面向優質社群開放!請關註公眾號“小打卡”,回復“付費打卡”申請使用資格 點“確定”返回
- 下一步按鈕 跳轉 編輯打卡詳情頁
編輯打卡詳情頁交互設計
- 點擊修改頭像可以更換頭像
- 群主簡介可輸入emoji表情
- 點擊下一步按鈕跳轉打卡詳情
打卡詳情頁面交互設計
- 點擊邀請好友進入邀請好友頁
- 點擊編輯詳情跳轉編輯打卡詳情頁
- 修改昵稱跳轉打卡設置
- 點擊打卡按鈕跳轉發表日記頁
- 點擊發布主題打卡跳轉打卡主題
- 點擊添加一個新的打卡契約跳轉創新的打卡契約頁(加入活動必須支付傭金、每日的契約金、打卡目標)
- 日記、詳情、成員(日記、詳情後來的放在前面、成員新來的放後面)
發表日記頁交互設計
- 可以輸入、上傳照片、語音、錄視頻
- 點擊所在位置可以顯示目前位置
- 誰可看可設置為私密
- 點擊發表日記生成成就卡
發現頁交互設計
- 點擊各個模塊可以切換對應的列表
- 點擊每個列表中內容跳轉打卡詳情可以點擊立即參加按鈕
我的頁面交互設計
- 點擊修改個人資料進入編輯資料
- 點擊我的評論看到我的評論列表
- 我的贊看到贊的列表
- 我的打卡日記可以點擊詳情、評論、贊
模板消息:
提示語:打卡參與成功
活動名稱 [用嘴讀書 第一季]
打卡時間 00:01:00~23:59:00
備註:記得堅持打呦~
進入小程序查看 >
提示語:有人喊你回來打卡啦~
活動名稱 [用嘴讀書 第一季]
備註:7019人在打卡,就差你了!
立即打卡>>
進入小程序查看 >
提示語:打卡創建成功
活動名稱 [哈哈一起來讀書吧]
打卡時間 00:01:00~23:59:00
備註:你可以邀請小夥伴一起來打卡呦~
立即邀請>>
進入小程序查看 >
以上只作為個人學習練習使用
小打卡PRD