iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 4
3
Modern Web

🍐放學後的網頁開發系列 第 4

[Day4] 柚子放學後的網頁生活 - Web planning

分享完接案心得,今天開始網站規劃囉 !
可能你會覺得是廢話,但把步驟一一紀錄寫下和分享的小撇步,可以幫助你專案進行哦

讓我們直接談談怎麼規劃一個網站吧~

Step By Step

建議先從大範圍開始思考,整個網站該如何規劃比較有效率,以下分享我的流程:

  1. 了解網站的定位、目標族群:

    • 如果品牌辨識,那就要在設計上好好加工,像是到貴公司體驗他們的文化、追求方向、風格,將這些感受轉為網站內容一部分,更接近他們的理想
    • 如果是做儲存資料、資料分析,那在設計上可以從簡,UI/UX差強人意都還好,但是在資料庫的規劃上就要特別注意,以及資安問題,思考該怎麼做好防備
    • 如果是公司內部用,功能導向的網頁,那就要規劃好網站使用流程、提升使用者體驗,用以提升員工使用效率,幫助公司內部提升產能

    很多種可能,思考好目的後再開始開發,否則一發不可收拾,搞錯目的造成案主不買單

  2. 需要的內容:
    可以以表格的形式,將你需要的功能一一列出,並寫出此項目需要的原因,再將這表與案主討論,是否有項目需要增減,起步很重要,這將決定你會不會走回頭路,範例如下:

    項目 功能說明

    最新消息 | 公司最新公告、活動、訊息
    經營理念 | 公司的經營理念
    服務項目 | 公司所有服務項目
    注意事項 | 購買商品注意事項
    留言板 | 供使用者提供對網站的意見
    在規劃的同時,如果你的案子有很多層級關係,你也可以畫成樹狀圖,以利未來開發哦

  3. 構思版面設計
    在這邊就有很多的工具可以提供給您參考,像是UXPin、Axure都是可以讓你輕鬆規劃想要的Wireframe,那靈感怎麼來呢,可以廣泛瀏覽相關性質的網站,參考使用流程,設計上的話可以看看Pinterest或是有名設計師的網站,如果案主沒特別要求就看你決定

  4. 紀錄開發內容、時間
    接著呢,我會在每次開發時分別記錄不同Case的進度,以免搞混,同時也好知道自己的進度能不能在deadline前有足夠測試的時間,更能知道自己是不是做太久,虧錢了XD

    那這部分我會推薦用Excel紀錄,Excel的表格和計算功能在這時候簡直是神器,可以把每個功能一一寫下來,旁邊開一個像月曆的樣子記錄每天開發哪一個功能所耗費的時間,如下圖:


    當然不用一樣,這也是改好幾次版本後發現自己最方便紀錄的方式,不一定適合每個人,有人喜歡嗎XD

  5. Coding & Testing
    這點還是最最重要的啦,規劃的再好、設計的再美沒辦法 implement 一切都成空,所以還是要好好鍛鍊寫code能力。
    寫完後記得要保留時間測試,有時候你趕在deadline前寫完就交案上線,很容易有沒想到的問題發生,不怕一萬只怕萬一,如果網站的漏洞造成資料外洩或是形象受損,都不是一兩萬可以打發的,所以盡可能多做測試吧 !

身體力行

看完近三篇文後,有沒有對寫case更有想法了呢 ?
下篇開始就是分享網站程式設計囉,相信你對網站也有一定的想法了,那就 ~

下課囉 ~ 請鎖定 柚子放學後的網頁生活


上一篇
[Day3] 柚子放學後的網頁生活 - Freelance
下一篇
[Day5] 柚子放學後的網頁生活 - ES6
系列文
🍐放學後的網頁開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
陳小熊
iT邦新手 4 級 ‧ 2018-10-19 00:56:46

規劃的很詳細,MockUp畫的很用心,期待你後面的實作分享喔!(≧∇≦)/

我要留言

立即登入留言