UX讀書會(一)做網站前該注意哪些事? 什麼才是好的UX產品?

郭思妤
4 min readApr 3, 2018

--

選書《如何設計好網站》、《UX策略》

大綱:

1. 作網站之前該作的事

a. 先看競爭對手

b. 先測試其他相似的網站(直接競爭、間接競爭)

風格、組織(IA)、功能

- 網站目的:關於我們、公司概況…以Excel表格紀錄

- 個人化功能:收藏、購物車等

- 網站的細節:配置字的按鍵、下拉選單、首頁是新的開始,不要塞太多。這個網站重點是什麼,要從何開始?

2. 如何訪談與分析?

a. 訪談內容:

前期:得到意見跟感受(理念、價值定位、特色功能名稱是否適當、競爭對手)

後期:使用性測試(猜測這是什麼、嘗試用這個東西進行正常工作)

前期就抓一個來測試比後期抓50個好。永遠不嫌早,測試人數一次3個最剛好,少量多次,一次次修改,不要怕拿出半成品

- 游擊式訪談

計畫for 1~2週

1. 決定研究目的

2. 準備訪談問題

開場 3mins

問題訪談 10mins

解決方案展示與訪談 15mins

收尾 2mins

3. 挑選場地(建議不要錄音,以免給予壓力)

4. 招募受試者

5. 篩選受試者

- 焦點訪談

8~12人,經常有4~5人焦點訪談。3小時以上

參與者分組、慎選主持人

合理的酬勞、邀請函要簡單、別討論網站、不要羞於問朋友

- 分析

是對的客群嗎?

是真的痛點嗎?

解決方案是否到位?

驗證被支持的話,找看看有沒有小地方能修正?

驗證失敗的話,評估原因

要相信證據

3. 如何判斷是不是好網站

- 拿遠遠的看依然要知道網站

1. 在幹嘛

2. 明顯可以點的詞跟符號

3. 像大富翁一樣,一格一格明確

4. 說明越少越好

5. 導覽頁告訴我們這裡有什麼?那怎麼用?重點是把階層結構表現出來

6. 名稱logo每頁都要放

7. 搜尋就搜尋

8. 每一頁都要有名稱

9. 滑鼠在哪要很明顯

10. 放標籤

太多記不起來?試試後車箱測試(拿遠遠地看)

1. 這是什麼網站

2. 我在哪一頁

3. 有哪些主要分區

4. 我在這一層有哪些選擇

5. 在整個架構中,我身陷何處

6. 我要怎麼搜尋

- 先分類問題,再解決問題

扣分:使用者對概念不清楚、想找的字彙不在網站上、頁面上東西太多(ex google vs yahoo)

避免:1. 隱藏想找的(客服、商品價格、罷工新聞稿等)、沒照妳的方式作而受罰、要其實不需要的資料、用廢話敷衍、不識抬舉(冗長的flash或圖)、看起來不專業

加分:1. 知道自己在幹嘛,要知道使用者最想做的三件事、2. 說明使用者想知道的:運費、停車費、額外收費、3. 讓使用者省事、4. 用心處理、知道使用者遇到什麼問題,並提出解答:QA很重要、體貼-友善列印、易從錯誤中復原、有疑問,先道歉

《UX策略》

1. 商業策略:

Business model

1. 目標客群

2. 價值主張

3. 通路

…等

2. 價值創新

(藍海策略 — 創新、實用、售價)

價值主張

定義主要客群

釐清客群最大的問題

假設 -> 建立暫時性的人物誌

進行顧客研究 驗證或推翻解決方案作價值主張(訪談)

根據得到證據,重新評估價值主張

3. 實證使用者研究

POP、精實創業、MVP等

4. 殺手級UX策略

1. 一開始就跟利害關係人+團隊成員合作(決策靠證據)

2. 關鍵功能(e.g. Tinder向左向右滑)

3. 熟悉現有市場

4. 跟潛在和現有重度使用者對話 (還沒玩但有玩小遊戲vs 花好幾千的使用者,why?)

5. 網羅所有接觸點

成員問到:萬一到最後兩個網站越來越相似,會不會有智慧財產權的問題?

報告者回答:有些網站到後來都有點互抄的感覺,可能就看程度

培養大家看網站的素養

1. Html 排版

2. CSS 樣式設計

3. Bootstrap

4. 互動式網頁:ex政大網站 RWD (會依據不同的大小、瀏覽來呈現)

最後最後:可以搜尋BOOTSTRAP TEMPLATE 2018 BEST看樣式

延伸閱讀: 使用者行為、介面行為,系統行為-影響使用者體驗的三個因素

--

--

郭思妤

原UX與行銷筆記 畢業於政大心理系,目前在電商代操公司服務外商FMCG。電商/廣告代理商/新創/外商行銷、業務、UX職涯相關問題可以Email我(wamy1546@gmail.com)