---
# System prepended metadata

title: Design and innovation that transforms–踏入使用者的生活，設計一個與時俱進的產品
tags: [' Talk', VerizonMedia]

---

---
title: Design and innovation that transforms–踏入使用者的生活，設計一個與時俱進的產品
tags: VerizonMedia, Talk
---

# Design and innovation that transforms–踏入使用者的生活，設計一個與時俱進的產品

<!-- Put the link to this slide here so people can follow -->
slide: None
event: https://www.accupass.com/event/1909050615471453605854

---

「NASA黑客松」是美國太空總署創新育成活動之一，本次感謝Verizon Media（Yahoo奇摩）大力支持 NASA 黑客松活動，品牌會隨著人們的生活一起演進，歷史悠久的企業，往往會發展出深根蒂固的企業文化。然而，習慣與框架有時會成為設計師推進創新的門檻。

講師Lydia 將透過三個故事，分享這幾年如何以體驗式設計帶領團隊走進使用者的生活，並且將同理心應用在同事和決策者身上，進而打破現有設計規範，讓體驗文化在組織中發酵，創造與時俱進的產品。藉由經驗交流提供給本次NASA黑客松的參賽團隊更快速的達到團隊思考及議題掌握心法，機會難得，報名從速。

時間：2019/10/02  14:00-16:00

地點：松山文創園區 - 美國創新中心 多功能互動教室

---

## Who is speaker?

郭藺瑩 Lydia
Verizon Media（Yahoo奇摩）
亞太區產品研發部的資深設計主管

---

## Foreword

---

雅虎台北分公司，此講座在 MIX 2019 有講過

:link: MIX 2019： https://mixconf.tw/speaker/2019-13/

部門有30個左右的 Designer 設計師與 Researcher 研究員。

新 logo 表達了公司新氣象隨著時代趨勢，
把內容還給 user ，以入口為概念，在未來 AR、VR 等多媒體上更容易運用。

:link: Brand New Logo 官網：https://www.pentagram.com/work/yahoo


![](https://i.imgur.com/mM7Ubmr.jpg)

這是我們在台灣所有產品 app 

今天帶兩個主要的故事：有兩個產品開發，其中是 Made in Taiwan 的哦！

原生團隊在台灣在地的 app ，左上只有完整 yahoo logo 的是我們綜合入口型的 app 

---

## Immersive design in experiences popole

---

「Yahoo 雅虎拍賣」這個產品改革，專責人員有著十年以上了，是 Speaker 第一個負責的產品線，在內部設計、工程推動不是那麼容易的溝通。

接著我試著開啟內部堆動的小遊戲，讓大家能夠一起體驗拍賣的賣家是怎麼在賣東西、競價。

**#拍賣日常的小競賽 — 體驗買賣，才能感同身受**
 > 讓每個人真正身歷其境體驗到拍賣的過程，從賣家的生活去切入

讓溝通在同一個頻道上！
從錙銖必較的手續費到＿＿＿（缺），這些是一般沒在拍賣的人所沒有的經驗，從中開始體悟到、略懂一些細節，更能放在使用者角度去思考問題

試圖讓團隊有共同的想法，更想使賣家感到愉悅感，甚至能 predict price 預測價格。

![](https://i.imgur.com/KxqfWDS.jpg)


**#持續體驗核心活動 — User interview 只是開始**

到 User 家中實際觀察，發現使用者會 Follow offline 特賣會的相關粉絲專頁，
接著是實地勘查使用者到現場的活動。

**#忘了拍照：發覺需求與功能**

Business unit (事業單位)是很重要的決策者，在排隊預購球鞋，而這位決策者問 Speaker 為何要去排隊？因為發現身為買家的自己，可以先在 APP 拍賣正在準備預購球鞋的拍賣物件，達到捷足先登、搶先首賣的一擊。

**#忘了拍照與內容：發覺需求與功能**

體驗了一下海外代購：
in 米蘭，在拍賣大海茫茫的商品裡很難被發現，但還是有人會來問你
in 東京，利用自己建的拍賣品牌，還順便修了兩個 bug

如何使人流夠多，讓小眾品牌能說故事創造更多價值。

![](https://i.imgur.com/gNJQFId.jpg)

**#讓體驗活動在組織擴散**

當這個產品推上線的時候，運營的單位延燒到 Sales 部分，讓產品開發與推廣有更大的幫助

![](https://i.imgur.com/J0uAzlr.jpg)
![](https://i.imgur.com/brH0Bpv.jpg)

困境：都已經 on board 直播這功能了，但有顧客是沒有預算或是知識匱乏以致很難去使用到，以之前的案例為例：荔枝農民很困窘，荔枝保鮮期不長，需要在短時間賣出去，我們主動聯繫他們，要不要賣賣看，一起在現場賣荔枝，在 51 分鐘內賣了 98 箱，因此我們進入了生鮮的市場。

![](https://i.imgur.com/TbBN0rg.jpg)

台南的鹿角（求真名）—瓷器店，阿罵不會直播不會用，鹿角所在地相當偏遠，很難吸引更多受眾，也很難批量上架跟對此標籤化。

### 小結

- 日常的小競賽
- 持續體驗核心活動
- 發覺需求與功能
- 讓體驗活動在組織擴散

> 簡單故事跟照片分享，把自己當成是真正的 user ，想讓吐司慢慢發酵的話就要一直一直去做這件事讓更多人知道。

---

## Make your ideas tangible, visible and reasonable

讓你的點子更具體、真實、符合邏輯並且真正落地

---
![](https://i.imgur.com/0EoTcp2.jpg)

Yahoo 奇摩 app 最主打的產品線，
入口網站特色是包流萬象，將整個雅虎全產品線放在這個 app 裡。

![](https://i.imgur.com/RjBa64c.jpg)
![](https://i.imgur.com/zys17ZH.jpg)

User study is a "must have" process 專業的 reseacher 在小房間來探尋受訪者，在思考雅虎 app ，使用者都提到一點通病對於新聞跟入口網站很難更深入探尋某個特定主題。

![](https://i.imgur.com/jJ9iN4J.jpg)

一個大方向的決策，小細節的問題都能夠處理掉（求補齊講者段落）

![](https://i.imgur.com/5ZWve67.jpg)

有了 Research Report 會有個 User Inside 會開個 Workshop 在組織裡一起參與，從小的開始做（1 小時為限），讓不同部門暸解原來產品是這樣來的，受感興趣後會更想知道之後產出的設計稿或是任何最新資訊，始之更受人關注。

![](https://i.imgur.com/bRh6ZWb.jpg)
![](https://i.imgur.com/AIQnnCU.jpg)


「圈子」是我們旗下新產品，一個 Follow 的功能，快速 prototype 建立出來來快速應證。

![](https://i.imgur.com/J05jTBT.jpg)


（照片）一整排都是同一個頁面，由 UI Designer 與 UX Designer 所提出不同的發想，你說要選哪一個好呢？（笑）

![](https://i.imgur.com/lbQXJEQ.jpg)


有參考了 IG 的介面，想要更深的探尋，就不能向左邊那頁的底下選項，很像現實動態的單一頁面。最後老闆選擇右邊那頁，覺得是奇摩品牌一直以來的慣行，欄位怎麼能改成 IG 那樣，老闆想像的真的是讀者，但所注目的競爭品牌不一樣（年齡有關）

![](https://i.imgur.com/hBoslqv.jpg)


更加有結構來推銷設計案，以及 UX 提案，這件事要怎麼做。
第一行職業競爭者，要暸解自己社群、追蹤功能的領域佼佼者有誰？
第二行社交參考對象，來對比
將自己功能攤平來一個一個對照

![](https://i.imgur.com/5DTwvv3.jpg)
![](https://i.imgur.com/JlFZLcK.jpg)


「內容提供者」有如圖所示，簡單介紹四個值：
(1) User-generated content(UGC)： 用戶所產生的內容
(2) Professionally-generated Content(PGC)：網紅、不是素人的人（專家），專業生產內容
(3) EC：電商
(4) Media：媒體

![](https://i.imgur.com/UI9Bo0p.jpg)
![](https://i.imgur.com/72VCkOm.jpg)

整密的脈絡來說服上層，很努力做的分析報告，反覆來回提了提案。
分析小紅書與 IG 的優點。
Prototype、Mockup、Wireframes 能達到 99.5% 真實產品模樣，0.5% 是在工程端在真實資料上，實際刻版時，可能會發生落差，設計師或工程師們都會碰到怎麼彼此刻出來的樣子不太一樣。這就是這個的 0.5% 。

![](https://i.imgur.com/ikj85nD.jpg)

從一到二還好，二到三會困難，原因有二：一是資源困乏，二是＿＿＿（求補），很難做更深的推進。

![](https://i.imgur.com/ijL0t6F.jpg)
![](https://i.imgur.com/W30oQLM.jpg)

大家在思考怎麼把產品問題解決，推陳出新變得更好？
Speaker 就讓大家來當看看網紅的小遊戲吧！
某派蒂愛說話粉專經營五年但在 FB 才2千粉絲最高互動 60 沒有到很好，在 FB 是個大海茫茫很難挖掘這個小粉專出來，到了 Yahoo 把它放在美食圈分類，就能一步步找到他這個人，流量比 FB 還要好。

### 小結

![](https://i.imgur.com/auSvWiX.jpg)

---

## Blurry Edges Make Better Products

模糊角色邊界，讓團隊創造更棒的產品

---
![](https://i.imgur.com/TbWTNqL.jpg)
![](https://i.imgur.com/kJOgqXJ.jpg)
![](https://i.imgur.com/oRNPpcD.jpg)
![](https://i.imgur.com/nctTq3Y.jpg)

這個設計師負責香港的版本，自己做 Reseacher 也 PM，在少量資源下，在香港版本的分類是按照香港地區去分類，香港喜歡地域性（地域性的資訊）獲得更多鄰近的訊息，所以這個能修改後，是由設計師發現的提供 spec 後，差不多在 1.5 個月後在香港上線。

![](https://i.imgur.com/QXwG1O0.jpg)

元件可以讓 PM 來使用，抽換元素會更無縫，更加專業，不是那麼容易被 AI 取代的。

### 小結
![](https://i.imgur.com/8UXYCOT.jpg)

---
最後最後
Speaker 講了一個故事：
你家門前樓梯有個破洞，你會去修嗎？
如果上來了一個人，他跌倒受傷，敲門要求你修你會修嗎？
還是非得等到 6 個、十幾個才確定去執行？

> 顯而易見的錯誤，就應該要去修，依據風險值去評估，而非樣本數為主要關鍵。

---

## 相關文章
https://mixconf.tw/2019/news-1905/
https://designtongue.me/mix-2019-design-vision/

---

### Thank you! 🙃

You can find me on

- Twitter
https://twitter.com/yakkowu
- or email me
imyakkowu@gmail.com
