CTK pro

關於 CTK PRO:於2011年夏天展開了偉大的航程,初期以開發手機APP為主,2013年開始跨入Web開發,2015年開始用UCD(User-Centered Design)方法協助客戶釐清需求, 2016年大量採用AWS架構, 並導入策略UX產品為客戶在軟體開發各環節破關!

back to top

給客戶看的網站設計(二)那些你沒有想到的頁面/功能

不管是個人接案、網頁設計公司,或是有意願建新網站、網站改版的企業、個人,第一步通常是思考,網站包含哪些頁面,其中又有哪些功能。不管是業主、承包的設計公司,大家講相同的語言才有辦法溝通,網頁製作速度和完整度自然也有所提昇。

只是專業不同,大家對於頁面架構、網頁地圖或是網站雛形等等的概念定義差距是很大的,大家沒有想到的頁面多寡程度差距很大啊:

常常有類似這樣把簡單想法用文字說明一下,就希望可以做出網站的使用者。沒錯,我們需要在努力想一下我們網站架構是怎麼樣!

客戶大概知道自己想要什麼,簡單從選單裡告知需要之頁面、功能,但是離要能開始規劃/設計網站還有一大段距離。

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

專業的網頁設計公司,是協助客戶找出適合的網站規劃

網站企劃,到底算不算是網頁設計公司的工作?專業的網頁設計公司可以告訴你:怎樣的頁面布局較符合使用者瀏覽情境;功能選單要怎麼設定、分層;首頁多具備哪些訊息;內容頁面該怎麼設定、加入行動呼籲。但隔行如隔山,每個行業、品牌的消費者行為,其實還是業主最清楚,整體網站目的、頁面規劃還是由業主主導,才會最符合需求。

那麼,網頁設計公司能幫上什麼忙呢?

我們就看一下「想要可以讓客人在網站上完成購物」,需要考量到哪些東西吧!

購物網站,你沒想到的頁面有...

這邊就不考量到外觀設計、手機版、UI 流程等問題,一個電商網站,比較容易忽略的頁面有:

會員登入:包含會員註冊頁(是否串接其他平台帳號,註冊或登入失敗/成功頁面)、登入/註冊驗證機制

會員管理頁面:會員管理、資料更新、購物車管理、訂單管理頁

金流結帳:結帳資料填寫、成功/失敗頁面(跳轉頁)、退換貨說明頁面、法規/服務條款頁、購物未結帳提醒

金物流串接:金物流串接之 API、物流串接之 API,手動填單出貨,其他金物流方式、自動送單,分期付款、代管倉儲……

商品管理後台:商品管理、庫存管理(這些需要的欄位有哪些,想要管理到多細,還是有外部系統需要串接)

沒錯,要施作一個電商網站,看似簡單,但其實有許多要考量的東西,且這些頁面之間的互動、流程都要再調整優化過,實際上線時,才不會無法操作,下次想要建一個購物網站,就可以先想想上面這些你想要做到哪裡,功能有多完備吧!

網頁設計時,你可能沒想到的還有...

網頁地圖(sitemap)可以用許多心智圖工具拉一拉(其實用 google 文件、Power Point  都做的出來),但整個網站設計時,你有沒有想到這些?

✎ 空的頁面:空的購物車/空的搜尋結果
✎ 超長的標題:超長標題,超長縮文,替換為不同語言後長短劇烈變化
✎ 自動斷行有什麼限制
✎ Menu 頁面:開啟/關閉的過度
✎ 想要做 Top Bar 的選單?選項夠多?內容過多?
✎ 維護,主機、bug 出現時該如何處置,網頁失效,或者有 404 連結
✎ 文章有哪些資訊需顯示:日期、時間、標題、次標題、內文、擷取文字、分類、標籤、封面圖、作者、社群相關資訊、觀看次數、分享選項、SEO 相關設定、URL設定,Open Graphic、超連結形式、各式動態效果

想要酷炫效果、特殊功能,要想到...

想要特殊功能、酷炫的動畫、互動效果?

沒問題!請把時間&預算拉高。網頁功能&外觀=預算2*時間,想要下面這些功能,現今網頁設計公司多能為你達成:

酷炫的效果、特別的條件判定、列出相關/推薦產品(商品資料庫跟 Amazon 一樣大嗎?)、自動完成功能、讓客戶上傳圖片/檔案、撰寫文章評論/留言、列印網頁(各種不同的印表機)、網頁主機規格與網頁速度、瀑布流讀取功能、特殊 Filter 功能…..

這部份的功能擴充,其實也是一般找 freelancer 與網頁設計公司最大的差異,freelancer 告訴你什麼沒辦法做,網頁設計公司問你想要做什麼。只是這麼多功能是不是必要,對網站當初設定的目標有沒有幫助,還是需要業主多方考量。

網頁切換至手機時,你沒想到的有...

只有手機/桌機上才能有的:滑鼠點擊、滑動切換、相距過遠的按鈕、點擊不到(不易點擊)的按鈕、滑動到一半的效果,考慮到手機的點擊範圍,這個東西看起來是可以點的嗎?

手機版是不是要隱藏的區塊,手機往下滑動時要隱藏的有什麼,滑動到某個比例時要彈出什麼畫面?到網頁底部時,如何快速回到頂端或引導至其他頁面……

想不到的頁面,還是交給網頁設計公司吧

恭喜你看到這邊,想必近期勢必有做網站的需求。不知道上述「沒想到的頁面」,你思考過幾成呢?

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

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

唯有經過縝密的規劃,上述頁面全都思考過,整個建置網站的過程才會通行無阻,也比較不會發生網站製作完成後,改來改去,補東補西的窘境。更詳細的網頁設計流程,也可以看 CTK Pro 的 Faq 來了解,有網站建置需求,歡迎來信詢問

給客戶看的網頁設計(一):字級大小實際的樣子

Aron Lai

數位行銷工具應用者。從企劃、文案、社群、網路行銷工具無所不包。 希望大腦可以和網路資料庫連結,緩解資訊焦慮症狀。

Follow: