# 釐清客戶需求：付費套版 v.s. 客制主題 by etiquette studio

## 講者

> etiquette studio 全端工程師 [Yuli Yang](https://www.facebook.com/YaChing.Yuli)
> etiquette studio 視覺設計師 Lu Chuang
> 公司網址：[etiquette studio](https://etiquette.studio/)


---

## 套版跟自製主題的差別 • 客戶工程與設計的三角關係

### 免費主題 Free Theme

:::info
https://wordpress.org/themes/
適合：樣式版面需求 & 預算不高
價格：免費
:::

＊ 優點
* 免費

＊ 缺點
* 幾乎只有基本功能
* 佈景主題自訂（Theme Customizer）選項不多，如果要特別樣式需要額外寫CSS或是用子主題（Child theme）做版面更改

---

### 付費套版 Theme

:::info
https://themeforest.net/category/wordpress
https://www.templatemonster.com/wordpress-themes.php
http://www.wpzoom.com/
適合：預算不高、樣式修改需求低、特別功能可用外掛插件滿足
價格：$ - $$
:::

#### 優缺比較

＊ 優點
* 低預算
* 每個套版幾乎都有很多功能（可選菜單樣式、直接條整體網站的色調字體、多種Modules）
* 快速建立網站頁面、幾乎都有demo可以匯入
* 依照客戶的需求有可能完全不需要客制化（但是基本上不可能...）

＊ 缺點
* 網站讀取速度（前台後台都是）會變慢、想加快速度需要手動關閉調整功能
* 套版沒有的功能需要額外找外掛或是客製外掛
* 因為套版的限制，大幅度樣式版面更改可能無法做到
* 依據主題複雜程度，WP教育時間不定

#### 情況模擬

＊ 用最少的錢，達到最高效益。

＊ 「 我選了類似的主題，為什麼我的網站不能做出我想要的樣子？ 」

* 瞭解客戶的行業，網站要訴求的宗旨及客戶是否知道自己 “ 想要 、 需要 ” 的是什麼
* 客戶對於網站上的功能是否有程度上的了解？其實你的客戶並不清楚這些功能的作
* 客戶是視覺性動物，理想與外觀結合，功能及內容並沒有仔細詳閱
* 響應式的功能及視覺容易被忽略

＊ 客戶拿了一個網站說要跟他一模一樣
http://hyct-design.com/
http://www.som.com/

＊ 設計工程前 VS 設計工程過程

＊ “ 得到了一些想法及建議以後，客戶想法上的改變 ”
* 我要的是類似的網站，可是...
* 我想要的圖片功能其實是...
* 這個套版上的banner是否可以再大一點..

＊ 現實的問題是 "客戶認為使用差不多的套版，有不一樣的內容就可以創造出網頁的差異性吸引終端使用者。 (?) "

---

### 自製主題 Custom Theme Development

:::info
適合：預算不低、樣式修改需求高、特別功能需求、網站需求目標明確
價格：$ - $$$
:::

#### 優缺比較

＊ 優點
* 乾淨的客制主題，網站讀取速度較快
* 完全依據客戶需求做後台管理，簡單清楚、輕鬆上手
* 不同的瀏覽器、手機、平板支援

＊ 缺點
* 高需求高預算
* 完成時間較久
* 依據主題複雜程度，WP教育時間不定

#### 情況模擬

＊工程師與設計師間的溝通

* 如果工程師無法直接與設計者溝通，中間夾著客戶的情況下
* Design Audit 的必要性
* 客戶以資方的角度理解終端使用者 （ 重點在資訊，但想要fancy的網站 ）

＊複製人

* 工程做完以後與原設計有些許的差距
* 終端使用者的硬體設備
* 終端使用者的軟體、瀏覽網站的方式

---

## 如何挑選合適的套版以及外掛

### 讓客戶自己挑選

* 給客戶建議信任的網址購買
* Preset Filter
* 相關建議參考

### 幫客戶挑選
* 找3個主題列出比較跟不同的報價
* 如有需要使用第三方套版、外掛、照片等客戶須自行付費或由委製方請購

> **舉例**
> 主題購買連結網址：https://themeforest.net/item/bridge-creative-multipurpose-wordpress-theme/7315054?s_rank=2
> * $60 美金
> * 支援IE9以上、WooCommerce、WPML
> * 需額外安裝台灣金流
> * 需另外找Mega Menu外掛
> * 需額外購買WooCommerce Membership Subscription（附連結）

> **相關參考連結**
> *套版主題*
> https://themeforest.net/category/wordpress
> *外掛*
> https://wordpress.org/plugins/
> https://codecanyon.net/category/wordpress
>

### 如何真正與客戶溝通出理想的設計

> **建議**
>
> 依照客戶的產業，需求找到相同類似的網站做比較（ 其中注意 ： 產業的需求，終端使用者要的是什麼？）功能 VS 作品
>
> 依照客戶提供的功能需求，提供相關設計能做到的範圍與限制
>
> 對於工程師來說，時間 = 金錢，良好的溝通可以避免與客戶之間因不同產業的關係而產生更複雜的溝通困難

## 講話的藝術

**和客戶溝通要記得**

1. 客戶都是視覺動物，請拿出看得到的東西做舉例解釋。
2. 當客戶的要求是不合理或是不符合使用者需求，請勇敢說No並給專業建議。
* 客戶心裡想要的Slideshow圖片輪播 (https://ica.ivyjhs.tc.edu.tw/)
3. 切記三大說服客戶的理由：使用者需求及慣性、幫客戶省錢、幫客戶賺錢

**常見問題以及注意事項**

1. 我不確定網站瀏覽器要支援到什麼程度。
* Google Analytics 可以看使用者都用什麼瀏覽器
* WordPress 4.8之後就不再支援IE8,9,10
* 近期出的套版幾乎都只支援到IE9+
* 與客戶溝通更新瀏覽器的重要性（例如：你要Fancy animation，舊版本IE基本上不支援）
* 最近的勒索病毒，老公司都已經在更新Windows了，讓我們期待永遠不用再聽到需要支援IE8吧。
2. 為什麼我需要額外買xxx外掛？
* 因為套版沒有給你這個功能
* 跟客戶比較客制外掛以及購買現有外掛的差別（工作時間、功能、額外報價等等）
3. 購買外掛以及套版前，建議聯絡Sales並問清楚是否符合需求，缺少的物件要用什麼外掛去彌補，外掛又只能支援到客戶需求的什麼程度。
4. 套版以及外掛本身的Bug，必須連絡作者本身，我們自己去修復的話，之後外掛更新會覆蓋我們的coding。

---