
Project Details
Tools
Sketch, Illustrator, InVision, After Effects
Time
Dec. 2016
Role
UX/UI Website Designer
波咔網站改版
波咔Pokaa Café&Bistro 是一家位於新竹的義法料理餐廳,其營業團隊在開業初期架設了網站。此網站包含餐廳的基本介紹、訂位資訊與最新動態,但由於架構不明確、資訊繁多且介面複雜,讓消費者無法明確快速地找到所需資訊。
概要
我在餐廳營運時擔任行銷管理,後期同時開始負責網站的主要維護。當我轉換為消費者的觀點去瀏覽網站時,可以明確發現網站的系統介面不友善、資訊繁雜。我知道一個良好的使用者介面是直覺性的,需要讓消費者不需要過多思考便迅速獲得資訊,然而這樣的設計背後其實需要多方考量,並不容易達到。當時我已對使用者設計有濃厚的興趣,於是以自己的認知試著幫網站改版,在設計過程中,我了解到實際會遇到的困難,因而促使我至帕森斯設計學院進修,學習互動設計。
在設計學院畢業後,我再度嘗試改版此網站。我的Design question很簡單:該如何改善Pokaa Cafe&Bistro網站的可用性,幫助消費者更輕鬆在餐廳網站上找到相關資訊?
該如何改善Pokaa Cafe&Bistro網站的可用性,幫助消費者更輕鬆在餐廳網站上找到相關資訊?
目標
改善Pokaa Cafe&Bistro網站的可用性,幫助消費者更輕鬆在網站上,找到餐廳的相關資訊
目前網站問題

網站架構分析
原本的網站架構有許多重複的資訊,如下圖星星的標注。

使用者訪問結果



於是我把許多顧客的問題統整,分為三大類:重複的資訊、網站架構不明確、與難以理解的網站導引。我同時做了市場調查,了解顧客使用網站時最常用的功能、最不喜歡的地方等問題,並參考了網站後台的點擊率。結果發現,首頁、菜單與地址的頁面最常被造訪(如下圖。最後,我統整出一系列的痛點與使用者需求。
顧客的痛點包括:
(1)難以找到訂位資訊
(2)網站圖片幻燈片連續更換讓人分心
(3)首頁上過多資訊讓人眼花撩亂。
而使用者需求則包含:
(1)明確的訂位按鈕或聯絡資訊
(2)顯眼的菜單頁面與資訊的統整,好讓資訊可以迅速被顧客搜尋到。

用戶的痛點與需求

更新後的網站架構圖

製作原型Prototyping
Wireframes
Mainpage


Menu Page
Location & Hours Page

About Page
News & Events Page
Hi-fi Prototype

改版後波咔的網站首頁
我把顧客最常用的功能:菜單、地址與營業時間、餐廳故事、最新消息與訂位功能放置網站上的Top Bar,讓顧客可以清楚的看到。
菜單頁面
各種菜單都明確的列出,好讓顧客可以點選想要查詢的菜單。

最新消息頁面
有任何的新資訊,都會更新在各頁面上,消費者有都可以點進各個資訊,閱讀更詳細的資訊。
地址與營業時間頁面
把確切營業時間與餐廳地址提供在這個頁面上,並也有訂位的按鈕,鼓勵大家路過可先行定位。
