理想的網頁設計怎麼談？設計師如何判斷是否接下你的網頁設計？
2023 年 2 月 10 日
網頁設計公司這麼多，應該怎麼選擇適合我的網頁設計公司？
2023 年 3 月 10 日
網站設計的成果不是我要的！如何讓網站設計符合我的需求？
不論有沒有和設計師合作過網站設計，與家人、朋友、同事之間，一定都有過「有溝沒有通」的經驗吧！
話都說了，會都開了，網站設計重點彼此也應該都清楚了，但就是沒有結論或共識！最後做出來的網站設計也和你想像中的不同！
跨領域溝通就好像講不同語言的人一起合作，無法把自己的想法用適合的方式讓對方理解，如此心累的無限迴圈到底該如何打破，讓網站設計的最終成果符合自己的期待呢？
網站設計的無效溝通原因
原因1：文字的理解程度
每個人的生活背景不同，進而培養出思考和行為都不同的獨立個體，所以每個人接受到同一個詞彙後，反射性會想到的情境與狀態也會不同。
舉例而言，玩個成語接龍，題目是「三更半夜」，以前背過詩的人可能會接「夜半鐘聲到客船」，當然也可以接出「夜黑風高」、「夜闌人靜」等答案，端看你以前學習過什麼成語，又記得和可以應用多少。
回到網站設計上，你和網站設計師說你想要設計一個咖啡豆電商網站，希望有很濃的咖啡香氣、然後高級、大方。
設計師收到你的要求之後，給出了一個以深棕色為主色的網站設計稿，搭配上些許亮黃色，營造出貴氣高級的感覺。
但你看到的時候覺得歪腰，因為感覺太老氣了，無法透過這樣的網站設計吸引到你的目標客群，因此希望改成用淺色系作為主色，然後用文青的感覺營造出高級和大方。
…
以上是一個非常常見的例子，文字沒有辦法準確描述你的想法，因為語言是更高級且無形的溝通方式，需要大家在一樣的知識水平之下，才比較容易進行對話。
例如我可以侃侃而談幾個經典港劇的劇情，有看過的朋友就容易加入一起討論。 當我說「9527」的時候，對方就知道是唐伯虎點秋香！
但當朋友超喜歡NBA的熱門球星，還計畫著要去看現場比賽，我大概只能尷尬陪笑，畢竟我說得出來的球星只有 Kobe 和 Jorden……
總之，網站設計師有他的專業，而當你不會一些設計圈內的用語和形容詞時，真的很難期待一開始就能達到有效溝通！
原因2：目標受眾的偏好
剛開始學習設計時，我其實也不是很能理解設計書裡面的內容，例如書裡提到某個粗體字，說它給人的感覺很「俐落、乾淨」
我整個超問號，因為那個字體對我來說是「笨重、穩定」，壓根和設計書裡寫的形容詞沒有關係，那個瞬間，我突然懷疑自己是不是沒有當設計師的才能(?)
後來才意識到，所謂的
「給人的感覺」，是「給多數人的感覺」，不一定是自己的感覺！
如果是做自己開心的網站設計，我會用到的顏色大概只有黑白灰~~(就跟我的穿著一樣)~~，然後走極簡風格，畢竟目標用戶就是我自己，所以我喜歡就好。
但如果這個設計是要公開的，或是有案主要求的，那就必須依照這些前提進行網站設計。例如我做過攀岩場館的網站設計，雖然我完全不會攀岩，但還是根據案主的要求提供活潑且符合年輕族群的配色，且依照受眾型態調整文案，並選擇合適的圖片重新裁切調整，案主也很滿意最後的成果。
也有遇過案主想要做一個高級的品牌代購網站，基本上「高級感」會使用俐落的線條、明顯的對比、較多的空白、簡潔的文案等方式搭配呈現，但這位案主喜歡「圓字體」，所以希望我們當作主要的字體使用……
如果網站沒有要公開，案主想怎麼做都可以討論，但如果要實際營運，網站設計師可能真的會過不了自己這一關！ 若設計師明明知道行不通，卻還要給出符合要求的設計，最後要嘛趕快依照要求做完拿錢走人，但這個作品不會被放入作品集，要嘛就是堅持自己的設計，然後和案主嘗試溝通(或是吵起來也不一定…)
網站設計師如果沒有依照你的要求進行設計，應該也會給出相對應的理由，請客觀評估設計師說的有沒有道理，並同時考慮到你的目標受眾到底是誰。如果這樣的網站設計合理，表示他其實是一位不錯的設計師喔！
原因3：提案的明確程度
有在公司裡接過模糊不清的任務嗎？
公司想做競爭者市調，所以上級就把這件事情交給你，你詢問需要什麼樣的內容？例如競爭者的策略、定價、市場、優勢之類的內容嗎？還是需要競爭者的背景分析、合作廠商調查?
上司只告訴你：「看著辦，先做再說！」
時間是一個禮拜後要交出調查報告，你評估了一下現在公司產品的狀況，覺得應該從供應商的角度切入，了解競爭者在成本上到底如何取得優勢。
報告做了三天之後，上司詢問你目前進度，你給他看收集到的資料，並簡述大概會怎麼進行，接著就被罵了一頓：「報告對象是行銷部副總經理！你覺得他會在乎成本多少嗎？他要的當然是競爭對手的行銷策略比較啊！」
你摸摸鼻子，重新收集資料並熬夜趕工……
一週後報告如期交出去，後續卻收到不怎麼好的評價，原因是他們對「競爭對手與KOL的合作模式與成本分析」比較有興趣，但你的報告對於這一部分只是簡單帶過。
上述的情境很熟悉嗎？如果有過類似的經驗，就可以很容易理解設計師為什麼不知道你的想法了呦！
例如你想要一個以線上購物為主要服務的網站設計，光是在「篩選」這個功能，就有很多可以討論的，例如「可以依照哪些分類進行篩選」、「篩選功能需要出現在首頁、搜尋結果、目錄，還是其他頁面？」、「增加篩選功能會延遲上線時間，是否第一個版本就需要」、「篩選後如果沒有符合的商品，應該要出現什麼訊息」……
如果你沒有講得夠清楚，網站設計師就不知道應該要設計到哪個地步。
更勝於，你根本沒有說要「篩選功能」，於是網站設計師畫完設計稿之後，你覺得很奇怪，為什麼沒有篩選欄位；設計師也覺得很奇怪，你又沒有說要篩選功能！
設計師不會通靈，越明確的內容與功能說明，你收到的設計稿才會越符合你心目中的期待！
原因4：網站設計的通識不普及
網站設計上其實有一些共通的小知識：
- 適當留白：留白給予受眾接收資訊的喘息空間，也可以讓資訊看起來更集中，且在視覺上有明確的架構
- 文字選擇：平面設計或文章，標題會比較大，內文比較小；但網站設計時，標題文字可能比較小，裡面的功能文字比較大
- 區塊對齊：同一區塊或類似資訊會對齊，用戶淺意識就會知道哪些資訊可以在哪裡找到
- 高對比度：文字必須讓用戶可以輕易閱讀，所以會盡量增加文字和背景色之間的對比程度
- 顏色數量：顏色越多，整個畫面看起來越複雜，會建議主要顏色不超過三種，其他的輔助色就使用主色混合的顏色，達到豐富又不紊亂的視覺變化
也許案主提出的網站設計需求中包含過多的文字、或是較多的顏色搭配，而網站設計師知道這樣的設計不太行，所以就沒有照做。
較好的情況之下，設計師應該要說明設計和案主的要求不一樣的原因，讓雙方達成共識。
建議解決方案
方案1：用圖片或網站設計的視覺化範例進行溝通
既然語言是「高級」溝通法，沒有一樣的水平就難以有相同的理解，那就使用其他的溝通方式！
在我們學會說話之前，接收到的資訊會以「圖片」形式呈現，所以小時候會看童書來理解這個世界；在學校上中文課時，作者的畫像有助於我們記憶他的生平；在公司看簡報的時候，圖表也有助於我們理解業績狀態。
在網站設計的部分，你想要的風格、內容、配色、字體、排版等等，都可以使用圖像說明。
再以之前提到的咖啡豆電商為例，可以用無印良品的網站設計，代表你要的風格；用星巴克的網站設計，代表你要的內容；用GU的網站設計，代表你要的排版……
如果你不知道該怎麼找到網站設計的參考，可以到 dribbble 或是 behance ，用關鍵字找到你喜歡的設計，並告知設計師你喜歡這些設計的哪些部分。
針對這兩個平台的介紹，有稍微在「國內外9個找設計師的外包平台，讓你不養設計師也可以有好設計」提到喔！
方案2：繪製網站設計的草稿圖
如果在網路上找不到適合的網站設計範例，或是你的想法超級原創，根本沒有可以參考的圖片，那就自己畫吧！
說到自己畫，也許各位會覺得自己又不是網站設計師，幹嘛要畫！但這裡只是要達到「溝通」的目的，和你畫的好不好看完全沒有關係喔。
例如現在你想要網站設計師設計一個租借滑雪板的形象網站，大概可以畫成以下的樣子：
重點不在於好不好看，重點在於有把你要的「內容」和「功能」畫出來，就能增進和網站設計師的溝通品質。
方案3：訂定明確計畫
在發案給網站設計師之前，應該要對想要做的東西有明確規劃。
每種設計案，要規劃的內容都不一樣，我們拍拍工作室擅長的是網頁/網站與 APP 的 UIUX 設計。
在UIUX的設計上，我們會需要的素材與資訊，可以參考「想發案給 UIUX 設計師或是網頁設計師，應該要先準備什麼？」這篇文章喔！
結語
不管在哪個領域，「溝通」真的是一門藝術，我以前在公司內部工作，要導入外部系統的時候，和乙方的專案經理與工程師也常常雞同鴨講，整個導入過程中，我都處於一種啞巴吃黃蓮的狀態，怎樣都無法傳達自己的意思給工程師……
希望各位在與網站設計師合作的過程中，都可以避免以前我犯過的錯，使用對的工具和方式，絕對可以大幅改善溝通品質喔！
拍拍設計有著多年設計實戰經驗
從 0 到 1 的產品上市開發，或是從 1 到 100 分的產品迭代過程，讓我們助你一臂之力！！
