選擇你的線上型態
課後測驗
蒂蒂經營的麵包店於 6 個月前正式開幕營運。現在，她已準備好要在網路上替自己的麵包店打響知名度你認為蒂蒂應該「先」建立社群媒體商家資料，還是開發行動應用程式？
- 蒂蒂的目標是要打響線上知名度，因此建立社群媒體商家資料對她而言將是一條快速、簡單又省錢的途徑。她應該先藉助社群媒體商家資料，提供客戶與店家互動的管道。
- 蒂蒂可以等到建立社群媒體商家資料之後，再考慮進行其他長期投資 (例如開發行動應用程式)，幫助客戶獲得更多資訊並向她訂購產品。
網站的運作方式
課後測驗
蒂蒂正在研究如何為自己在當地的麵包店建立商家網站，因此想搞清楚網站的運作方式。你對技術方面的知識瞭解多深？你可以幫蒂蒂看看下列描述是否正確嗎？
- IP 位址是由一串數字組成，任何裝置只要連上網際網路都可以找到該位址。是
- 瀏覽器會找出線上內容代管伺服器的位置，並向使用者顯示內容。是
- 每個網站都是由伺服器代管。是
- 當使用者前往網站時，就稱為「代管」。否
- 如要製作網站，你需要取得所謂的「代管空間」。你可以將代管空間想成一塊建地。這類空間可能須付費才能使用，但也有免費提供的空間，因此決定之前請先四處收集資訊。
- 一台伺服器上有許多這種「建地」；你可以將伺服器想成一條街，有許多公司在這條街上租地建置網站，而這些網站則共用相同的郵遞區號。
- 每台伺服器都有自己的 IP，也就是網際網路通訊協定位址。IP 位址是由一串數字組成，任何裝置只要連上網際網路都可以找到該位址。
- 每個網站都有一個網域名稱，也就是 www. (全球資訊網代碼) 後面的字串。你可以將其想成房子的實際地址。
- 如果有人想找到你 (也就是你的網站)，該怎麼做呢？他們會使用 Google Chrome 這類瀏覽器，瀏覽器會找出網站位置、擷取網站資訊，然後顯示網站。網站載入時間多長，取決於網站上的資訊量/資訊類型和網路速度等因素。
網站的主要組成元件
課後測驗
「Smell Good Bakery」的老闆娘蒂蒂決定架設一個網站。然而，她必須先選擇一個網域名稱。以下是她正在考慮的選項，請幫她去蕪存菁，選出「最適合的一個」網域名稱。
- 選用 www.smellgoodbakery.com 做為網址，對蒂蒂的麵包店來說最為合適。
- 蒂蒂最好能在自家網站的網域名稱中提到商家名稱，因為這樣不但能讓客戶在網路上輕鬆找到她的商家，看到實體店面時也能一眼認出她的麵包坊。
網站與你的業務目標之間的關係
課後測驗
蒂蒂正在為自己的麵包店網站撰寫「關於我們」網頁的說明文字。你認為以下何者能夠獲得最佳成效？
- 你為蛋糕癡狂嗎？我們也是！烘焙達人麵包坊致力於製作最美味的餅乾、蛋糕和麵包，才能成為連續三年消費者心中最愛烘焙坊票選冠軍。
- 蒂蒂在撰寫網頁內容時，應採用充滿自信的語氣，但不應流於傲慢自大。
- 由於她經營的是一家麵包店，因此應使用日常用語來撰寫這篇內容；換做其他較嚴肅的業務 (例如法律公司)，這樣的用語就不太合適。蒂蒂應使用適當的語氣，介紹自己的業務和商品。
- 第二個選項使用了過多商業術語。一家新成立的科技公司在文案中使用「願景」兩字或許還算合適，但這兩個字如果出現在一家麵包店的文案中，可能就會令人感到困惑。此外，這段說明文字也沒有提到蒂蒂經營的是一家麵包店。
- 第三個選項採用的語調有傲慢自大之嫌。它拋出了一句霸道的行銷辭令，卻沒有說明此店家將如何滿足客戶的需求。
建構簡單好用的網站
課後測驗
蒂蒂想讓自己網站的瀏覽介面更簡單易用。蒂蒂應該在網站的每個網頁上新增下列哪一項功能？
- 側邊選單
- 「關於我們」資訊
- 連到首頁的麵包店標誌
- 搜尋欄位
- 蒂蒂的網站訪客應該要能快速找到所需的資訊。蒂蒂可以使用側邊選單和搜尋欄位來幫助訪客，而且這兩種元素在每個網頁上的位置最好都相同。
- 訪客也應該要能夠快速回到首頁。在許多網站上，只要點選網站logo就可以回到首頁。
- 「關於我們」資訊可吸引訪客前來，但不用放在每個網頁上。
網站設計禁忌
課後測驗
蒂蒂想為自己的麵包店網站加入一些多媒體元素，讓網站首頁更有趣。由於不同的元素會讓網頁載入速度變慢，因此她需要挑選適合自己網站的元素。請按照載入速度，從慢到快為下列元素排序。
- 2 分鐘高畫質麵包店廣告影片
- 高解析度全螢幕背景圖片
- 20 秒說明動畫
- 低解析度壓縮圖
- 外連到Facebook 網頁的圖示按鈕
- 文字說明
- 使用者期待網站快速載入，如果等太久的話可能就會放棄瀏覽，因此你為網站設計整體風格的同時，也要讓網頁能夠快速載入。選擇適合的媒體組合與代管方案，即可同時達成這兩個目的。
- 你在設計網頁時應該使用經過壓縮的圖片，不要使用太多影片之類的大檔。建議你先測試使用不同裝置和連線類型載入商家網站所花的時間，再正式發布網站。
主題小考
問題 1 關於「為商家提高網路知名度」的敘述，以下何者為真？
- A 客戶可以透過下載行動應用程式來認識商家，但無法透過應用程式下訂單
- B 建立新的網站需要大筆預算
- C 行動應用程式讓你的客戶無須造訪你的網站，就能購買你的產品
- D 所有商家都必須擁有線上網站才能銷售產品
註釋：有了行動應用程式，客戶不必實際造訪你的網站，就能體驗你的品牌和購買產品。
問題 2 什麼是網路伺服器？
- A 你有任何網站相關問題時可致電的客服代表
- B 在網路上搜尋字詞時獲得的答案
- C 已連上網際網路的電腦，且需透過軟體代管你網站的所有元件
- D 決定你行動連線速度的裝置
註釋：網路伺服器是已連上網路的電腦，可讓你在線上「代管」網站
問題 3
填空題： __是連往你網站/網頁或網路上其他地方的捷徑。
- A 超連結
- B 返回連結
- C 選單列
- D 導航標記
註釋：超連結的功用是讓網站使用者能快速存取網際網路上的其他網頁。
問題 4下列何者是不建議加到網站中的元素？
- A 價格
- B 大量深奧的科學資訊和詳細統計資料
- C 特價優惠
- D 證明你可提供相關服務的資格證書
註釋： 讓潛在客戶認識你的產品和服務固然是好事，但把大量訊息一股腦丟給他們，經常會造成反效果，徒留負面的使用者體驗。
問題 5 下列何者是網站「行動號召」的例子？
- A 你的電話號碼
- B 「規劃路線」按鈕，客戶按下後，系統便會重新導向至地圖，並根據客戶目前所在地址顯示前往商店的路線
- C 可將客戶帶往你社群媒體帳戶的圖示按鈕
- D 一組有助使用者完成消費的熱線電話號碼
註釋：行動號召旨在促使你的目標對象執行特定的任務 (如訂閱電子報或將商品放進線上購物車)。在此例中，行動號召的目的是鼓勵使用者輸入地址，這樣網站就可以產生地圖，引導他們從所在位置前往實體商店。
問題 6 製作網站內容時，應考量什麼？
- A 客戶想要及需要的內容
- B 你的最新促銷活動和折扣
- C 你的品牌價值
- D 內容是否會爆紅
註釋：為網站設計內容時，首要任務便是投客戶所好，提供他們所需的內容。
1.您應該思考客戶的需求，並依此製作網站內容
- O
2.要協助訪客準確找到所需資訊，在網站上加入搜尋框是個好方法
- O
3.「超連結」是連往您網站上其他網頁或網路上其他地方的捷徑
- O
4.下列何者不是網站中必要的內容？
- 您的地址
- 自拍拼貼
- 您的電話號碼
- 前往您店面的地圖
5.使用者無法在您的首頁找到什麼內容？
- 所有關於您提供的產品/服務的細節
- 您的地址
- 前往您店面的地圖
- 您的電話號碼
6.下列何者算是網站上「行動號召」的例子？
- 「立即來電」連結，讓訪客只要按一下就能致電您的商店
- 「規劃前往本店的路線」按鈕，點擊後便可規劃訪客所在位置到您店面的路線
- 「立即購買」按鈕，可讓訪客直接下單
- 以上皆是
7.幾乎所有內容都應該包含直接的推銷用語
- X
8.什麼是網路伺服器？
- 您有任何網站相關問題時可致電的客服代表
- 在網路上搜尋字詞時獲得的答案
- 已連上網路的電腦，並安裝了軟體來代管您網站的所有元件
- 決定您行動連線速度的裝置
9.客戶可以下載您的行動應用程式來認識您的商家，但無法透過該應用程式下訂單
- X
10.規劃設計網站時，將您的業務目標和訪客需求牢記在心，將會大幅提高成功的可能性
- O
