找到專案的主要目的以其核心功能

業主 - 我想要做一個網站

  • 什麼樣的網站??
  • 官網??哪一種類型的官網
  • 什麼樣的電商網站??
  • 我想要做pc hoem網站
  • 討論的時間要估進去(通常會耗時最多時間)
  • 做網站的主要目的是什麼 -> 火力展示? 嘗試沒有碰過的技術? 單純想做某類型的網站?
  • 目的不同，研究技術和功能設計會花費的時間也會有點不同
  • 如果一開始選擇的技術太過困難，記得要有停損的deadline，要不然demo會很難看
  • 找出網站的使用者
  • 直接想像你是使用者本人，對網站會有哪些期待
  • 參考同樣類型的網站，思考這些網站把什麼功能做的最顯眼好用，為啥他們會選擇把時間花在這些功能上
  1. 不能沒有的功能
  2. 大家提議重複度高的功能 - 提議重複度很高的功能
  3. 有趣、特別的功能

估時小技巧

估實做完某個小區塊要花多少時間

  • 切版要多久 - 大約一天
  • 有哪些功能 - 大約兩天

抓時間大概都會抓兩倍，因為就算提早做完了，有可能其他東西要弄

function Map 功能地圖

標示出功能規格的心智圖
挑出一兩個主要功能，試著把他畫成functional Map

Flow Chart

考慮比較複雜的功能時，可以透過Flow chart釐清功能操作的完整流程

橢圓

起點、終點

長方形

頁面、節點

平行四邊形

輸出、輸入

菱形

抉擇、判斷 - 會跳出兩個箭頭出來，成功和失敗

UI Flow

頁面間的流程圖，直接看頁面的UL狀況

wireframe

純線稿，完全排除其他的顏色的線搞

–
製作頁面的時候記得製作404、500頁面
–

–

  1. 每個頁面都要有操作重點

  2. 要有明顯的操作反饋

設計應該注意到的資料狀態

理想狀態 - 最完美的網站狀態 空白狀態 - 如果沒有資料的時候網站顯示 極限狀態 - 品項多到滿行的狀態，這些滿行的資料是被隱藏還是怎麼樣 錯誤狀態 - 發生錯誤時候的狀態 局部資料狀態 - 如果load太久，可不可以先塞一點資料進去，讓load完之後不會突然把整個欄位撐開之類的 載入中狀態 - 載入中畫面樣子