Lindsay is observing.....

Kindle 繁體資源懶人包

2020-02-18T12:46:00.000+08:00

在台灣 - 繁體中文的世界，拿到一個 Kindle 你一定要知道的一些網路資源

20200218 update

帳號：

很高興 Amazon 有繁體書啦！記得要在美國區申請帳號才可以購買喔～
如果可以閱讀簡體字 amazon.cn 我會建議你申請一個 cn 的帳號 (xxxx@kindle.cn)，因為簡體的電子書不但多，更便宜。
如果你在 amazon.com 上已經有用同一個 email 申請帳號，記得兩邊要使用不同的的密碼，Amazon 才可以分辨來自哪個地區。

繁體書：

好讀：http://www.haodoo.net/ 直接下載 prc檔案，丟到 Kindle 就可以看了 (龜毛一點可以下載 epub 檔案使用下面 "天火藏書" 的工具橫式轉直式輸出成 prc檔案，閱讀起來比較舒服)
天火藏書：http://ebook.cdict.info/freebook.html 免費直式電子書
Readmoo：https://readmoo.com/block/175 只有在這個 DRM-Free 分類下面的 epub檔案可以下載回去自行轉成 mobi 的格式

簡體書：

子烏書簡：https://5kindle.com/
掌上書苑：http://www.soepub.com/index/ (需要購買)
~~愛看豆：http://ikandou.com/g/~~ (已關站)
~~Cozy：http://www.coay.com/~~ (已失效)

漫畫推送：

http://vol.moe/
每個月有固定配額的漫畫量可以推送，記得按照網站步驟設定就可以收到漫畫啦～

搜尋：

~~http://forfrigg.com/~~ (已失效)
https://www.jiumodiary.com/

檔案格式轉換：

~~pdf 轉 mobi or awz：http://www.pdf4kindle.com/~~ (已失效)
epub 轉 mobi：http://www.convertfiles.com/
~~pdf 雲端轉檔工具 - 4kindle：http://www.4kindle.tw/ 四點設計公司免費提供的線上服務，可以把 pdf 轉檔後直接寄給到你的 @kindle.cn , @kindle.com 的信箱非常方便~~ (已失效)

語言轉換：

簡體轉繁體：~~http://epubconv.mobi/ 限 epub 檔案~~ (已失效)

樣式轉換：

橫式轉直式：天火藏書 http://ebook.cdict.info/mobi/

套件：

Chrome 套件：http://www.amazon.com/gp/sendtokindle 念不完的文章用這個寄到 kindle 非常方便

跟著臉書創辦人馬克‧扎克伯格一起念書 (台灣購書書單) A Year of Books 2015 Mark Zucherburg for Taiwan Readers

2015-12-31T17:05:00.002+08:00

大家來跟著臉書創辦人馬克扎克伯格一起念書

A Year of Books 2015 Mark Zucherburg 馬克扎克伯格 2015年書單

看了 36 氪整理的書籍介紹後

我決定整理一下方便台灣人買書的博客來書單跟 TAZZE書單
附上有繁體書籍的連結，若是只能購買到簡體我會特別註解

更新時間： 20151231 (將定時更新)

========================================
1. 《微權力：從會議室、軍事衝突、宗教到國家，權力為何衰退與轉移，世界將屬於誰？》
The End of Power: From Boardrooms to Battlefields and Churches to States, Why Being In Charge Isn’t What It Used to Be

博客來
TAAZE

感想：這本滿硬的，不過個人覺得很值得買來慢慢閱讀

========================================
2. 《人性中的善良天使：一部人類新史(上下冊)》
The Better Angels of Our Nature: Why Violence Has Declined

博客來 (簡體中文)
TAAZE

========================================
3. 《我當黑幫老大的一天：流氓社會學家的貧民窟10年觀察》
Gang Leader For A Day: A Rogue Sociologist Takes To the Streets

博客來
TAAZE

========================================
4. On Immunity：An Inoculation
免疫：接種

暫無中譯本

========================================
5. 《創意電力公司：我如何打造皮克斯動畫》
Creativity, INC. Overcoming the unseen forces that stand in the way of true inspiration

博客來
TAAZE

========================================
6. 《科學革命的結構》
The Structure of Scientific Revolutions

博客來繁體版 2002
TAAZE 繁體版 2002
TAAZE 簡體版 2012

========================================
7. 《理性的儀式》
Rational Ritual

博客來
TAAZE

========================================
8. Dealing With China: An Insider Unmasks the New Economic Superpower
應對中國：揭開新經濟超級大國的面紗

暫無中譯本

========================================
9. Orwell's Revenge: The 1984 Palimpsest
奧威爾的報復

暫無中譯本

========================================
10. The New Jim Crow: Mass Incarceration in the Age of Colorblindness
新吉姆·克勞種族主義

暫無中譯本

========================================
11. The Muqaddimah: An Introduction to History
歷史緒論

暫無中譯本

========================================
12. 《人類大歷史：從野獸到扮演上帝》
Sapiens (From Animals Into Gods):A Brief History of Humankind

博客來
TAAZE

========================================
13. The Player of Games
遊戲玩家

暫無中譯本

========================================
14. Energy: A Beginner' s Guide
能量：新手指南

暫無中譯本

========================================
15.《23對染色體：解讀創生奧祕的生命之書》
Genome: the Autobiography of a species in 23 Chapters

博客來
TAAZE

========================================
16. 《宗教經驗之種種》
The Varieties of Religious Experience

博客來
TAAZE

========================================
17. Portfolios of the Poor: How the World' s Poor Live on $2 a Day
貧窮檔案

暫無中譯本

========================================
18. 《國家為什麼會失敗：權力、富裕與貧困的根源》
Why Nations Fail: The Origins of Power, Prosperity, and Poverty

博客來
TAAZE

========================================
19.《世界，沒你想的那麼糟：達爾文也喊Yes的樂觀演化》
The Rational Optimist：How Prosperity Evolves

博客來
TAAZE

========================================
20. 《三體》(中國科幻小說)

博客來
TAAZE

博客來
TAAZE

博客來
TAAZE

========================================
21. The Idea Factory: Bell Labs and the Great Age of American Innovation
創意工廠:貝爾實驗室與美國創新的偉大年代

暫無中譯本

========================================

2015年七大新網頁設計趨勢

2015-06-17T14:52:00.001+08:00

文章出處：http://delighten.co.uk/7-future-web-design-trends/

我紀錄一些重點跟心得：

1. Gestures are the new clicks：scrolling first, and clicking second
過去我們會把滑鼠移動到 scrollbar 上滑動，成本算高，現在裝置的已經逐漸進化，滑鼠滾輪、觸控螢幕、觸控板...等都非常方便，滾動成已經降低，網頁的"滾動"比"點擊"來的容易，"手勢"的運用應該是未來的趨勢！

2. The fold really is dead this time
由於滾動的成本變低了，"第一屏"效果將不再是重點。

3. Users are quicker, websites are simplifying
新網路世代【快】，現在的使用者是沒有耐性的，最重要的是讓使用者更快了解你的網站要表達什麼，過去擬真或擬物的風格不再有幫助，扁平化設計代表的是【了解快】跟【速度快】，「簡潔明瞭」會是設計者最大的難題。

4. The pixel is dead
從所謂的 Retina (視網膜技術) 開始，Responsive Web Design 告訴我們的是 1 pixel 將不再是重點，Icon Font 設計師不可不知，不同解析度該提供不同尺寸大小的圖片是必須的。

5. Animation is back
扁平化設計的興起，需要的輔助是動畫效果，這邊所謂的效果互動主要使用 CSS，GIF也開始重現江湖！

6. Components are the new frameworks
過去我們常常需要使用某一個特殊的互動或是功能時，得 import 一個肥大的 framwork，新的網站趨勢是"快速"，簡潔的 Components 套用會逐漸取代 framwork。

7. Social saturation and the rise of direct email
社群行銷飽和問題，越來越多人往社群網站跑，大量的貼文跟廣告，其實人們的眼球還是有限的，除了付費給 facebook之外沒有什麼好做法；所以有些企業開始走回原本的 Email 精準行銷，我也開始訂閱相關的文章，每天只看五則精選的內容，像是這篇文章就是從 siderbar 看到的。

HPX69 筆記與心得

2015-04-20T16:53:00.001+08:00

活動：HPX69 – 讓團隊動起來 http://www.hpx.tw/archives/19407
日期：4/16 (週四) 晚上 7:30-9:30
地點：台北市松山區八德路四段 123 號 3 樓(CLBC大船艦)

主題：
1. 設計師！起來！ / Ethan Chiang
2. 組織溝通技巧 / 莊思凌 David Chuang
3. 好讚呀，下次一定再來！ / 李德俊 (紅豆)
4. 學習如何設計即時工作坊 Learn how to design a real-time workshop / 紀旻廷 Min Chi

以下是我聽演講的筆記跟一些心得
設備：iPad Air 2
軟體：Noteshelf

=========================================================
1. 設計師！起來！ / Ethan Chiang

1. More Goal, Less Role
2. Insight, Not Fact
3. Prototype
4. Golden Circle

團隊建立該怎麼開始？
1. 坐再一起
2. 很多的白板。
這點真是感同身受，我目前工作的環境就是 war room，白板真的是最好的溝通工具，也是很好的公告工具，待處理的項目，寫在白板上，團隊也可以跟著目標一起前進
3. 便利貼，一個 idea 一個 post-it，不要把一堆東西寫在上面。

重要的元素
1. Users：了解你的 Users
2. Why Why Why Why Why，請隨時隨地問 Why
3. ME 倒過來是 WE，放下自我，隨時想著 "我們"

分享結束有人提問：
問題：「如果團隊內有人還是認同舊方法比較好，不願意接受新方法該如何？」
講師：「坐在一起！」
問題：「如果.....已經坐在一起了呢？」(無奈)
講師：「建立團隊需要時間，Yahoo 這個 Team 就花了一年，每個人有對自己腳色的堅持，這個真的需要時間。」

=========================================================

2. 組織溝通技巧 / 莊思凌 David Chuang

David 的自我介紹很強大 (果然是溝通+簡報大師)
1. 結婚17年，沒有吵過架的老公 (台下都是驚呼聲)
家訓：好好說話、多說好話
2. 像"補習班的名師"一樣，可以用很精簡的描述，把一件事情的重點講完 --- from 104 AVP, Joe
3. "讓我最興奮，也常常令我很頭痛，因為我們對事情常有不同觀點，但最後總能達成協議" --- from 104 GM, Simon

協議：你們見過打仗有共識的嗎？通常都只有停火協議

溝通的層次
1. Communication (溝通) 交流，拋跟接的互動
2. Negotiation (談判) 比較喜歡英文意思，中文意思比較負面。探索需求，作價值的交換

David 用了新聞片段來詢問大家，到底誰出了問題？溝通絕對不只是一個人的事情！

1. Ground Rule for Communication
溝通是接收者導向，溝通是需要設計的。

2. Ground Rule for Negotiation
溝通前要有認知，對方跟你看法不同是正常的！

溝通的循環
Communication 傳達 -> 接收
Negotiation 探索 ->切入

你，真的說清楚了嗎？

David 接著示範
Negotiation 中最困難的探索跟切入
探索前要先找出問題背後的問題，也就是背後靈
- 立場的需求 Positional Needs
- 感覺的需求 Personal Needs
在溝通時要分得清楚

有一些可以運用的話術，但請注意不要馬上改變成太過客氣的講話方式，同事們會覺得你怪怪的
- 可否讓我了解一下，為什麼....?
- 在什麼樣的情況下......
- 如果.....
- 小心使用 "但是" 這兩個字

再來是切入的方式，要先了解人性
- 逃避痛苦的力量比較強大

同場加映，我前陣子分享的【網站設計心理學】，可以再深入一點了解人性喔～

網頁設計心理學讀書心得分享 from Lindsay Hsieh

David 提到的練習
Token Play，拿到球的人才能講話，團隊才能逐漸修改通的習慣。

演講時，David 示範的溝通練習，小叮噹的題目；我的主管 Neil 幫我訓練過，是一種非常有效的練習方式，不過需要厲害的主持人跟好的團隊一起練習，意者請洽 David ，這要大師才能主持的 :P

溝通升級版201006 from Lindsay Hsieh

=========================================================
3. 好讚呀，下次一定再來！ / 李德俊 (紅豆)

我應該是第二次聽紅豆分享類似的經驗
這個人真的熱情用不完，演講中紅豆也不斷提醒簡報他會放上 slideshare
大家直接看簡報比較精彩阿！如下～

好讚呀，下次一定再來 20150417(HPX69分享版) from D.J Lee

=========================================================

4. 學習如何設計即時工作坊 Learn how to design a real-time workshop / 紀旻廷 Min Chi

設計即時工作坊又是另一個領域，今天的主題跟 "團隊" 有關，但方向大不相同，講者的簡報比較多不方便公開的東西。

我們可是聽得津津有味，演講結束後我妹跟我分享，其實過去在大學的社團中工會 (中國工程師學會)，就是在進行這樣的即時工作坊，在進行之前會花很多時間了解 "人" 跟 "溝通"，不少學長姐畢業後的工作反倒跟 "人 " 比較有關聯呢！

附註： Richard 唱歌很好聽。

把 User Stories 改成 Job Stories

2015-01-22T16:41:00.002+08:00

我們使用 User Stories 讓 designers 跟 developers 了解使用者問題的脈絡，給我他們更多空間或方式去解決使用者發生的問題。

不過有人發現 User Stories 有很大的缺陷，每個人理解的程度不同，最後會變成定義解法 (solution)，變成在解決「怎麼做」這件事，並非定義問題。

當我們在開發產品時，應該專注在定義問題，並非解法。

先認識一下兩者的不同

User Story：
As a [persona/role] I want to [action] so that [outcome/benefit].
身為某人/某角色，我想要某個行為/功能，如此可以得到某種好處/結果 (有商業價值的)。

改成

Job Story:
When [users work/life context] I want to [motivation] so that [outcome/benefit].
當發生某種情況，我有某個動機，如此可以期待得到某種好處/結果。

最大的不同就是【Motivation 動機】

來幾個例子練習一下，情境是一個 "技術討論區"

User Story：
身為一個工程師，當我是貼文者最多的人，我想要我的個人介紹裡面有一個徽章讓大家知道我是最多貼文的人。

Job Story：
當我是這個主題的最多文章貢獻者，我希望可以呈現在我的個人介紹頁上，讓大家知道我這個主題的專家。
(解法就不限制在 "徽章" 了。)

User Story：
身為一個工程師，我想要看某個人在這個主題的貼文數字，這樣我才知道這個人的開發經驗可不可靠。

Job Story：
當我看某人的個人介紹頁，我想要看這個人在每個主題貢獻的文章數字，這樣我才能了解這個人的知識領域分布。
(找出真正的動機了)

另一個有點拗口的例子

User Story：
身為一個評估者，我想要看到那些我想要評估的東西，我才能評估他們。

Job Story：
當我發現一個我需要評估的東西，我必須親眼看到它，所以才能確認那是我想要評估的東西。

那當一個系統有多種角色 (系統架構內的角色，並非故事角色) 跟事件的時候怎麼辦？例如：買方、賣方，總管理者、一般管理者、使用者、維護工程師...等。該怎麼寫 Job Story？試著伴隨著事件的情境(events) 跟因果關係 (cause and effect scenario) 一起寫。

例子1：
當買家已經競標了一個商品，即時的競標數通知對買家來講非常重要，這樣買家才有足夠的時間去評估是否繼續競標猜物品。

例子2：(加入因果關係)
當賣家對於商品的競標的狀態不滿意，想將商品下架，但已經送出競標的買家希望可以馬上知道商品被下架，這樣它們就不用繼續關注這個商品後續的變化，並可以開始注意其他類似商品。

例子3：(不同的腳色有相同的事件發生時，不用再去切分角色)
當客戶在手持裝置上，發現自己忘記密碼，他們想要利用手機可以快速的取回或是重製密碼，讓它們可以繼續登入並使用網站。

參考文章：
The Problem With User Stories and What's Better...
http://alanklement.blogspot.tw/2013/03/the-problem-with-user-stories-and-whats.html

Converting To Jobs Stories
http://robots.thoughtbot.com/converting-to-jobs-stories

Replacing The User Story With The Job Story
https://medium.com/the-job-to-be-done/replacing-the-user-story-with-the-job-story-af7cdee10c27

為什麼人們不捲動頁面？廣告放在頁面上方真的比較有效嗎？

2014-12-12T17:52:00.001+08:00

Luke Wroblewski 在 Twitter 上從 12/09 開始提出了一個 "There is no fold" 的討論

探討的是現代跨裝置網頁設計 (contemporary multi-device web design) "捲動" (scroll) 跟 "摺疊" (the fold) 的迷思 (Myth)

我們先來認識一下 "the fold" 英文的解釋是 the typical height of a browser window, about 700 pixels，用比較白話的講法可以說是 "第一屏"，大部分網頁在瀏覽器內可以看到的網頁高度，平均在 700 pixel 左右。

因為剛好最近在研究，我想順便把 Luke 的 Twitter 整理一下給大家參考。

(內嵌 Twitter 原文，請稍微等候一下，別急著滾動 :P )

Part 1
Luke 先提出滾動深度的現象給大家參考，人們常常在整個頁面還沒有 load 完就開始捲動頁面，大約有7成的使用者會只會看第一屏看到的東西
橫軸是網頁由上往下的 pixel 高度。

There is no fold. [part 1] pic.twitter.com/OlcR1tWy7l
— Luke Wroblewski (@lukew) 2014 12月 8日

Part 2
這張在講的使用者願意去互動的秒數(y軸)跟滾動的高度(x)

There is no fold. [part 2] pic.twitter.com/zdhLXJoHjb
— Luke Wroblewski (@lukew) 2014 12月 8日

延伸閱讀：網頁的捲動行為研究
http://blog.chartbeat.com/2013/08/12/scroll-behavior-across-the-web/

Part 3
頁面的長度到底是不是重點？
重點不是的 call to action 有沒有在第一頁就被看到，重點是使用者能不能被說服去 take action。

There is no fold [part 3]. pic.twitter.com/tlPBLAg1Cn
— Luke Wroblewski (@lukew) 2014 12月 8日

延伸閱讀：Does optimization ever end? How we grew Crazy Egg’s conversion rate by 363%
http://www.conversion-rate-experts.com/crazy-egg-case-study/
這個文章很值得閱讀，Crazy Egg 的改版提高了 363% 的轉換率，第一個改變竟然是把頁面變長了！還有表單的改版...等等。

Part 4
最常 "真的" "被看到" 的廣告，並不在 "第一屏"，反而是在捲動之後。

There is no fold [part 4]. pic.twitter.com/o90azdb90F
— Luke Wroblewski (@lukew) 2014 12月 8日

Part 5
我們可以按照使用者螢幕的可視高度，用 Media Queries 去改變也面高度的設計。

There is no fold. [part 5] vertical MQs let you move content based on available height: http://t.co/7zxoMhQrkM pic.twitter.com/FOChyypaLm
— Luke Wroblewski (@lukew) 2014 12月 8日

影片示範

Part 6
這張前端工程師看了會很驚恐，過去六個月統計以來，所有的裝置大概有 3997種的解析度....

There is no fold. [part 6] pic.twitter.com/T1b7AnkDCS
— Luke Wroblewski (@lukew) 2014 12月 8日

Why People don't scroll
為什麼使用者不捲動頁面？
1. 使用者並不會預期網頁上有水平的移動方式
2. 網頁的設計要注意是否讓使用者感受到 "好像已經結束了？"

Why people don't scroll… pic.twitter.com/sd01TL3Rbk
— Luke Wroblewski (@lukew) 2014 12月 10日

When People do Sroll
當使用者正在捲動的時候
1. 因為想要了解接下來的內容才會想要 "捲動" 頁面
2. "點擊" 是一種下決定的行為。

When people do scroll… pic.twitter.com/4kxyawWE8e
— Luke Wroblewski (@lukew) 2014 12月 10日

Luke 看來後續還有新的議題在討論，我會再繼續整理....

微博 weibo 2014 改版介紹 Redesign

2014-10-23T16:00:00.003+08:00

前幾個月都在研究 weibo 的手機觸屏版 http://m.weibo.cn
很喜歡 weibo 的介面跟互動設計
比較舊手機想使用 weibo 也不用擔心安裝 app會跑不動

這週，看到 weibo desktop 版本大改版了
非常喜歡這個 Parallax Scrolling (視差滾動) 設計的介紹頁面
http://www.weibo.com/new (這網址需要有微博的帳號才能看到)

我將畫面擷取下來：

走過時間線(這是要帶入個人頁面的新功能)

讓你回味一下你的第一篇po文

最後讓我們來比較一下新舊版改版前後的設計
舊版閱讀時，雖然有線條的區隔，但資訊一多還是全部黏在一起

新版將貼文跟文章閱讀區塊切割乾淨，閱讀起來非常舒適
收藏、轉發、評論跟讚的可點擊區塊也變大了
Touch Friendly，未來 Tablet 上使用 weibo 應該更順暢了

個人頁很明顯是跟 Facebook Profile 對齊
不過多了「微音樂」還滿新奇的

=========== 20141102 補充 =============
微博 UCD 也發佈了一篇，非常值得一讀哦
微博UDC設計中心：水器相形！新版微博設計錄

Email (EDM) 設計指南

2014-09-30T15:26:00.005+08:00

這個是有名的電子報服務 MailChimp 撰寫的 Email 設計指南
讓設計者學會更有效的應用圖片、字型、Call to Actoin (CTA)
清楚的重點配上圖片，非常有用的指南阿！

以下為我自己整理的重點，詳細可以看最下方的連結

※ content：
專注在單一清楚的重點、簡化再簡化、內容層級分清楚、區塊切割方便掃視、可連外。

※ template：
找一個適合的版型，拖拉編排，最後嘗試整理存下方便未來使用。

※ identity：
清楚的標示自己的 logo。

※ color：
越少顏色才能讓訊息傳達清楚，讓讀者專心在你想傳達的重點上；清楚分開頭尾。

※ images：
使用公司的 logo，讓 user更清楚你從哪來；使用圖片，但要注意圖片的大小。

※ layout：
大多數使用者只花不到 15秒閱讀行銷類的信件，簡潔扼要很重要；排版不要密密麻麻，保留喘息的空間；如有較多文字對齊會更好閱讀；如果內容屬性不同，請分隔清楚。
※ fonts：建議字體大小在 14px-16px，如果要大於 16px，請簡短；選擇適合你的字型，不要超過兩種以上。

※ calls to action：
首先要了解你的 CTAs 是什麼，仔細盤點，一封信件中請不要有過多的 CTAs；給予明確的指示；例如：「購買」、「申請帳號」...等；清楚標示 CTAs 的大小，按照重要性給予不同層級大小；給予的內容跟預期會到達的頁面要盤整清楚，不要讓使用者感到驚嚇。

http://mailchimp.com/resources/email-design-guide/

MIX 2014 筆記與心得(6/6) - 組織文化，Lean UX，與多螢 / 程世嘉

2014-05-13T16:32:00.004+08:00

多螢互動體驗設計論壇 http://mix.hpx.tw/2014/ch/agenda/

第6場 - From Corporate Culture to Lean UX (組織文化，Lean UX，與多螢) - 程世嘉 Sega Cheng / iKala 執行長 (* 本場演講另有線上付費LIVE直播服務)

Sega 過去曾經在 Google 負責過 Google Search， Google Map， iGoogle ... 等產品。(據說是非常非常聰明的人！)

剛開始先介紹講者自己的公司 - iKala
講者是用互連網的思維在經營公司的，員工不是可有可無的，抱著這種心態慎選你的夥伴！
團隊重點在凝聚！

Sega: 不是坐在旁邊就叫做團隊，不是在同一家公司就叫團隊，不是你說是團隊就是團隊。團隊是一種化學作用
— kyle lin (@kylelin_tw) 2014 5月 4日

(特別感謝 Kyle Chen 分享了他的筆記，這場演講很豐富，我有很多沒有紀錄到得東西都靠 Kyle Chen 的筆記幫忙補足。)

The Role of the Leader
- Inattention to results
- Avoidance of accountability
- Lack of Commitment
- Fear of Conflict
- Absence of Trust

先解決「人」的問題，「人」+「制度」就是組織文化
iKala 幾乎三個月就調整一次組織，以適應變化。

W3C 經歷類似的過程：不滿被 Google, Facebook 獨大制定，最後演變成由組織、代議形式，到社群參與一起制定。

開放式領導的方式
top-down v.s. collaboration
直接參與的形式要建立在信任上，不然反而會造成一種破壞

iKala 不規定上下班時間，可以自由在家工作：這是希望建立信任，重點在關心大家的工作品質，去除限制和充滿不信任的制度。

(個人覺得這在公司在挑選員工時要慎選，不是所有個性的人都適合這樣的工作方式)

接著講者開始介紹 Lean UX
Lean UX 的三個基石 (Gothelf/Seiden)
- Design Thinking (1987, Peter Rowe) 換位思考，同理心
- Agile Software Development (2001, Kent Beck) 以速度為主，高速釋放版本
- Lean Startup (2003, Eric Ries) 儘快與市場模合，讓使用者來決定產品最後的長相

適合 Lean UX 成長茁壯的環境：
- 開放、彼此信任
- 組織扁平
- 由下而上的開放式領導

最重要的一點，你無法預料產品最後的長相。現在採用 Scrum 的工作方式會讓你的產品早一點跟市場磨合，你們會慢慢摸索出產品的長相。

再來，講者講到多螢，使用「多.+」正規表示式的寫法害我整個大笑，果然是工程師出身！
講者舉了 Android 的例子：作業系統還不到螢幕就開始分裂 - 各種版本的 Android 並存
接著螢幕解析度的開始分裂 - 多種解析度與大小

iOS 作業系統分裂情況稍好
但是平台組合全部放在一起看，整個大爆炸！

不過更大的挑戰是自造者運動，會帶來更分裂的規格和生態，Maker Movement
講者也題到了 Google 手機的新計畫 - Google Project Ara

iGoogle 當年是 Google 前三大流量的產品，PC上的生態圈，Smartphone 崛起後，想把整個模式轉移到 mobile 上，完全失敗了...因為 mobile 移動的體驗跟 PC是大不相同的！

其他平台的生態也很特殊
- Google 把賭注壓在 Android 跟 HTML5 上，主導了 HTML5的發展，看起來是未來的贏家。
- Apple iOS 對 HTML5 態度消極，不想讓這塊吃到自己 iTunes, App Store 既有的市場。
- Window Phone , Firefox OS, Ubuntu Touch OS, Samsung Tizen, webOS....等其他平台也開始分裂

講者接下來提到 iKala 跟 LG 合作的 Smart TV
「互動」應用才是最困難的，音樂跟電視節目只是被動的應用

但是！Smart TV 市場沒有起飛？
- 周邊硬體的問題、每家遙控器都不同
- 輸入資訊太麻煩、但多數app都要使用者輸入資料
- 電視旁沒有網路孔，用遙控器設定區網很不方便
- Smart TV 本身運算能力不夠，操作很卡
- Smart TV 介面設計太複雜，人們懶得理解
- 電視汰換速度慢，沒事不想買新電視

使用者還沒準備好迎接 Smart TV
- 習慣：使用者坐在電視機前通常是準備要打瞌睡了 (一大堆設定要先完成，操作繁瑣)
- 內容：除了被動接收內容的應用，殺手集應用很少 (你真的會想在電視上使用 facebook!?)

Top 10 Most Important Video and TV Everythere Network Apps
1. netflix
2. youtube
3. the weather channel
4. huluplus
5. history
6. amazon instant/prime video
...

那電視的市場現在該往哪裡去？
- (平台) 回歸 OTT：Amazon Fire TV, Apple TV (Over-the-top)
- (平台) 持續嘗試 Smart TV：Android TV， LG Smart TV
- (平台) 跨裝置互動：Google Chromecast (不是 Stream 用手機叫電視去找東西)
- (內容) Video App
- (內容) TV Everywhere App (UX還沒有很完善，碎片化)

接著講者介紹公司的新產品 LIVEhouse.in
怎麼決定做這個產品的？
1.市場需求的浮現：藝人來 iKala宣傳
2.腦力激盪：8個團隊成員 brainstorming 40分鐘定案
3.遵循精實法則：MVP (minimun viable product) 一個月後上線 (神！)(投入人力：RD*1、Designer*1、UX*1)

MVP 上線後呢？
- 先不投入其他平台，觀察 PC 使用者的情況
- 發現行動需求出現，投入 mobile app 開發

現在？
- 跟 TAZZE、PanSci、flyingV、沃草、資策會、HPX、Change、PyConf、UiGathering...等單位合作
- 總之，跟著市場走！

最後，講者濃縮了兩大心法：
Lean Methodology
- 選定一個平台開發你的 MVP：每個平台特性都不一樣，一次投入多個平台會增加失敗的風險跟代價。
- 跨功能的小組團隊：不同屬性得人一起參與設計
- 跟著市場做設計：你的產品是團隊和市場不對互動的結果，不要閉門造車。

Design Thinking
- 同理心、換位思考：如果我是使用者
- 創意：同樣的問題，有沒有更好、更漂亮的解決方案？
- 符合邏輯：每個平台的使用情境迥異，你想出來的解決方案合理嗎？

成功不能複製，但是失敗可避免
下面的新方法，很實用！

Kyle Chen 筆記補充：
用手機來作影片編輯並不靠譜：
https://play.google.com/store/apps/details?id=com.media.moviestudio
google 花了20人團隊打造出了一個影片編輯軟體，裝載在全世界的google 手機上，但是無人知曉，無人使用。因為手機不適合拿來做這麼複雜的事情！

講者對多螢的一些整理
- 使用者習慣：裝置間直接互動仍處於早期
- 平台相容性：多螢不是問題，問題是多平台
- 應用情境：不同平台使用情境不同，不要平行移植

產品發展策略：先從一個螢幕、一個情境出發，再處理不同平台的情境，最後再考慮裝置間互動。

個人心得：

Sega 的分享從個人人、組織面、方法、經驗談，一直到到未來多螢趨勢的分析，這是本此研討會中我最期待的講次之一，收穫滿載！

特別的是這場演講有實際運用到演講中介紹的新英用 LIVEhouse.in 的轉播，我曾參與過一次 UIUI 特別節目-UX 從組織文化中開始，對於 LIVEhouse.in 的互動感到非常佩服，流暢的音質不說，右側可以直接跟講者互動提問真的非常非常的方便，講者可以直接針對問題回答，聽眾彼此也可以互相對話。

整體心得：

我喜歡從不同人的觀點跟角度看趨勢、聊趨勢，可以擴大自己的視野。我是一個前端工程師，在公司負責的是 web 的前端開發，不過我從全端工程師起家，曾做過企劃，也許單純以公司的觀點，或是單獨從一個職務職能的觀點出發，這種論壇對工作上看似沒有 "直接" 的幫助，也許在回公司後必須寫一個制式的報告，敘述「請問這場演講對公司有什麼幫助」，但我覺得這種類型的論壇對「員工」是有絕對的幫助的，了解市場、了解趨勢、學會換位思考、激發創意，最終會回饋到公司的發展上！

相關文章：

MIX 2014 筆記與心得(1/6) - 多螢情境下的消費行為與服務創新 / 鄭仁富
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-1.html

MIX 2014 筆記與心得(2/6) - 沒有屏幕的用戶體驗設計 / 唐沐
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-2.html

MIX 2014 筆記與心得(3/6) - 互動，互動，可以輕舉，不要妄動！誰來讓多螢互動返璞歸真 / 陳建勳
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-3.html

MIX 2014 筆記與心得(4/6) - 回歸使用者心理需求 / 王派桓 (加碼：UX 書籍推薦、武功心法)
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-4.html

MIX 2014 筆記與心得(5/6) - 電視體驗設計 / 陳青瑯
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-5.html

MIX 2014 筆記與心得(6/6) - 組織文化，Lean UX，與多螢 / 程世嘉
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-6.html

MIX 2014 筆記與心得(5/6) - 電視體驗設計 / 陳青瑯

2014-05-12T17:58:00.000+08:00

多螢互動體驗設計論壇 http://mix.hpx.tw/2014/ch/agenda/

第5場 - 電視體驗設計 - 陳青瑯 / TCL 多媒體用戶體驗中心總監

這次演講第一個使用寬版 16: 9 比例簡報的講者！(最近對於簡報設計很重視)

剛開始講者先介紹了 TCL，也介紹了公司的形象廣告

TCL Global Thematic Film 2014 - COLOR YOUR WORLD

再來介紹了公司合作的一些案例，其中有個失敗的案例是 Ice Cream (看來大家都有準備失敗案例呢！)

有趣的是這個 - TCL 跟 IKEA 合作的 IKEA UPPLEVA (可惜目前台灣 IKEA 沒有)

再來描述了一下 TCL 市場現狀， 2013年全球出貨2億台的電視，中國市場佔 1/4的數量，其中有一半是 Smart TV

市場上最夯的規格：
1. 尺寸跟解析度：越來越大的尺寸、解析度沒有最高只有更高。
2. Smart：越來越聰明，越來越像台電腦。
3. 曲面：越來越流行曲面，但曲面電視並不適合"分享"，電視在家庭中主要還是"一起看"
4. 音效：音效要好，但電視越來越薄，喇叭越來越難做。

但買電視，並不是硬需求，你不會 Shopping 電視，現在年輕人買大電視是為了接上電腦打電動使用，電腦上的使用行為並不能複製到電視上。

購買電視流程如圖：
1. 了解
2. 比較
3. 購買
4. 配送
5. 服務

購買後的各種服務節點是十分重要的，因為評價系統是公開且延續的。

消費者購買的關注點 (China)
1. 品牌 Brand Preference
2. 外觀 Industrial Design
3. 價格 C/P Ratio
4. 服務 Service
5. 操作 Usability + UI

海外的關注點不同
- 無條件退貨 (中國人+台灣性情實在不太適合)
- CRT 客群依然還有
- 歐洲智能電視主要是 Linux，不是 Android
- 消費者對新技術需求的速度比新技術推廣來的慢 (也許真的能看無線或有線電視就夠了！？)

購買電視是有很強的目的導向的
品牌好感度佔了很大的決定因素

傳統電視 v.s 智能電視
1. Video on Demand
2. Online Game
3. Online Karaokay
4. Social Media

硬體 v.s. 軟體
1. 硬體有生命週期，軟體有更短的週期
2. 客製化 app 的生命週期很短

TCL 也設計過模組化的硬體設備，來應付硬體跟軟體升級速度的問題

但是電視上交互設計 UI Design 真的是最辛苦的
- 有很大的進步空間
- 新的交互技術還在發展中
- 人們可以忍受不好的 UI 設計

但技術的應用也要看情境，講者提到「指紋驗證」的技術，其實最早 IBM 就開始了，為何失敗？在訪談的過程中得到的回饋
1. 打字打密碼比較塊
2. 指紋驗證設計在觸控版後方，其實常常卡很多灰塵

但是，單手使用 iPhone 時，輸入密碼稍微有點難操作的情境下，「指紋驗證」設計在 iPhone 5S 上大受好評！

再來回到遙控器的使用上，在賣場選購時，遙控器通常不是可以測試的服務。
觸控遙控器推出，User 想換回原來基本的遙控器，那是最快最直覺得使用方式。

那張40歲、28歲、25歲的遙控器，都長的大同小異。

而且25歲那支遙控器，在紅外線發射器的設計上還有設計的多角度，不管你在什麼方向都可以操控你的電視！
(我懂，我曾經因為這樣的設計不小心關掉我的微電腦電扇....)

思考：
- 為什麼兩個屏要作一件事？
- Touch Screen 替代實體遙控器的時代到了嗎？Really？
- 各屏互傳內容外，還有沒有哪些更"實用"的場景呢？
- 這些實用的場景，有沒有電視界面上跟手機介面上不同的地方？

手機的好體驗 v.s 電視的好體驗需求是完全相反的！
人機交互多 v.s. 人機交互越少越好
操作易理解方便 v.s. 簡單容易
頻率高 v.s. 頻率低

而電視節目才是真正的重點

現在電視面臨的挑戰是什麼？

以電視產品為主軸的 Home Entertainment Hub 還沒有完全提出
以技術為推動的產業型態面臨限制
沒有情境、沒有需求會造成假需求

Technology should not be arrogant!!
Reduce the loser feeling!!

千萬別讓使用者覺得 "自己笨、不會用"

最後附贈同事可愛的手繪筆記！

Yvonne Chang | 建立你的名片貼

個人心得：

其實我對電視產業認識不深，雖然看很多影集，但大多是網路上觀看。

家中電視一用就用很久，不會一直去購買，曾經在外面住旅館時操作 LG 的 Smart TV，發現現在電視只要插上隨身碟就可以看影片，還可閱讀字幕，讓我驚呼不已。

但，我不會因為這樣就更換家中的電視，除非它真的壞到不能修！
沒壞的情況下，我可能會購買小米路由器來玩玩。

最後分享一下家中多螢應用的特殊狀況：「手機上網投到電視為主，電視變成第二螢幕用來聽的！」 (子母畫面現在還有人在用嗎？)

相關文章：

MIX 2014 筆記與心得(1/6) - 多螢情境下的消費行為與服務創新 / 鄭仁富
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-1.html

MIX 2014 筆記與心得(2/6) - 沒有屏幕的用戶體驗設計 / 唐沐
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-2.html

MIX 2014 筆記與心得(3/6) - 互動，互動，可以輕舉，不要妄動！誰來讓多螢互動返璞歸真 / 陳建勳
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-3.html

MIX 2014 筆記與心得(4/6) - 回歸使用者心理需求 / 王派桓 (加碼：UX 書籍推薦、武功心法)
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-4.html

MIX 2014 筆記與心得(5/6) - 電視體驗設計 / 陳青瑯
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-5.html

MIX 2014 筆記與心得(6/6) - 組織文化，Lean UX，與多螢 / 程世嘉
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-6.html

MIX 2014 筆記與心得(3/6) - 互動，互動，可以輕舉，不要妄動！誰來讓多螢互動返璞歸真 / 陳建勳

2014-05-08T16:04:00.002+08:00

多螢互動體驗設計論壇 http://mix.hpx.tw/2014/ch/agenda/

第3場：互動，互動，可以輕舉，不要妄動！誰來讓多螢互動返璞歸真 ─ 陳建勳 / 香港商壹傳媒出版有限公司台灣分公司數位發展部總監

講者過去曾經在中天新媒體，目前在壹傳媒。

講者從最近的事件當起頭，當媒體的改革不如你意，你最想跟媒體的互動是抗議，還是佔領？講者選擇 "佔領"

講者舉了幾個最近電視節目跟觀眾互動的案例，日本 NHK電視台、HBO影集的《權力遊戲》(Game of Thrones)、湖南衛視的爸爸去哪兒。

講者吸收這些多螢資訊的來源有凱洛廣告、資策會的 fanpage。

(資策會聽說有很多案例收集，但我怎麼都找不到？)

再來講者講到台灣在推動多螢互動時遇到的三大問題

視野：
- 熱血地追求原創
- 安全的「老二哲學」(別人做什麼就學什麼，跟風太強，原創的東西不被看見)
不懂／畏懼：
- 對未來媒體趨勢及可能性缺乏瞭解
- 是內容還是行銷宣傳？
- 收視率的迷思 (可能跟還在用傳統的調查方式有關，不能代表實際的收視狀況)
成本效益：
- 巧婦難為無米之炊
- 錢到哪裡去了？
- 錢要從哪裡來？

台灣的環境，投資在電視廣告的佔比還是比網路多。

這邊講者舉了一個美國的例子，在看電視時，這些人使用其他裝置都在做什麼？
左右方別是平板跟手機，上網、看節目資訊、社群等。
但我自己有下個小小的註解，因為美國有豐富的 imdb 資訊可供查詢，平板跟手機的app也都很好用，我自己就滿常邊看影集邊查詢這個演員之前演過什麼，但是台灣根本沒有這樣的資料庫！這使用比例會更低吧！

科幻作家 William Gibson：未來已經來臨，只是分配的還不夠平均。
The future is already here, it's just not very evenly distributed.

馬鈴薯已經進化了！Couch Potato 已經變成 Net Potato了！

要重新審視：有必要互動嗎？誰想要互動？有意義的互動是什麼？

然後講者舉了之前在中天想要嘗試跟觀眾互動卻失敗的例子。

Vista Cheng 張貼完整的說明：《梁陳即時》（Liang & Chan On Time）是台灣中天娛樂台在於2010年5月24日起播出的談話性娛樂節目，在每周一至四晚上11:00至凌晨00:30直播播出，周一至五下午1:00重播，節目突出娛樂圈即時的娛樂新聞話題，另加以網路（如Facebook與MSN）、電話或簡訊等和觀眾即時互動的概念。

首集由景行廳男孩梁赫群與陳建州（黑人）主持，但黑人因悟空妹記者會主持壓力過大而請辭，此後由梁赫群搭配其他藝人主持。2010年7月7日起以「暑假無敵升級版」為由改為預錄節目，時間縮短至一小時，取消網友互動內容只以清談為主的節目，話題亦轉為辦公室等，由網友在Facebook報名參加成為現場觀眾。

很可惜主持人因為個人的因素離開，節目互動無法即時，兩個月這個節目就收掉了。

這個案例告訴我們：
人們並不總是走你為他們鋪好的路。
熱播節目不需要，新節目有風險 - 需要一個說服的論述，與不斷的嘗試。

講這問大家，最近火紅的節目你記得有跟他們玩多屏互動嗎？（我個人沒什麼感覺，都是看歐美影集阿！）

但互動有必要性嗎？會不會因為看了手機結果重要的鏡頭沒看到？

沒有好的劇本，節目其實也不會成功，也帶不出好效果。

講者稍微介紹了一下電視台製作節目分工的方式。

如果媒體想要嘗試互動，可以走的方向。

大腸花學運告訴媒體的事情，你是想要說故事還是想要互動？

當有有這種大型社會事件發生時，"新科技" 會為媒體帶來新的說故事方式，空拍直昇機就是一種！

講者又再舉了一次「秀大頭案例」，電視節目播出時，左下角顯示留言者 fb的頭像跟留言內容，這是一個不錯的嘗試。

但其實秀大頭的故事也算是失敗了，但這個案例得到：
- 粉絲留言數與收視率無絕對關係 (負面影響大)
- 留言數高，能測試收視率
- 明確的主題
- 互動應該試要雙向的，只有單方留言缺乏互動
- 資料後續有更有意義的分析

但最重要的...媒體不要再用過去的舊思維，用晚上六點到八點來當收視率指標，現在每一個時間都是寶貴的，價值要衡量清楚。

講者舉了一篇文章，雖然字很多，重點是：「網路沒有改變報導太多，改變的是傳遞的方式」本質上是不變的！

影集《The Newsroom 》重要座右銘也擷取的好，我當時一抬頭就閃過，還好有 Tim Tsao 的照片，終於把這段話補齊：

《The Newsroom 》第一季第一集
解決任何問題的第一步，就是認清這是一個問題。
The first step in solving any problem is recognizing there is one.

講者最後的結語：在這個時代，人人皆媒體。最好的互動體驗，就是最強的媒體佔領。

如同 Richard 講的，大家都愛談成功案例，失敗的案例才是最珍貴的，很感謝講者願意分享兩個案例，並從多個角度切入重新審視。

個人觀感，台灣人只看聳動的媒體消息，也很愛盲目的漫罵媒體，自身的矛盾，加上媒體的收視方式跟營利來源還是老舊的思維，沒有考量現在的世界已經大不相同，繼續追著聳動的話題，做沒有質量的偶像節目，偶爾買買韓劇來播，這是一個恐怖的惡性循環。

看看歐美的收視方式，看看 Netflix、Hulu、CBS、ABC、BBC....等。都開始顧慮到其他的 "螢幕" 裝置，CBS、ABC 網站可以免費看影集(限定美國地區)、BBC iPlayer 隨時打開，想看什麼節目都有、Netflix 付了月費讓你看到飽、脫口秀節目利用 Twitter、 YouTube...等媒體發起的活動 (萬聖節騙小孩把糖果吃光...等)，觀眾當下沒有在看電視也在幫節目收集題材跟資訊，媒體的製作在看得夠 "廣" 的競爭下，大家都獲利。

光是討論節目互動我就可以寫一大篇了，還可以分不同節目類型來討論，今天先講到這邊為止。

感謝講者，激發出這麼多火花！收穫良多！

(會後交換名片時，跟講者互相都覺得面熟，但真的想不起來在哪邊見過面....)

相關文章：

MIX 2014 筆記與心得(1/6) - 多螢情境下的消費行為與服務創新 / 鄭仁富
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-1.html

MIX 2014 筆記與心得(2/6) - 沒有屏幕的用戶體驗設計 / 唐沐
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-2.html

MIX 2014 筆記與心得(3/6) - 互動，互動，可以輕舉，不要妄動！誰來讓多螢互動返璞歸真 / 陳建勳
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-3.html

MIX 2014 筆記與心得(4/6) - 回歸使用者心理需求 / 王派桓 (加碼：UX 書籍推薦、武功心法)
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-4.html

MIX 2014 筆記與心得(5/6) - 電視體驗設計 / 陳青瑯
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-5.html

MIX 2014 筆記與心得(6/6) - 組織文化，Lean UX，與多螢 / 程世嘉
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-6.html

MIX 2014 筆記與心得(2/6) - 沒有屏幕的用戶體驗設計 / 唐沐

2014-05-07T17:43:00.001+08:00

多螢互動體驗設計論壇 http://mix.hpx.tw/2014/ch/agenda/

第2場 - 沒有屏幕的用戶體驗設計 - 唐沐 / 小米科技用戶體驗總監，小米路由器產品負責人

唐沐是念國際會計出身，後來改從事國際設計，雖然只差一個字，但實際上差滿多的 (笑)，最早待在金山，2003年來到騰訊，最常聽到當然就是 QQ，QQ曾創下兩億人同時在線的紀錄！

在大陸競爭，企業的基因很重要，三大網路公司 B.A.T (百度、阿里巴巴、騰迅)，網路競爭什麼都想做，但沒有從本質去了解，很容易失敗。(基因的意思是：百度 - > 搜尋。)

QQ設計跟開發得人很多，很重視流程，互聯網的性質很重視細節，因為一點小小的修改都會觸怒某部份的user，但是，唐沐到小米後，世界觀從此改變

講者題到了騰迅的 CDC ，可以說是團隊的成果展現
當場我馬上 google CDC 結果先查到的是美國疾病管制局 (Centers for Disease Control)
後來改 google CDC QQ 才找到 http://cdc.tencent.com/

接著講者題到了 Q影，其實這是一個不錯的產品，花了很多時間研究跟設計，但是因為成本太高，無法進入千家萬戶中。

多屏的互動中，「注意力遷移」是有成本的！

講者接著放了一段低俗喜劇的片段，用來說明用戶體驗發揮到極致的案例。

我沒看過此電影，只能稍微描述：「有人開了一個可以讓家庭主婦們來打麻將的場地，不但請了傭人幫忙帶小孩，有小孩遊樂區，幫忙提醒先生快要回家了，還幫主婦們煮好飯菜，方便直接帶回去。」

好的 UX 不只留住客戶，更讓你無後顧之憂。

好的體驗設計更要包含以下幾的環節。(看下面筆記第一張圖)

接著唐沐說要來 "吊個書包" (這用語真有趣台灣沒聽過)，引述了莊子-天地：「形體保神、各有儀則，謂之性。」講者說不想解釋太多，怕聽眾會發現其實他沒有很懂莊子。 XD

主要想表達的是 UX 最重要的就是照顧 "人性"，因為人性不會改變。

一切產品、服務基於用戶體驗，用戶體驗設計基於人性 (懶惰的人性)。

為什麼唐沐會想到小米呢？因為他想獨立 Hold 住一個產品，他一直都希望能做好的用戶體驗，沒有產品的所有權，有志難伸阿！

再來，題到了小米的「互聯網思維」，這演講後來幾乎都圍繞著這個打轉。

下圖有六點：極致、專注、快、參與、和用戶做朋友、社會化媒體傳播。

「極致」：小米想做到性價的極致，只賣你材料價。目的就是為了要得取海量的用戶，用戶有了，商業模式會接踵而來。

「專注」：要做極致只能做少量的產品，小米只做三項東西
手機：個人智能中心
電視：家庭娛樂中心
路由器：家庭智能中心

「快」：每週一個版本 release，迭代，軟體加硬體！(騰迅是兩週一次) 這也是小米抓到用戶最在乎的，所以「小米手機就是快」是小米主打的！

「參與」、「和用戶做朋友」、「社會化媒體傳播」：
不放廣告，靠朋友互相的介紹，因為這比放廣告還難。
不把用戶當上帝，把用戶當朋友！(使用 weibo)
這些都做到了，口碑就來了！

MIUI 照顧到用戶的需求，舉例：
1. 有類似 whoscall 的需求，誰打來你都知道
2. 常收到那種響一聲掛斷的電話，還在半夜，小米系統幫你聰明判斷，兩聲以上才判斷為需要接聽的電話。

小米的產品其實每賣一台虧一台，重點就是希望先達到海量。

「把自己逼瘋、把對手逼死」是團隊目標

除了提供內容，更希望建立遊戲中心。

小米路由器發佈的時候，只透漏一點消息，沒想到網友 kuso 成小米豆漿機、垃圾桶...等。（可見已經達到一定的熱門程度了）

接著小米推出「1元公測」，滿足使用者開箱拼裝的好奇，用紅酒木盒、附贈硬碟1T、螺絲起子、還附上白色的防塵手套。

是的，59秒內就賣了10萬台。

講者接下來介紹了頂尖的團隊，銷售、網路、產品、UX、iOS、android、數據…等

「高端，大器，上檔次；低調，奢華，有內涵。」

我跟 Yvonne 後來找到一整段： (似乎不是重點....)
「高端大氣上檔次，低調奢華有內涵。
奔放洋氣有深度，簡約時尚國際範。
憂鬱深沉無所謂，冷艷高貴接地氣。」

小米路由器的四個定位：路由器、家庭數據中心、智能家居中心、開放平台。

想結合NAS，超越有名的 Synology (群暉)，讓NAS變得「每個人都可以使用」，不要讓人覺得這麼有門檻。

路由器沒有螢幕？怎麼辦？做得很漂亮結果都被放在椅子底下。但真的不要為了互動而互動，要讓互動無所不在！

你不要企圖去改變使用者，帶著路由器？不要嘗試改變使用者的習慣！

智能家居不是遠端遙控，不是手機app、遙控器，不用重新裝潢打掉線路，不要讓人覺得太高科技太貴，真正的智能家居是「自動發生的」「是便宜的」，要做體貼。

絕對不是上玩廁所後用手機app沖馬桶，這種詭異的行為.....

智能家居控制中心希望可以幫你做這些事情，小米不會去賣家電，是開發智能晶片，讓所有的商品都有機會變成智能商品，現在打算開始開賣的有「插座」「燈泡」，定價都不能太高，希望使用者能慢慢改變。

族群先定位在35歲~42歲，這些人才有家，也才會花心力去弄智能家具。

智能場景，講者也舉了兩個例子：
※ 晚上7~9點希望孩子能乖乖在家寫功課，那孩子們的 wifi就會先停止運作。
※ 白天上班，老婆一離開家，就先發簡訊給老公 (咦？)

這張圖就是小米路由器的生態圈
體驗：快速街入、統一、自動。
平台：開發、海量、電商。
蕊片：硬件、快速、通信。

最後唐沐的結語：「體驗經濟時代，用戶體驗設計創造未來！」

個人心得：

當初看到社群討論的小米路由器，不知道願景是如此的大。如果我是小米的員工，我會因為有這樣的願景 Vision ，更積極的付出。這不但是帶給公司發展的一個好的推力，對其他的合作廠商，也會因為你已經擁有海量的用戶，更願意跟你商談合作。

沒有螢幕的多螢用戶體驗，好強大！

會後交換名片，唐沐也給了我一些前端工程師的建議，進幾年大陸相關技術發展很成熟，深圳跟北京越來越多有關前端的工作，Weibo上也有很多資源可以討論。(雖然我沒有要換，但還滿想了解目前市場上前端工程師的模樣。)

好充實的一個議程阿！

補充：整理筆記的方法，當然聽演講的途中是記不了這麼多的，一定要靠後續的整理，我是用筆的顏色當判別，只要是粉紅色的字，都是我回家後自己查詢或是看網路上補充加上去的，有的是來自 https://www.facebook.com/thehpx 的文字轉播。

如果沒有文字轉播，我也無法整理的如此完整 (跪謝)

相關文章：

MIX 2014 筆記與心得(1/6) - 多螢情境下的消費行為與服務創新 / 鄭仁富
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-1.html

MIX 2014 筆記與心得(2/6) - 沒有屏幕的用戶體驗設計 / 唐沐
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-2.html

MIX 2014 筆記與心得(3/6) - 互動，互動，可以輕舉，不要妄動！誰來讓多螢互動返璞歸真 / 陳建勳
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-3.html

MIX 2014 筆記與心得(4/6) - 回歸使用者心理需求 / 王派桓 (加碼：UX 書籍推薦、武功心法)
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-4.html

MIX 2014 筆記與心得(5/6) - 電視體驗設計 / 陳青瑯
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-5.html

MIX 2014 筆記與心得(6/6) - 組織文化，Lean UX，與多螢 / 程世嘉
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-6.html

MIX 2014 筆記與心得(1/6) - 多螢情境下的消費行為與服務創新 / 鄭仁富

2014-05-06T16:50:00.002+08:00

多螢互動體驗設計論壇 http://mix.hpx.tw/2014/ch/agenda/

第1場 - 多螢情境下的消費行為與服務創新 - 鄭仁富/資策會創新應用服務研究所 FIND組長

剛開始 Richard 介紹了 MIX名稱的由來，談論多螢環境的設計、服務和創新。

早上的第一個議程，資策會的鄭仁富先介紹了目前台灣多螢環境的狀況
(讓來參加的人先了解環境，議程的安排真的很用心！)

[詳細簡報如果講者有公開我再補上]

這邊先說說明手機已經躍升到第三大媒體了！

2018年平板電腦也即將成為第四個千萬指標

所謂滑(淺)世代的崛起，微服務的時代，雖然大家都在大量的下載 app，但使用曲線是很懸殊(慘忍) 的。
多螢的情況越來越多，同時使用兩個以上裝置的人也越來越多！

從性別來分析多螢幕使用行為，女生多於男生。
電視+手機比電腦+手機的使用情境比例比較高。
同時使用電視+手機已經不只在 35歲以下，35~50歲的比例也逐漸升高。

電視+平板同時使用的狀況，集中在25~49歲，35~49歲的比例大幅提昇。
都會區民眾使用多螢的比例比較高。

多螢的使用，男生跟女生在類別上也有很大的差別：男生大多跟電視內容有關，女生跟社交行為有關。

這引發的議題就是「注意力經濟」(Attention Economy)，過去在媒體廣告常談 Reach、Frequency，但在多螢該談的是涉入度 (Engagement )。

所以很多產業都面臨「重新定義」的問題，講者舉了一個數位圖書館的案例 - Biblio Tech 數位圖書館，這個圖書管理面沒有實體的書本，只有57台電腦跟40台 iPad！

多螢的崛起，衝擊最大的是廣告/媒體代理產業，目標群眾的使用裝置跟習慣跟過去大不相同了，必須調整媒體工具的運用，不再是專注在單一媒體上。

對消費者而言，他們不一定會在乎在什麼裝置上看電視，但他們的行為會跟他們正在互動的裝置距離的遠近有差別。

重點是透過互動的過程要跟消費者做什麼？目的是什麼？

這時候講者提出了幾個國外互動的案例，第一個我沒有紀錄到，可能因為講者時間不夠，簡報閃過太快，案例大多草草就帶過了，只能自己回家研究：

1. Re?????? 跟收視率紀錄相關的 (連名稱都沒看到，但我最有興趣的是這個)

2. 麥當勞 Mcdonlad's Pick n Play (可參考影片)：手機與實體廣告遊戲互動，有實質獎勵！

3. A&E Storage Wars：提升使用者參與感。

4. Jack in the Box：漢堡店結合LBS行銷，跟音樂辨識 Shazam APP 合作，建立和消費者的互動。

5. 麥肯廣告可口可樂的互動行銷 (參考影片檔)

不要為了「互動」而「互動」，重點是背後帶來的價值跟意義到底是什麼？

最後講到廣告產業面臨的轉型階段，講者先比較了美國跟台灣的廣告投放比，台灣大多是都還是集中在電視上，進幾年已經開始轉型到 mobile 上。

美國廣告市場的發展趨勢，數位廣告與電視廣告比例約 2:3，預測 2017年，數位廣告市場將非常接近電視廣告。

個人想碎念下面兩張簡報設計：
1. 如果是要表達投放比例，不如放圓餅圖，聽眾在短時間內才容易理解，長條圖下面標題的左右位置也沒有對齊，左右看不出差別。
2. 廣告比例 2:3 是下面那張簡報的重點，那數字實在不應該被切割。

整體心得：

謝謝講者！我可以深刻感受到講者想把多螢豐富的資訊分享給聽眾聽。

但是，當我重新回顧簡報跟筆記卻花了快 3 小時的時間，因為這是一個試圖在短時間傳達過多資訊的議程，剛開始步調還算清楚，但後面案例被快速帶過，聽眾在還沒理解的狀態就進入下一張投影片，雖然講者在議程中也不斷強調，這簡報會分享，但資訊的吸收不是會後拿到簡報就可以完整的回顧的。(絕對需要配合筆記)

如果講者看到上述抱怨，希望不要太介意，我確實從中這次議程中收穫不少，關於互動的案例，其實身邊不少在廣告圈的朋友們常分享更多更有趣的例子，很希望大家可以互相交流，應該會更獲益良多！

最後我自己幫這個議程下了結語

不要為了「互動」而「互動」，重點是背後帶來的價值跟意義到底是什麼？

相關文章：

MIX 2014 筆記與心得(1/6) - 多螢情境下的消費行為與服務創新 / 鄭仁富
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-1.html

MIX 2014 筆記與心得(2/6) - 沒有屏幕的用戶體驗設計 / 唐沐
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-2.html

MIX 2014 筆記與心得(3/6) - 互動，互動，可以輕舉，不要妄動！誰來讓多螢互動返璞歸真 / 陳建勳
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-3.html

MIX 2014 筆記與心得(4/6) - 回歸使用者心理需求 / 王派桓 (加碼：UX 書籍推薦、武功心法)
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-4.html

MIX 2014 筆記與心得(5/6) - 電視體驗設計 / 陳青瑯
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-5.html

MIX 2014 筆記與心得(6/6) - 組織文化，Lean UX，與多螢 / 程世嘉
http://blog.lindsayrain.com/2014/05/mix-hpx-2014-section-6.html

不同朋友分享同一個連結的資訊分享設計 - Design of Multiple Posts of The Same Link from Different Friends

2014-04-28T12:45:00.000+08:00

我對於資訊分享的呈現一直都很有興趣，從幾個比較大的社群網站(SNS)來看，以分享一個連結來看分為兩種：
只能「轉分享」，不能加上自己的意見：Twitter、Plurk
「轉分享」的同時可以附上自己的意見：Facebook、Google+、Tumblr、Weibo

Multiple Posts of The Same Link from Different Friends 我自己翻譯成「不同朋友分享同一個連結的資訊分享設計」

先以 Facebook 為例，我分享了一個 link，朋友們可以點選 share繼續分享，我可以看到被分享的數字。

點選後我可以哪些朋友分享了我的連結，進而還可以看到朋友的朋友還有誰繼續分享了這個連結？這些朋友在分享的時候下了什麼註解？

如果我們從閱讀者的角度去看，我有兩個朋友都分享同一個連結，Facebook的設計達到四個目的：
1. 彙整在一起：我不會在 News Feed 上看到一堆相同的連結。
2. 有哪些朋友都分享了這個連結？
3. 誰最先分享了這個連結？
4. 這些朋友又是從哪些朋友那邊看到的？

這是一個非常貼心的設計

接著讓我們來看 Google + 也有所謂的「最先分享者」 Originally Shared。

但是當我有一堆朋友都貼了相同的連結，畫面看起來就像下面這樣，都是重複的資訊，沒有任何的彙整！

tumblr 做到什麼呢？熟悉 tumblr 的 user 都知道有 reblog 的概念，可以轉貼整篇文章，然後加上自己的註解；當你的 Post 被轉貼，可以看到到底有哪些人轉貼了你的。

但是當你在瀏覽訊息時，你依然也是看到一堆重複 reblog

(在 Sherlock 播出時，滑鼠隨便捲動，都是重複的消息)

避免資訊的重複性干擾使用者是一個值得研究的議題阿！

為什麼 Facebook 2013年改版失敗了?

2014-04-18T16:57:00.000+08:00

還記得去年2013年3月 Facebook 推出了一個可以跨移動裝置的版本叫做 "Goodbye Clutter" aka "雜亂不見了"，當時開了記者會，各大新聞網站做了現場文字轉播，但這版本經過幾次A/B測試後，再也沒有上線，直到今年 2014年 3~4月，Facebook 開始推出新的設計風格，陸陸續續改成全新的風貌，大家都在討論新版的優缺點，我一直在找「為什麼上一版失敗了？」終於讓我找到一篇。

http://www.theverge.com/2014/3/6/5469952/facebook-goes-back-to-basics-with-latest-news-feed-redesign

下面這段是 News Feed (動態消息) 的 Product Manager , Greg Marra 說明的原因，我節錄幾個重點：

1. 使用者並不喜歡我們隨意的搬動他們的家具，你會破壞他們的 "肌肉記憶"。

什麼叫做 "肌肉記憶"，舉例：你的身體學會騎腳踏車，你已經學會一種平衡騎車的方式，突然要你反過來騎車就叫做 "break muscle memory"

2. 收起側欄的選單的設計方式，用 Hamburger Icon 把側欄收起來的方式讓大多數的使用者困擾，這也是最近大家都在討論 Hamburger Icon 的最大問題。看起來 "經過簡化" 且 "很酷" 的設計，其實並沒有辦法幫助你在網站中順暢的瀏覽。

3. 「不需要重新學習新的東西」("You don't need to relearn anything") 變成是 News Feed (動態消息) 小組最重要的的目標。

4. 重新思考複雜的資訊處理方式，例：如果有人貼了一個連結，另外有兩個人分享，該怎麼呈現會比較清楚？怎麼把區塊切分開來？個人照片該歸屬在什麼地方？

以下是原文節錄：

"People don't like us moving their furniture around, because you break muscle memory," says News Feed product manager Greg Marra. Facebook's dark-themed sidebar, which collapsed into a strip of icons depending on your screen size, was just too confusing for most users, he says. "That's a particular design idea that looked cool but didn't help you get around the site," Marra says. "You don't need to relearn anything — that was one of our big themes." Facebook has also redesigned and simplified what were previously considered complex post types. If a friend commented on a post about a link that two friends shared, indentations — while accurate in terms of attribution — made things look really messy, Marra says. Profile photos have also notably been moved back inside story cards, like in the old News Feed, to limit clutter.

文章提到 Facebook 成立了新的 Creative Lab，著重在使用者的體驗上，還因此產出了一個很棒的 app產品叫做 Paper

Facebook 在 2013年學習到更重要的一件事就是，Mobile 跟 Desktop 是必須完全切開來看。當你想要保持所有產品設計的一致性時（也就是上一版在做的事情），你無法顧到在不同裝置使用的體驗，雖然看起來很像，但其實大不相同！

節錄：

While News Feed doesn't look as "new" as last year's redesign tests looked, Facebook seems to have learned a key lesson: mobile and desktop are not equal. Last March's redesign was pitched as way to create visual parity between the company's desktop and mobile apps. "We recognize that while we strive for design consistency, part of that is recognizing that the way you use things on a PC is different from how you use things on your phone," says Marra, "but it's important that we cut these from the same cloth."

感謝這篇文章，我也從 Facebook 2013 版的失敗中學習到很多！

這篇也很棒： http://dcurt.is/facebooks-predicament

IxDA Taiwan 22th 2014 The Design Thinking of Content-based 筆記

2014-02-25T12:57:00.000+08:00

這應該是我第二次參加 IxDA 的活動，之前一直沒有參加到有工作坊的活動，這次終於可以體驗到了！這次的主題叫做「The Design Thinking of Content-based」邀請了天下雜誌的資深網路編輯陳紹謙(Diedy) 與大家交流！

下面就讓我按照筆記內容節錄當天的一些重點

天下雜誌是1981年起家的，從創刊理念開始講起，還沒進入網路時代的讀者跟現在的TA，重新檢視過後，其實沒有太大的差別，因為「人有興趣的東西其實一樣，是閱讀的工具不同了！」
維持 "紙本" 帶進來的氣質，很多基本的排版方式是不變的，Ex: 網格、文字的設計...等。

經由 New York Times 帶來的啟發，天下雜誌學會把故事講的更好！隨著時代的變化數位內容不是只有文字，視差滾動 Parallax Scrolling 的網頁設計可以帶來更豐富的體驗！
(嘗試快速筆記的方式紀錄這個範例。)

安倍晉三再造日本
http://topic.cw.com.tw/2013japan/p1.htm

更值得一題的是會後，編輯展示了安倍晉三這個專題的主視覺，希望能營造出一種"生活"的步調，採用了影片的方式當作背景。
http://topic.cw.com.tw/2013japan/

再來介紹了另一個有趣的例子：雙面中國，故事本身有兩個角度切入，該怎麼呈現兩個不同的角度，不同的面向閱讀，有著不同的感受，配合互動清楚的資訊圖表說明，難怪會得獎阿！

雙面中國
http://topic.cw.com.tw/2013china/

這是其中一個互動圖表的範例

接下來講到原則，好的視覺化設計原則：Attractive、Clear、Simple、Flow、Wordless。
Story-Telling 組成，故事 > 知識 > 資訊 > 資料。

再來說到有名的資訊圖表 GAPMINDER World 2012
當我手邊有很多資料，該怎麼視覺化？如果多一個向度，我該怎麼做？
BBC Four 的影片 The Joy of State 演示了多一個向度的作法

接下來有兩個例子

我買了國家公園？！
http://topic.cw.com.tw/2013nationalpark/pc.aspx

這個例子中有一個今昔照片1986年跟2013年的照片，利用左右拖拉的方式可以前後對照，非常有趣！

台灣是富人的低稅天堂
http://topic.cw.com.tw/tax/
點擊率頗高的一個圖表

天下雜誌到底怎麼做的？
1. 題一個好的問題
2. 搜尋資料
3. 分析資料
4. 設計資料呈現方式：故事的重點、起承轉合；表現方式文章、圖表、slide、影音。
5. 執行與發佈
6. 觀察回應與分析

為什麼打了個星號，因為我最想了解的其實是這塊，會後我去找了編輯詢問，他們小組編制當然也是編輯、設計、程式設計師都有，他覺得最重要的是他們每週都會花時間去找新東西，去學去看，大家分享，才能不斷激出火花。

Q&A 時間 (節錄幾個我覺得重要的)
※ 流程時間大約多久？ 2週左右，雜誌出刊時間差不多，也是要看內容的多寡
※ 如何co-work？編輯決定文章的分段，決定好 Layout 跟設計討論。
※ 資料的資訊圖表呈現方式很多種，當使用者測試後，版本數據都差不多會怎麼選擇？選比較炫的。
※ 先紙本才會做網頁嗎？是。未來可能會調整
※ IE版本支援？ IE8 但是，IE不是大問題，平板才是。

================ 工作坊時間 =========================

利用幸福指數大調查來發想天下雜誌下一週的主題
參考方式：
http://city.cw.com.tw/2012/chart3.aspx

一個小時的工作坊，怎麼從桌上都是數據的資料中找出有趣的主題去分析。

從數據中觀察到什麼？
有沒有故事可以說？
大家會不會有興趣？
可能想要的呈現方式？

說真的，對於工作坊我不太有經驗，小組討論會不小心太發散，不過真的挺好玩的！

有深入分析組

有主題逗趣組

希望下次有空可以再參加類似的工作坊！

MUZIK ONLINE 會員忘記密碼流程設計

2014-02-06T17:31:00.000+08:00

https://www.muzik-online.com/
對 Muzik 的古典樂 android app很有興趣，想先去網站確認會員資格
發現了有趣的 "忘記密碼流程設計"

來到會員登入頁，點選下方"忘記密碼"

我已經被其他網站的流程制約，總覺只需輸入我的email，寄一個驗證用的 link 讓我重新設定密碼即可。所以當我看到下圖的輸入表單讓我非常疑惑，以為點錯，甚至還回到上一頁再重新點選。

因為我非常確定我曾經申請過會員，疑惑的輸入我想要設定新密碼後，按下送出；出現了一段文案「系統將寄認證信至您所設定的電子信箱，請確認後並點選所附的網路連結」，到這邊我就比較能理解這個系統設計的邏輯了！

收信看到了一個這樣的連結：「點選下列連結將會修改您的密碼。」

點下連結後，回到會員登入頁，我的新密碼就重新設定完成了！

優點：不需要另外設計一頁"重新設定密碼"的頁面，將密碼設定的流程簡化兩步了！有顧到部份的安全性！
缺點：使用者第一次進入時，可能會無法理解"忘記密碼"當頁的設計；如果沒有去變更密碼收到信件會不知所措。

我滿欣賞這樣的流程設計，下面提出可以更好的作法：

「忘記密碼頁」：
除了 "新密碼" 這樣的提示之外，可以告知使用者，送出後會使用信件驗證的方式 "啟動" 你設定的新密碼，應該會更清楚。

「信件部份」：
1. 若不是該會員去設定，可添加「這不是我本人去修改密碼」的連結，讓會員連到"忘記密碼"頁，重新設定。
2. 或是直接告知使用者，「若你沒有去設定忘記密碼，請勿理會這封信，15分鐘之後此連結即將失效」。

最後，個人想推薦 Muzik 的 APP，對愛聽古典樂的朋友們，是一大福音阿！之後若有更棒的音質，我會購買每月的會員服務的！

Android：Muzik
iOS：Muzik Online

Chrome 清除快取並強制重新載入

2014-01-23T12:03:00.000+08:00

當 Ctrl + F5 或是 Ctrl + Shift +R 沒有用的時候，你可以試試這個！

今天同事分享的，原來很早就有這個功能 "清除快取並強制重新載入" ，我一直都只會用快捷鍵...

1. 按下F12
2. 長壓重新整理按鈕
3. 點擊最後一個 "清除快取並強制重新載入"

我用英文版來介紹

"Normal reload" 正常重新載入

The same thing as pressing f5. This will use the cache in every way possible. If the browser can avoid re-downloading JavaScript files, images, text files, etc. then it will.

跟 F5 "重新整理"是相同的，會使用 Cache 資料，JS檔案、圖片、txt檔案都會重複使用。

"Hard reload" 強制重新載入

Don't use anything in the cache when making the request. Force the browser do re-download every JavaScript file, image, text file, etc.

跟我們平常使用的 Ctrl + F5 是一樣的，不使用 Cache 資料，重新載入所有的檔案。

"Empty Cache and Hard Reload" 清除快取並強制重新載入

Obviously if the cache is empty then it will have to do a hard reload. This will again force the browser to re-download everything. However, if the page makes any after-the-fact downloads via JavaScript that weren't part of page load, then these might still use the cache, which is where emptying the cache helps because it makes sure that even these won't use cached files.

跟上面 "強制重新載入" 一樣不使用 Cache 資料，也會重新載入所有的檔案，但多做的一件事就是把先所有的 Cache 資料刪除後再載入。

Chrome Developer Tools - Settings > Overrides > Emulation 模擬瀏覽器改的更好用了！

2013-11-19T14:19:00.000+08:00

現在開發網站常常需要測試在不同裝置上不同瀏覽器的長相
我一直都很依賴 Chrome Developer Tools > Settings > Overrides > Emulation (模擬 User Agent 的功能)

目前正式板的 Chrome

現在的位置在

讓我們來看看 Chrome Canary 測試板裡面的改變
我第一次找的時候花了點時間，跟大家分享一下

Settings 的位置換了，不在右下角

打開 Overrides 會告訴你 Emulation (模擬功能) 已經換到 Console 的 Drawer 當中

勾起來後，關掉 Settings 點開齒輪旁邊的這個符號，也就是 Drawer 的位置

你會看到正下方出現了三個 tab

點到 Emulation Tab 就可以看到嶄新的 User Agent 功能了！

支援的種類更多了，甚至支援到最新的 Nexus 5 了呢！

如何將 Google Drive 內的影片檔嵌上字幕

2013-10-28T11:57:00.001+08:00

首先，你要把你要嵌入的字幕檔 (.srt, .sub) 下載到你的電腦中
目前只支援上述兩種字幕格式，檔案不能超過2MB

Google Drive 中，影音檔 (.avi, .mp4, .mkv) 點選右鍵 Manage caption tracks... (管理字幕軌)

點選 Add new captions or transcript (新增說明文字或字幕)

點選檔案跟你要選擇的語系

點下 upload (上傳)

確認有找到 Caption Tracks (字幕軌) 的話，就會出現下面的畫面

當你直接點開影音檔的時候，是無法讀取字幕檔的，請點選右下角的 open 或是直接點選檔案另開視窗

點下播放後，字幕就跑出來啦！！

要附註說明的是，如果你下載該影片檔 (.avi, .mp4, .mkv) ，字幕檔(.srt)是不會跟著一起下載的喔！(字幕播放只限線上的影音播放。)

Google Drive on iOS 無支援此功能

字幕檔可以上傳多種語系

播放時右下角就可以選擇你要英文還是中文

右下角的 options 點開後你還可以編輯字幕跟背景的顏色，還可以設定快捷鍵喔！

其他參考資料
https://support.google.com/drive/answer/1372218?hl=zh-Hant

如何將 Canon 相機(SX260) GPS log 轉成 GPX

2013-09-15T11:05:00.000+08:00

推薦一個免費軟體 GPS Babel
http://www.gpsbabel.org/download.html

GPX是個很好用的格式，不管是匯入 Google Map 或是世界迷霧(Fog of World) 中都很好用
這軟體不只可以轉換成GPX，還有非常多種通用的GPX格式

Canon SX230 HS, SX260 HS, SX280 HS 都有GPS紀錄的功能
紀錄的 log 檔案格式是這樣的

開啟 GPS Babel，按照下面的設定：
選擇 NMEA 0183 ，Input 的 log檔案，Output 選 GPX XML

再來點選 Options (這點很重要)，勾起最後一項 (ignore_fix=1)

完美的 GPX 格式

搜狐 sohu.com - 加入會員太麻煩？"自動加入"

2013-04-10T18:44:00.000+08:00

看到落落長的輸入會員資料的頁面，你是不是就想跑了呢？

如果自動幫使用者加入，再吸引使用者修改資料也是個好辦法呢！

剛剛在看文章的時候，意外發現搜狐聰明的作法
因為朋友轉貼看到有興趣的文章
http://yule.sohu.com/20130410/n372240876.shtml

讀著讀著，看到一個頁籤「我來說兩句」

點下後看到一個投票

把投票關掉後下面出現一個註冊成功？
左上角已經有了會員編號，右上角也有信件跟訊息了？

當我納悶的點進去發現
已經有給我一個臨時的 email 了，好奇的點進去 [修改資料]

必填欄位不算多，稍微修改一下資料就正式成為搜狐的會員了
好一個聰明的方法阿！

搜狐還是有正式的註冊頁面

不過上面這個方法真是快速增加會員的好方法阿！

基礎 HTML&CSS - 課程10：Coding Practices & Additional Resources

2013-03-26T13:49:00.000+08:00

課程來自： http://learn.shayhowe.com/html-css/
整理方式：Google Docs

基礎 HTML&CSS - 課程9：Organizing Data with Tables

2013-03-25T13:48:00.000+08:00