Editing Data flow of web applications

網頁的資料流程考量因素

目的

* 企圖達成的業務目的
* 該網頁的功能、目的

資料流: 資料的輸入、輸出 (與背景進行的資料處理)

* 網頁此處顯示的資料從哪裡來？到哪裡去？
* 文字欄位的必要性: 必填或選填？ ... 或者是根本不需要存在在網頁上？
* 由誰輸入資料: 一般使用者、管理者
* 資料的新增、編輯、刪除。如果資料已經存在於之前的頁面流程，使用者可不可以節省操作步驟，節省輸入時間，例如:
** 哪些資料已經有輸入過，可以不需要再次輸入
** 從瀏覽器取得的資訊: e.g. 自動偵測取得的 [[User agent]] 、[https://support.google.com/analytics/answer/1011811?hl=zh-Hant referral]、使用者所在的時區(timezone)、使用者偏好使用的文字語言 {{exclaim}} Windows 10 可以關閉這個選項，建議提供使用者自行輸入修改的選項。
** 同一網站的瀏覽記錄等資料
* [[Data cleaning | 資料清理]]: 資料空值、錯誤
* 資料驗證
* call to action
* 異常狀況: 當資料發生錯誤時，介面上如何呈現、使用者需要介入處理嗎或程式處理嗎、 處理狀態追蹤、當其他資料跟這匹資料有相依性，如何調整

資料量增加/變化

* 如果資料筆數 0 筆，如何設計「空白狀態」（empty state）？ [http://emptystat.es/ Empty States] examples
* 原定資料筆數 5 筆，變成數倍之後，設計要如何處理？ --> 分頁(pagination)
* 原定資料長度 20字，當輸入超過預定長度數倍之後，設計要如何處理？ --> ____

資料狀態

* 如果資料狀態包含多種，例如未執行、執行中、已完成。版面設計上不同狀態項目是否要區別不同表格，另外完成的項目會逐漸增加，再看是否要分頁。

程式功能面

* 進入點(entry point): 從何處開始觸發
* 時間增加/變化: 原本時間區間是以當下來設想，當時間過了一年一後，設計要如何處理？ --> 時間動態調整，不要寫死年份、月份之類可能變動的數值

{{Template: Build a website}}

[[Category:Design]]