給客戶看的網站設計（二）那些你沒有想到的頁面/功能 - CTK Pro

不管是個人接案、網頁設計公司，或是有意願建新網站、網站改版的企業、個人，第一步通常是思考，網站包含哪些頁面，其中又有哪些功能。

Skiptocontent CTKPro–竑盛科技股份有限公司 首頁 關於我們 服務特色 作品集 部落格 問與答 聯絡我們 給客戶看的網站設計（二）那些你沒有想到的頁面/功能想要自己蓋一個購物網站，除了金流、物流要考慮外，還有哪些沒有想到的頁面呢？現在建網站，可以達成什麼功能、要如何規畫？小細節頁面千萬別遺漏了！DATE2019-07-29給客戶看的網站設計（二）那些你沒有想到的頁面/功能Jul29,2019eCommerceWebDesign 不管是個人接案、網頁設計公司，或是有意願建新網站、網站改版的企業、個人，第一步通常是思考，網站包含哪些頁面，其中又有哪些功能。

不管是業主、承包的設計公司，大家講相同的語言才有辦法溝通，網頁製作速度和完整度自然也有所提昇。

只是專業不同，大家對於頁面架構、網頁地圖或是網站雛形等等的概念定義差距是很大的，大家沒有想到的頁面多寡程度差距很大啊： 常常有類似這樣把簡單想法用文字說明一下，就希望可以做出網站的使用者。

沒錯，我們需要在努力想一下我們網站架構是怎麼樣！ 客戶大概知道自己想要什麼，簡單從選單裡告知需要之頁面、功能，但是離要能開始規劃/設計網站還有一大段距離。

想要做一個簡易的購物網站，比較清楚的客戶大概會給出這樣的分層架構，這時候雙方就很容易溝通每個頁面要有何功能，應該要增添、縮減什麼頁面，剩下要考量的就是比較細節的東西了。

專業的網頁設計公司，是協助客戶找出適合的網站規劃 網站企劃，到底算不算是網頁設計公司的工作？專業的網頁設計公司可以告訴你：怎樣的頁面布局較符合使用者瀏覽情境；功能選單要怎麼設定、分層；首頁多具備哪些訊息；內容頁面該怎麼設定、加入行動呼籲。

但隔行如隔山，每個行業、品牌的消費者行為，其實還是業主最清楚，整體網站目的、頁面規劃還是由業主主導，才會最符合需求。

那麼，網頁設計公司能幫上什麼忙呢？ 我們就看一下「想要可以讓客人在網站上完成購物」，需要考量到哪些東西吧！ 購物網站，你沒想到的頁面有… 除了外觀設計、手機版、UI流程等問題，一個電商網站，比較容易忽略的頁面有： ✎會員登入：包含會員註冊頁（是否串接其他平台帳號，註冊或登入失敗/成功頁面）、登入/註冊驗證機制 ✎會員管理頁面：會員管理、資料更新、購物車管理、訂單管理頁 ✎金流結帳：結帳資料填寫、成功/失敗頁面（跳轉頁）、退換貨說明頁面、法規/服務條款頁、購物未結帳提醒 ✎金物流串接：金物流串接之API、物流串接之API，手動填單出貨，其他金物流方式、自動送單，分期付款、代管倉儲…… ✎商品管理後台：商品管理、庫存管理（這些需要的欄位有哪些，想要管理到多細，還是有外部系統需要串接） 沒錯，要施作一個電商網站，看似簡單，但其實有許多要考量的東西，且這些頁面之間的互動、流程都要再調整優化過，實際上線時，才不會無法操作，下次想要建一個購物網站，就可以先想想上面這些你想要做到哪裡，功能有多完備吧！ 網頁設計時，你可能沒想到的還有… 網頁地圖（sitemap）可以用許多心智圖工具拉一拉（其實用google文件、PowerPoint 都做的出來），但整個網站設計時，你有沒有想到這些？ ✎空的頁面：空的購物車/空的搜尋結果 ✎超長的標題：超長標題，超長縮文，替換為不同語言後長短劇烈變化 ✎自動斷行有什麼限制 ✎Menu頁面：開啟/關閉的過度 ✎想要做TopBar的選單？選項夠多？內容過多？ ✎維護，主機、bug出現時該如何處置，網頁失效，或者有404連結 ✎文章有哪些資訊需顯示：日期、時間、標題、次標題、內文、擷取文字、分類、標籤、封面圖、作者、社群相關資訊、觀看次數、分享選項、SEO相關設定、URL設定，OpenGraphic、超連結形式、各式動態效果 想要特殊功能、酷炫的動畫、互動效果？ 沒問題！請把時間＆預算拉高。

網頁功能＆外觀=預算2*時間，想要下面這些功能，現今網頁設計公司多能為你達成： 酷炫的效果、特別的條件判定、列出相關/推薦產品（商品資料庫跟Amazon一樣大嗎？）、自動完成功能、讓客戶上傳圖片/檔案、撰寫文章評論/留言、列印網頁（各種不同的印表機）、網頁主機規格與網頁速度、瀑布流讀取功能、特殊Filter功能….. 這部份的功能擴充，其實也是一般找freelancer與網頁設計公司最大的差異，freelancer告訴你什麼沒辦法做，網頁設計公司問你想要做什麼。

只是這麼多功能是不是必要，對網站當初設定的目標有沒有幫助，還是需要業主多方考量。

網頁切換至手機時，你沒想到的有… 只有手機/桌機上才能有的：滑鼠點擊、滑動切換、相距過遠的按鈕、點擊不到（不易點擊）的按鈕、滑動到一半的效果，考慮到手機的點擊範圍，這個東西看起來是可以點的嗎？ 手機版是不是要隱藏的區塊，手機往下滑動時要隱藏的有什麼，滑動到某個比例時要彈出什麼畫面？到網頁底部時，如何快速回到頂端或引導至其他頁面…… 想不到的頁面，還是交給網頁設計公司吧 恭喜你看到這邊，想必近期勢必有做網站的需求。

不知道上述「沒想到的頁面」，你思考過幾成呢？ 網頁設計公司在前期需要了解客戶的需求，也勢必會協助客戶做初步的網站規劃，唯有如此，把「沒想到的」都想了一遍，頁面之間的關係都確立了，也才有辦法提供較完整的報價。

一般會把所有頁面建立sitemap，提供初步的wireframe或直接跳到mockup的設計稿（或是用一些軟體輔助，可以提供客戶可互動的prototype），幾經討論、修改後，才進入程式、頁面和功能開發。

唯有經過縝密的規劃，上述頁面全都思考過，整個建置網站的過程才會通行無阻，也比較不會發生網站製作完成後，改來改去，補東補西的窘境。

更詳細的網頁設計流程，也可以看CTKPro的Faq來了解，有網站建置需求，歡迎來信詢問！ ☛給客戶看的網頁設計（一）：字級大小實際的樣子 Prototype RWD wireframe 台北網頁設計 給客戶看的網頁設計 網頁規劃 網頁設計 網頁設計公司 電商 aron數位行銷工具應用者。

從企劃、網站規劃、文案、社群、網路行銷工具無所不包。

大腦如果和網路資料庫連結，多少可以緩解資訊焦慮症狀。

更多文章 寫給客戶看的網頁設計（六）網頁上線前之修改 遠距工作如是說-疫情時代下CTK的躍進 你可能對SEO一無所知，第一次用WordPress做SEO就上手 Postnavigation  給客戶看的網站設計（一）字級大小對網頁樣式的影響CTK故事集｜91APP快速應變的電商步調卻能優雅改版  Copyright©CTKPro著作所有並保留一切權利 [email protected] +886(02)2707-2080 106427台北市信義路四段296號15樓(Bizhub) 立即洽詢