打卡功能交互設(shè)計(jì)是最近面試的時(shí)候遇到的一個(gè)試題幽歼，在發(fā)給面試官的內(nèi)容基礎(chǔ)上作了進(jìn)一步的整理躬窜，完善了一些沒有注意的步驟和細(xì)節(jié)問題讯嫂。
一蹦锋、功能需求：
1、實(shí)現(xiàn)打卡功能
2欧芽、查看打卡記錄
目標(biāo)拆分：
1莉掂、實(shí)現(xiàn)用戶實(shí)時(shí)打卡功能
2、確定線上打卡范圍
3千扔、處理用戶打卡異常情況
4憎妙、用戶能查詢詳細(xì)的打卡記錄
5、了解月度打卡數(shù)據(jù)曲楚、記錄
目標(biāo)用戶：工薪階層厘唾、都市白領(lǐng)
二、關(guān)鍵信息提攘堋：
明確需實(shí)現(xiàn)的產(chǎn)品功能及目標(biāo)后阅嘶，通過提取相關(guān)關(guān)鍵詞，明確需要主要功能及輔助信息有哪些载迄，確定產(chǎn)品設(shè)計(jì)具體應(yīng)包含的信息內(nèi)容。
關(guān)鍵信息提取
三抡蛙、同類型產(chǎn)品體驗(yàn)
明確功能設(shè)計(jì)內(nèi)容后护昧，在開始設(shè)計(jì)之前可以體驗(yàn)市場上同類型產(chǎn)品的相關(guān)功能設(shè)計(jì)的優(yōu)劣，能進(jìn)一步理清設(shè)計(jì)流程和步驟粗截。在體驗(yàn)同類產(chǎn)品時(shí)惋耙，要明確設(shè)計(jì)需求和目標(biāo)。
釘釘：阿里旗下的移動辦公管理平臺。绽榛，打卡功能設(shè)計(jì)比較完備湿酸，但因?yàn)椴皇侵饕δ埽瑢τ诖蚩ㄓ涗浗y(tǒng)計(jì)比較單一灭美，僅對異惩评＃考勤進(jìn)行的基本的統(tǒng)計(jì)和顯示。
考勤助手：主要用于用戶打卡届腐，單一的打卡功能設(shè)計(jì)铁坎。是一個(gè)功能上不是很完備的產(chǎn)品，可體驗(yàn)其打卡流程犁苏，其他功能模塊可忽略硬萍。
喔趣：對比釘釘全方位的辦公管理，企業(yè)員工考勤管理其更加具有針對性围详，打卡流程朴乖、考勤數(shù)據(jù)及異常申請流程均比較完備。
同類產(chǎn)品體驗(yàn)
四助赞、流程圖：
明確需求及設(shè)計(jì)目標(biāo)后买羞，輸出基本功能框架圖、業(yè)務(wù)信息流程及頁面原型交互流程圖嫉拐，確定設(shè)計(jì)方案和頁面原型哩都。
1）功能框架圖
框架圖
2）業(yè)務(wù)流程圖
上/下班業(yè)務(wù)流程圖
3）頁面流程圖
模塊1：打卡
打卡流程
模塊2：統(tǒng)計(jì)
統(tǒng)計(jì)流程
模塊3：申請
申請流程
五、交互原型詳解
具體內(nèi)容應(yīng)包括頁面功能介紹、頁面所處位置及頁面交互明細(xì)寄啼。
模塊1：打卡
打卡交互說明
模塊2：統(tǒng)計(jì)
統(tǒng)計(jì)交互說明
模塊3：申請
申請交互說明
六嚼黔、頁面交互流程
