修改密碼流程 PRD
===

## Background 需求背景與目的

1. 一個已經具有註冊、登入功能的網站,需要增加`變更密碼`的功能。
2. 嘗試在規格書內加入符合專業要求的`Diagram`，描述邏輯判斷。
>規劃了功能正確執行，與未正確執行的諸多狀況，可能完善各種狀況下的使用者體驗
---
## 邏輯圖示

>流程圖為使用 app.digram 軟體自行製作，此為製作畫面。
>

## 邏輯細節

| 使用情形 | 前端展示 | 相關邏輯 |
| -------- | -------- | -------- |
|輸入舊密碼||判斷舊密碼是否正確 |
|輸入錯誤的舊密碼||1. 重新輸入</br> 2. 忘記密碼|
|輸入新密碼</br>再次輸入新密碼||系統已判斷舊密碼</br>輸入正確時彈出畫面|
|新密碼輸入`錯誤的格式`| |系統判斷`格式錯誤`，</br>重新輸入新密碼|
|新密碼輸入之`長度不足`| |系統判斷`長度不足`，</br>重新輸入新密碼|
|`再次輸入之新密碼`</br>與`新密碼`比對||1. 符合時：系統顯示強、中、弱。</br>2.不符時：重新輸入|
|用戶忘記密碼||可使用信箱重置密碼</br>驗證碼邏輯判斷|

## 總結
#### 製作順序：
1. 先用digram製作邏輯流程圖。
2. 依據流程圖之判斷，設想使用者操作情境。
3. 將 wireframe 畫面對應邏輯流程製作出`使用情形`與`系統判斷`表。