Browny Walking

[chrome] TabCloud 情境式分頁管理

2014-08-31T14:46:00.000+08:00

最近用 tabcloud 把書籤用情境的方式分類, 像是 work, reading, social 這些 session. 如此一來, 一個 session 就可以專注在一個情境上, 也省下不少開分頁的時間.

TabCloud: http://chrometabcloud.appspot.com/

[Webapp] 7 分鐘 workout 跟著網頁動動筋骨

2013-05-18T10:03:00.000+08:00

想要養成運動習慣卻又發懶嗎？每天花個七分鐘 Workout 一下，不需要什麼特殊器材，follow 網頁上計時器的指示，不知不覺就完成啦！

想運動卻抽不出時間，或是沒有動力出門，不妨可以試試這個 7-Min Workout 的網頁動一動，跟著計數氣的指示前進，時間一下就過了，而且也有達到活動筋骨的目的，還蠻簡單有趣的，分享給大家！

7-min Workout: http://7-min.com/

---EOF---

4 個小技巧提昇網頁瀏覽效率 - tips for chrome browsing productivity

2013-05-09T09:26:00.001+08:00

attribute to Ayeshah Ijaz

瀏覽器是電腦當中最常使用的程式之一，提高瀏覽效率也就直接提昇了工作效率。然而，大部分的時間是浪費在鍵盤和滑鼠間的操作切換，如果可以有效降低對滑鼠的依賴，就可以大大的提升效率！

以下介紹一些我日常生活會用到的概念和工具，希望可以幫助大家減少滑鼠與鍵盤間切換的時間，提昇效率。

1. 習慣使用快捷鍵瀏覽頁面

對於瀏覽網頁的經常性操作，像是 上一頁, 下一頁, 分頁切換 等等操作，應該要熟記其快捷鍵，避免使用滑鼠點擊 (最好是把 icon 從工具列移除，強迫自己使用快捷鍵操作)。

	Windows	Mac	Ubuntu
上/下一頁	Alt + <- or ->	⌘ + [ or ]	Alt + <- or ->
新分頁	Ctrl + T	⌘ + T	Ctrl + T
關分頁	Ctrl + W	⌘ + W	Ctrl + W
首頁	Alt + Home	⌘ + Shift + H	Alt + Home
切換分頁	Alt + 數字鍵	⌘ + 數字鍵	Alt + 數字鍵
跳到搜尋列	Ctrl + L	⌘ + L	Ctrl + L
重新整理	Ctrl + R	⌘ + R	Ctrl + R
循序式切換分頁	Ctrl + Tab	Ctrl + Tab	Ctrl + Tab

2. Tab Number (Chrome exteinson) 讓分頁切換更簡單

雖然有 前一分頁 和 下一分頁 的快捷鍵存在，但是我覺得最快的分頁跳轉方式還是 Alt + <數字鍵>。在分頁數量少於 5 個的時候，還有辦法一眼就看出要跳到第幾個分頁；超過 5 個的時候，就得花更多的時間去數到底那是地幾個分頁了。

Tab Number 是一個很簡單的套件，就只是在每個分頁上面加上數字，描述這是第幾個分頁，上面的問題就迎刃而解了。不過，這個套件有些小 bug，就是分頁超過 10 個以上的時候，他的數字會有好幾個 (例如: 9,10,11)；不過反過來想，當你開到 2 位數的分頁，也沒有辦法快速的用 Alt + <數字鍵> 這招了。

3. Vimium (Chrome extension) 用 vim 思維操作網頁

如果你平常習慣使用 vim 當做文字編輯器的話，那麼你一定要試試這個套件，他把一些 vim 的移動指令對應到相似的瀏覽操作 (例：j:往下捲, k:往上捲, gg: 回到網頁頂端, /: 搜尋, n: 下一個搜尋項, 最後 Esc:取消)，經常在文字編輯器和瀏覽器之間切換的話，對於這樣的設計一定會感到無縫接軌！

如果你不熟悉 vim 也沒關係，可以按 ? 跳出捷徑提示，另外還有一個更神奇的 f 鍵, 他會把所有可點擊的連結都標上一個小小的黃色單字標籤，這樣一來你不需要把滑鼠移動到該連結上再按左鍵，你只要照打那個標籤裡的單字，那個連結就會在新的分頁開啟了，完全都不需要動到滑鼠！

4. 幫常用的套件加上快捷鍵

套件強化了瀏覽器的功能，例：我自己有安裝的 Clearly，一個用來重新排版網頁成舒適閱讀的套件。不過每次要執行的時候，總是需要把滑鼠移動到右上方點一下套件的 icon，這其實也浪費了一些時間。

你知道嗎，Chrome 讓使用者設定如何綁定快捷鍵到套件上喔，就在套件設定頁面的最右下方，有一個 Configure commands，點下去就可以幫自己常用的套件設定一組快捷鍵，省下大量的時間。

大家有什麼關於瀏覽器操作的效率小秘訣，歡迎在下方留言與大家分享討論，今天就介紹到此囉 ~

Ref.

淺談 Facebook Home

2013-04-05T17:23:00.000+08:00

facebook 進軍 Mobile 的消息一直甚囂塵上，甚至還有傳聞要推出自有的作業系統。謎底終於在昨天揭曉:「Facebook Home」(~~faceboo 之家? 寄居在 Android 裡?~~)。他到底是什麼東西呢，按 Mark 的說法：

Home, as Zuckerberg and several other Facebook executives made clear, makes your phone about people, rather than about apps.[1]

要讓手機更人性化一點，而不是只是一堆 apps 的堆疊 (~~話說 Home 不也是一堆 facebook apps 的堆疊~~)。實際上是什麼呢，請觀賞上方的 hands-on demo. 相信讀者看完以後，一定會覺得這不就是一個高檔的客製化 Launcher 嗎？主要有以下三個功能

Cover Feed

一個高檔有質感的 lock screen，讓你不用解鎖就可以看到全幅的朋友近況，目前主要以照片和近況為主。
Chat Heads

這個特色算是筆者覺得最有用~~也最煩的~~，他讓 chat 可以隨時覆蓋在其他 app 之上，免去 app 之間的跳轉 (一邊用別的 app 一邊聊 LINE 要一直切來切去的確很麻煩)。但試想，無時無刻都會有個大頭照跳出來，不是挺煩的嗎？
Android Apps in Home

除了讓手機更加的 people 以外，更進一步將觸手伸進了 Launcher (應用程式集) 這個應用的大門。影片中可以看到一個類似擺放許多 apps 的介面，但是其實這些 apps 都是包裹在 Home 這個框架之中。

相信到這邊讀者大概對 Facebook Home 有了初步的了解，那麼推出 Home 的終極目的到底是什麼呢？看起來，他還是架構在 Android 的系統上，好像只是換了層皮，跟之前要推出自有的 OS 似乎相去甚遠？來看看 Forbes 怎麼說:

"This is a great experiment for Facebook," says Jan Dawson, chief telecom analyst at market researcher Ovum in an email. 「It's much lower risk than developing a phone or an operating system of its own, and if it turns out not to be successful, there will be little risk or loss to Facebook.」[2]

比起自己建立一套 OS，Home 的概念風險更低，對使用者來說其實感覺就好像在用另一套系統了。

此外，Home 把所有 apps 包在自己的框框之中算是很激進的手段，因為這樣一來，不但可以精準掌握你與朋友的關係，更能清楚掌握你如何使用 apps。或許，知道一個人怎麼使用 apps 並不足道，但是如果群體夠大的話，當中的廣告效益是可預期的！

雖然表面 Facebook 宣稱要讓手機變得更人性，實際上這可以讓他在 mobile 上面收集到更多與人相連結的資料。想當然耳，接著就可以投放精準的廣告啦，畢竟這才是其主要的收入來源。

發表會上完全沒有提及隱私權和廣告的議題，因此也有國外媒體提出質疑 "最終手機不只會更 social 也會充滿廣告 Orz"。

He did most brilliantly was obfuscate the difference between an app (Home), the user experience layer and the operating system.[3]

綜觀這次 facebook home 的發表，感覺上還是蠻厲害的策略，上面這句筆者覺得講的很好，Home 利用創新的 user experience 帶來一種突破，好像打破了系統的限制一般 (~~無所不在的 Chat Heads~~)，給人感覺好像另一個不同於 Android 的體驗。

最後，如果是重度 Facebook Fans，這樣的體驗或許還蠻不錯的 [4]。不過，就筆者觀點，還是不想要手機無時無刻都被 Facebook 佔據啦！。最後欣賞一下官方的 demo 影片吧 ~ 有任何指教或是看法，還請不吝於下方留言指教討論

References

-- EOF --

Buffer: 排程發文應用 - scheduled social media post

2012-09-17T07:40:00.000+08:00

今天和大家分享一個好用的社群分享套件「bufferapp」，其最大特色是「排程發文」的設定相當簡單易用。如果在社群網路中，你是一個重度分享者，那麼在固定的時間發佈你的分享連結會是一項美德，這讓訂閱你的讀者看板顯得格外清爽。

目前 bufferapp 支援 twitter, facebook 和 linkin 三種社群服務，比較可惜的是目前還沒有支援 Google+。連結帳號之後，每當遇到想要分享的連結，可以用勾選的方式，選擇要分享到哪些服務上，並且可以啟動自動短網址的功能。

另外一個優點是，你的分享進入排程以後，依然能夠修改甚至取消。如果你是一個社群經營者，或是重度分享癖好者，那麼一定要試試看這個排程發文利器！

buffer @ http://bufferapp.com/

-- EOF --

WorkFlowy 不只是 todo list

2012-08-06T07:00:00.000+08:00

簡單：不討好每個環結，從需求中找出最大交集，用精簡的語意、直覺的操作完成任務，是消化複雜過後一目了然的呈現。

先前，也陸續在這邊介紹過一些 todo list 相關應用，不過老實說我自己對於那些工具，大多也都只有三分鐘熱度。目前，我的 todo list 也只是在 Dropbox 裡面開個文字檔而已 (因為這樣對我來說是最簡潔有力的)。

直到最近看到了 WorkFlowy 這個 webapp ..，一進到他的首頁，我就感覺到 "沒錯，這就我想要得 todo list"，因為其實他就跟一個純文字記事本沒有兩樣。只不過他把 "list" 的操作變得更加容易。

沒有複雜的選項，像是 "新增分類", "設定期限"，"設定優先權" 之類...，單純以列表的層次嵌套來表現一切 (有一點 wiki 的感覺, 但是更加簡潔)。此外，巧妙結合了 social stream 慣用的 # 和 @，擴展了純粹嵌套所能呈現的維度。

不禁佩服這種能捨才能得的巧思，雖然他只提供了一些再簡單不過的操作 (應該是設計過的)，不過其實 list 的語意已經足夠 take care 日常生活的許多任務了，也難怪他把自己取名為 workflow 而不只是 xxx list。

除了用作 todolist，相信他還有無數種應用的可能性，你覺得呢？

WorkFlowy @ https://workflowy.com/?ref=4e1e83

-- EOF --

4 個音樂聽不完的免費服務 - free music radio webapp

2012-01-08T10:04:00.000+08:00

快要過年囉，跟各位讀者總結介紹一下這一年來，自己常用的一些數位服務，第一輪就來分享一下關於音樂的部份吧。

喜愛歌手，一次聽夠夠！

首先兩個服務都是利用 Youtube 搜尋的方式播放，如果某個 moment，你特別想聽某個歌手的一些歌曲，就可以利用他快速找出該位歌手的歌曲清單，然後你只要戴上耳機就可以開始享用啦！

1. tubalr

tubalr 的搜尋有分 “only” 和 “similar” 兩種，"similar" 大概就是可以透過 Youtube 相關影片的搜尋，找出類似的歌曲；如果你只想聽該位歌手的歌那麼就選 “only” 搜尋。

2. Youtify

Youtify 和 tubalr 也很類似，只是介面風格不太一樣，貌似有可以自己建立 playlist 的功能，不過也不太重要，這種服務的主要功能就是隨性聽音樂吧！

隨機瀏覽，發現新曲味

再來兩個比較偏向隨機選取的應用，使用方式也相當簡單，就是開啟應用，然後就開始聽歌 ~

3. doban.fm

豆瓣電台除了可以隨機選取外，他還有預設了一些類別，如果你想要營造一種在咖啡廳的氛圍，那麼你可以選擇 “咖啡” 這個類別。

此外，他還有一個方便的 Chrome 套件，直接在瀏覽器按下播放鈕，連網頁都不用開，瀏覽器直接當電台用，不錯！

4. 亦歌

最後，亦歌這個網站也是簡單明瞭，一進去啥都不用做，就開始播放歌曲啦，但是他也有搜尋的功能。

今天和各位分享的都是簡單好上手的網路應用，如果你只是想找一些音樂襯底，或是隨機的發現一些好歌曲，不妨試試看囉。

你也有推薦的音樂類型的網路應用嗎？歡迎留言與大家分享 :)

— EOF —–

利用 Dropbox 觸發事件自動處理 - Automator

2012-01-05T22:18:00.000+08:00

attribute to Lego Mindstorms Robot

今天看到一個利用 Dropbox 來作 事件自動化處理 的應用，感覺蠻有意思，跟大家分享。電腦相對人較為厲害的地方就是可以快速的執行重複的 routine，所以當你發現自己在使用電腦的時候，經常重複性的做同一個流程或動作，那麼就應該停下來思考，是不是可以利用電腦自動化的特性來輔助。

舉例來說，張三是與你你密切合作的工作夥伴，他寄給你的 email 你都會另外歸檔到一個資料夾，若是你每封信件都這樣作，會花費不少時間，因此大多數的郵件軟體，都具備 設立過濾規則然後執行相應動作 的能力 (凡寄件者為張三，則將信件移至 張三的信 資料夾)。

聰明的你一定也會想到，在數位環境中還有更多事物可以透過自動化來加速，例如:

同樣的訊息，因為想要分享給不同圈子的社群，而要費時費工複製貼上：貼噗浪、貼臉書、在貼G+，實在太累了，如果有辦法貼一個地方，自動同步到其他地方，豈不是很方便。但是，又不想要所有的東西都同步，所以可以建立一些規則，符合者才同步。
每次手機拍照完，都還要花時間將照片自手機當中讀出，如果每拍一張照片，就可以自動傳檔到指定的 Dropbox 資料夾，這樣就省了大把時間傳照片。

講到這邊就不得不提一下之前蠻吸引我注意的一個服務 ifttt (if this then that)。其實從上面的介紹不難理解，自動化的必要條件，就是必須具備清楚的 因果關係 (因為發生了 OOO 事件，所以要執行 XXX 任務)，而這個服務有趣的地方就在於，他將一些不同類型的 web app 的能力，清楚的轉化為使用者很容易了解的因果(OOO事件, XXX任務)。更進一步，將這些因果讓使用者 自由組合 成各種自動化流程。

上面講了一拖拉庫，感覺好像很複雜，其實只要實際使用看看你馬上就會有 feel 啦！OK，扯了這麼多才進入今天的主體 Dropbox Automator。其實，只要你了解了 ifttt 的運作方式，相信這個東西也就不難理解了！

是的，他就是以 Dropbox 這個廣為人知的雲端服務當作因果關係的的「因」，然後整合各種不同的 web app 為其果，所以概念上來說，他只是 ifttt 的一個子集，因為變動的只有一端 (簡單來說，能夠觸發自動化事件的起因只有一種，就是把檔案放進特定的Dropbox folder)。

這種透過檔案目錄來驅動事件的方式，不禁讓我想到 Linux Kernel 透過 sysfs 節點來驅動核心事件或者屬性修改; 觀察目前 Dropbox Automator 所支援的一些 task，大多仍圍繞著檔案處理的概念打轉(寄送email，影像處理，格式轉換，上傳，等等...)。於是我在想，如果他可以效法 Linux，透過更改目錄結構或者檔案屬性來驅動更多 意念相通的事件 或許會更加有趣！

想必各位一定不知道我在講啥米碗糕，舉個例子吧：

在 Dropbox 中創建一個 fb 資料夾，然後開啟一個 brownylin.txt 的文字檔，你只要在這個文字檔新增一行句子，就等同於發訊息到 faceboo 給我。
可以將某個 Dropbox 資料夾跟某一本網路相簿同步，修改資料夾的名稱自動會驅動修改網路相簿的 title。

我想，還有相當多有趣的驅動方式可以探索 (拖曳資料夾？更改資料夾顏色？)。Anyway，目前我覺得挺好用的一項是可以開一個 folder 將圖檔同步到 Flickr，這樣以後寫 blog 的圖檔就不用花時間上傳到 Flickr 啦，丟到 Dropbox 就搞定囉！

各位讀者也有什麼 amazing 的自動化密技嗎？或是你對於上面的服務也有什麼想法，歡迎留言與我討論，下台一鞠躬 ~

-- EOF ---

兩個練習英文打字的網站工具 - English typing practice

2012-01-01T18:17:00.000+08:00

首先，先跟各位讀者新年快樂，預祝各位在2012年生產力大增。怎麼樣生產力才會大增呢？如果你的工作和電腦相關的話，那麼打字的速度當然就是一項影響生產力的指標啦，所以今天跟各位分享兩個很不錯得英打練習工具。

1. Type Fu

首先介紹的是 Type Fu，有一點 typing kung-fu 的味道，有手指提示按鍵的正確指法，由淺入深，並且會分析你最弱的按鍵是哪個。每天練個幾十分鐘，英打功力應該有所進步。

2. keybr

keybr 有別於 Type Fu 從基本單鍵開始，以單字的方式讓使用者練習，並且可以自訂練打文章的來源。註冊的話，還會紀錄你的打字進步曲線，也是一個不錯得練打工具。

[Chrome] Clearly - 最近常用的一款舒適閱讀套件

2011-12-24T11:18:00.000+08:00

網頁視覺元素越來越多元豐富，雖然讓網路內容變得更繽紛，相對帶來的副作用就是降低閱讀的專注力，想要好好的讀完一篇文章，卻會不時被彈出> 的廣告，或是邊欄的一些 widget 給干擾；又或者覺得網頁上的字體太小，背景太過刺眼等等...

一直以來針對需要專注閱讀的長篇文章，我都會搭配一些工具，把這些干擾元素移除，先前就有介紹過兩款這樣的工具，可以參考打造專注力 up 的網路閱讀環境，今天則要介紹另一個也很優秀的舒適閱讀套件 Clearly。這個套件最讓人驚艷的就是反應速度很快，沒有太多的設定選項(三種字體大小和背景色)，但是已經相當夠用了！來看看使用前後的差異吧！

使用前

使用後

Ohlife: 純粹又帶點驚喜的每日生活手札

2011-10-01T09:09:00.000+08:00

你有寫日記的習慣嗎，曾想要記錄下每天的喜怒哀樂，但卻難以持之以恆。今天，跟各位介紹一個相當「純粹」的服務 Ohlife。

除了實體日記本的選擇之外，若你嘗試著以數位的方式來寫日記，那麼「純粹」我想應該是這個服務需要具備的特質。Ohlife 就是這樣的一個「每日記錄」服務。

Ohlife 讓你設定好每天收到「該寫日誌的提醒信件」的時間，沒有華麗編輯介面，你只需要像「回覆 Email」那樣寫下你每天發生的事情、心情的起伏，按下送出，一篇日誌就完成了。你會問：如過這個網站倒掉了怎麼辦? 這方面他也很純粹，提供純文字檔案的輸出讓你備份。

令人著迷的地方還有另外一點，在每日的提醒信件中，他還會隨機附上一篇你過去寫的日誌，讓我每天在準備回覆這封日誌信的時候都帶著一種期待。

期待看到過去某ㄧ天的我，做著怎麼樣的事、經歷著怎麼樣的心情，彷彿我又重新回味了一次，這種感覺更讓人有動力持續的紀錄下去。

「純粹中帶點驚喜、簡單中又充滿人情」，還有多少服務是這樣讓人上癮呢？分享給各位，願大家日日精采 :)

...

輕鬆背單字: Quizlet 搭配 Flashcards

2011-09-03T10:43:00.002+08:00

兩年前，我曾經介紹過一個幫助單字記憶/學習的網站 Quizlet，最近再次造訪發現已經增加不少新的功能，並且已經有許多 Mobile Apps 整合這個網站資料，推出許多單字卡的相關應用。今天就和大家分享透過 Flashcards 這個 app 搭配 Quizlet 的單字記憶流程。

簡單來說，Quizlet 好比單字卡資料庫，你可以在上頭建立自己的單字卡，也可以瀏覽別人建立好的單字卡。最陽春的紙本單字卡 (文具店有賣的那種)，由於需要手動抄寫，不是很方便；透過 Quizlet 你有兩種更好的方式為你的單字卡增加詞彙: 1. 直接使用他人建立好的單字卡 2. 透過 Quizlet 書籤工具，將選取的單字加入。

由於現在閱讀的習慣漸漸朝向數位閱讀，網路閱讀時遇到一些陌生的單字，這時第2個選項就特別有用。另一個問題就是，當你選定要加入的詞彙，單字卡的背面要寫下該詞彙的定義，這也不需要操心，Quizlet 會列出一些官方和使用者自製的詞彙定義，你只要選取即可，完全不需要手動輸入。

有了 Quizlet，你可以很輕鬆的建立自己的單字卡資料庫，接著就是搭配一個趁手的 mobile app 讓你無時無刻都可以複習單字，這邊跟大家介紹 Flashcards 這款簡單明瞭的應用。

Flashcards 是從 Quizlet 的 mobile apps 頁面當中找到的一款最多人使用評論也不錯的 iOS app。如上圖，你可以從 Quizlet 下載你預先建立好的單字卡，由於是使用搜尋的方式尋找 Quizlet 資料庫當中的單字卡，所以替單字卡取一個比較特殊的名字會比較好找，例如 browny-word。

匯入以後你就可以開始複習單字啦！另外有一個問題是，如果爾後你透過 Quizlet 又在該單字卡中新增了一些詞彙，那麼 Flashcards 會不會自動同步更新呢？根據我測試的結果應該是不會，不過解法也很簡單，只需要重複再 search 一次，然後選擇 Update，就可以更新該單字卡的內容囉！

你也有什麼背單字的撇步和工具可以跟大家分享的嗎，歡迎各位留言或是到 Google+ 和我討論喔 :)

... ...

分享即收藏, 善用工具檢索你過去的訊息流! - search in stream

2011-08-27T11:21:00.002+08:00

attribute to uvafragola

你經常使用社群網路分享好東西給朋友們嗎？是的話，那你應該曾遇過「一時要找某則先前分享過的內容卻遍尋不著的苦惱」吧！

現在，分享很容易，資料越來越錯綜複雜。若平時自己就有將資訊分享到社交網路的習慣，是不是也有一套方法，可以針對這些內容做檢索/收藏，以備將來某天可以方便查找呢 !?

今天和各位介紹兩個自己實驗過的服務，一個是 TOPSY，另一個是 trunk.ly，給諸位參考看看：

TOPSY

TOPSY 簡單來說是一個依照訊息熱度排序，針對 twitter 的搜尋引擎 (詳細的介紹可以參閱這篇介紹)。不過今天只是要介紹怎麼拿它來搜尋自己過去的推文，所以來看看它的 Advanced Search 選項吧！

如上圖，TOPSY 有詳細的選項可以調整，第一個框輸入要搜尋的關鍵字，因為只要搜尋自己的推文，所以在第二個框輸入自己的 twitter 帳號，第三個框可以指定排序的方式，這邊選用"日期"排序。按下 Search 看看結果吧：

此時，網址大概是長這個樣子
http://topsy.com/s?order=date&q=apple+from%3Abrownylin

其中的 q=apple 的 apple 就是查詢的關鍵字，我們可以透過將 apple 代換成 %s，然後將這樣的搜尋 pattern 加入 Chrome 的預設搜尋引擎，作法如下圖：

進入 Chrome 設定選單 (Preference) -> Basics -> Manage Search Engines

完成以後，未來就可以在網址列利用 "ts" 驅動客製化的 twitter 搜尋引擎啦，相當方便 (詳細操作可以參考 Manage search engine options)！

trunk.ly

一般來說，TOPSY 的搜尋功能已經夠用了，但是如果你想要進一步搜尋訊息所包含的內容，就要靠 trunk.ly 了。意思是說，假設你在分享訊息中貼了一個新聞網址，假設那篇新聞內文中有出現 "蘋果" 這兩個字，即使你的分享訊息沒有 "蘋果" 兩個字，它一樣可以幫你找出來!!

此外，trunk.ly 不單只針對 twitter，你還可以匯入各式各樣的社交網路服務，例如：facebook, delicious, Google Reader, RSS 等等...。野心還蠻大的，想要做一個整合的訊息流搜尋器！

基本上，平常在分享的時候記得附上一些較泛用的關鍵字或標籤在敘述當中，未來利用 TOPSY 或者 trunk.ly 來搜尋的話應該就萬無一失了！

你也有自己一套搜尋訊息流的方法嗎，歡迎上 Google+ 和我討論唷：http://goo.gl/UzE11

... ...

從使用者角度看 Native app vs Web app

2011-07-26T10:52:00.004+08:00

attribute to jessicagoslingphotography

昨日在 Matt Legend Gemmell 的 Blog 當中看到一篇討論 Native app 和 Web app 的文章，其切入點頗值的玩味，在這邊和各位分享。

文中主要將 app 分成四個類別：

明確在瀏覽器內運行的應用。
由 home screen 啟動，運行在特定瀏覽器中的應用 (在啟動上有 native app 的味道)。
運行在 native app 當中的 web view 的應用。
純 native app，沒有 HTML/CSS 的介面。

並將以上這四類大致分成「run within browser (1, 2類)」和「run within, or are native apps (3, 4類)」。接著作者以使用者的角度提出了關於「階層」對於使用情境影響的見解：

Frame of Interaction (互動的框架)

The core of the problem is that computing devices are already task-compromised.

It's about the hindrances that come from apps being virtual entities within unrelated, unspecialised physical devices.

簡單來說，其實我們在使用 app 做事情的時候 (不管是玩遊戲、寫 mail、查列車時刻，等等...)，app 本身跟承載他的物理裝置是沒有關連性的。

聽起來還是霧煞煞，所以作者舉了一個計算機的例子來看看「實體計算機」和「計算機 app」的差異。

「實體計算機」在認知上他就是拿來計算東西的物件，所以在其上進行一些計算動作來看，task 和 physical device 是有連結的；反之「計算機 app」是運行在「手機」上頭的，手機最單純的語意應該是拿來打電話的，因此，task (計算) 和承載他的 physcial device (手機) 出現了一點隔閡。

也許你會想說，哪會有什麼隔閡，手機本來就可以拿來做一堆事情啊！不過，也許這是因為我們年輕世代已經習慣適應了這樣的轉換。最近我在教長輩使用電腦的時候，就常常遇到類似的問題，要跟他們充分解釋「為什麼瀏覽器可以拿來看影片、看新聞還可以玩遊戲」簡直是難上加難。

瞭解這個關係之後，接著作者提出的 frame of interaction 就容易理解了。簡單來說，實體計算機是 1 層，native app 是「手機裡包著應用」是 2 層，web app 是「手機裡包著瀏覽器，瀏覽器裡再包著應用」則是 3 層。

若要對長輩解釋這種層層包裹的關係更是難上加難。每多上一層，也就有更多的隔閡得突破。

We can cope with a surprisingly high degree of interaction frames, but we're not optimized for it.

The nesting of interaction frames is uncomfortable in itself, but browsers also introduce an additional dimension of difficulty.

Separation of Concerns (一次只做一件事)

這邊主要也是延伸上一個論點，強調人類被設計成「一次只專注一件事情」。若 app 運行於 web browser 之中，則會因為 browser 本身 multi-tasks 的環境，犧牲了 task-specific 的專注特質。

Humans are designed to focus the majority of our attention on a single task at a time.

If your app is running within a web browser, it's
automatically victim to a second-order version of the fundamental compromise of computing devices: the violation of one tool per task

System Integration (系統整合的優勢)

第三點所提及的在大多數的比較當中都有出現過：也就是 native 有較好的系統/硬體的整合能力，而 web 則有較佳的跨平台能力。有趣的是作者接下去提到的幾句話 (這大概很明白說明了作者是比較支持 native app 的)：

It's not just about technology, and certainly not just about economics. There's psychology to consider, specifically psychological distance

Apps feel designed. They feel tailored, and special. They're lean-back, on-the-go, crafted, targeted things. The immediate extension of these properties is how at home they feel

我想這邊的重點是 targeted things

They'll dip into your wallet for the privilege, of course, but it doesn't change the fact that your vegetables are in the supermarket and your novel is in the bookshop

想用 native 勢必得付出一些代價，但這並不會改變你去超市買菜、書店買書的事實，囧

When deploying on the web, from the user's perspective, you're probably starting with a disadvantage. There's cognitive load associated with your app being a bookmark instead of an experience, and there's an implicit trivialization which occurs in the user's mind. It's unfair, but it's a reality

好狠，只是一個書籤不是一種體驗...

各位覺得呢，Native app vs Web app，今晚你選哪一道？

... ...

探索 Google+ 的核心本質 - what's new in googleplus

2011-07-07T21:50:00.004+08:00

attribute to malingering

最近網路圈最夯的議題大概非 Google+ 莫屬了，雖然現在仍未全面開放，但網路上已經討論的沸沸揚揚了。Browny 也透過友人的邀請，嘗試當了一下居家 (G+) 好男人。

有了先前 Wave 和 +1 button 種種進軍社交領域的失敗經驗，大家都在看，這一次 Google+ 是不是真的準備好了；經過一陣子的使用和思考後，我也來和大家分享一下自己的看法！

談論 Google+，不免一定會被拿來和目前兩個最大的社交網路 Facebook 和 twitter 比較。因此，本文先回顧這兩個歷經考驗而屹立不搖的服務，再來看看 Google+ 帶來了什麼樣創新和挑戰。

以人為本還是以物為本的社交生態

每個人使用服務的方式不盡相同，但某種程度上來說，服務本身的機制會影響使用情境往不同的方向演進。以我自己為例，Facebook 上的好友幾乎都是我認識的人 (也許不一定很熟，但至少並非素未謀面)；而 twitter 上的好友大多是我不認識的人，什麼樣的原因造成這樣的結果呢？

這就是機制上的差異，造就了兩個文化迥異的社群網路。講了半天，到底什麼是「機制」啊！簡單來說，你必須要問這個服務兩個問題：1. 彼此的連結如何建立，透過什麼方式建立？ 2. 可以透過這個連結作哪些事情，連結和連結之間有什麼互動？

拿這兩個問題來問 Facebook 和 twitter，他們之間的差異就顯而易見了！以下來列舉一些比較

彼此的連結如何建立，透過什麼方式建立？
- Facebook: 一方提出請求，另一方同意便能「互相」成為「好友」。
- twitter: 甲方 follow(跟隨)乙方，乙方無需同意，甲方便成為乙方之 follower(跟隨者)。
可以透過這個連結作哪些事情，連結和連結之間有什麼互動？
- Favebook: 好友互相可以看見彼此的訊息，並且有些東西可能還會被好友的其他好友看到。
- twitter: 甲方(追隨者)單方向看見乙方(被追隨者)的訊息，乙方若未 follow 甲方，則不會看到甲方的訊息。

當然這只是一個簡單的問答，其中的規則當然並非僅此而已。我想表達的是，由於機制的不同，造就了這兩個服務不同的生態環境：Facebook 走向 人為本(以真實人際關係為基礎來擴展) 的網路，twitter 則走向 物為本(以內容/興趣為基礎來擴展) 的網路。

孰優孰劣

若考量真實世界複雜的人際關係，世界上恐怕沒有唯一的機制能夠完美詮釋這樣複雜的網路，這兩個服務都只是一種簡化的模型罷了！既然是模型，把真實世界的人際互動套上這些簡化的規則，自然會產生一些不完美。

利弊該從何分析起？從我們都拿這些服務做些什麼事情來看，大概可以簡化成兩個動作：接收訊息 與 發送訊息，完美的情況是什麼呢？當然就是「對的人將對的訊息傳到對的人手上」對吧！

升學有所謂「選校不選系」或是「選系不選校」，對照看來 Facebook 就是所謂「選人不選文」；而 twitter 則為「選文不選人」。

Facebook: 「選人不選文」有什麼樣的特性？
- 從接收訊息端來看：就算是你再熟的朋友也會張貼你不感興趣的話題、分享你不感興趣的連結、玩你不感興趣的遊戲，然後這些你不感興趣的東西充斥在你的塗鴉牆上頭，導致「對的人(也就是Facebook當中的好友)將錯的訊息傳到我的手上」。
- 從發送訊息端來看：因為沒辦法很容易指定什麼訊息給什麼人看，導致「我很難將對的訊息傳到對的人手上」。
twitter: 「選文不選人」有什麼樣的特性？
- 從接收訊息端來看：由於是選文不選人，基本上你會 follow 的人，就是經常會講述一些你感興趣東西的人；換句話說，其實是在 follow 「內容」而非「人」。
  
  這樣看來，對的訊息的確可以比較準確的傳到對的人手上；但是那些跟「人」比較有關的訊息 (生活照片、心情抒發, 等等...)，就比較難在上頭得到認同！
- 從發送訊息端來看：會 follow 我的人應該是對我過去的發文感到興趣的人，因此 follower 對你有某種一致性的期待，發文的時候難免會有所顧慮，畢竟他們大部分是衝著「內容」而來的啊！

Google+

從上面的論述可以瞭解到，這兩種網路各有擅場，那麼 Google+ 做了些什麼呢？簡單來說，Google+ 在訊息的發送與接收上加了過濾器 (就是 Circle，也稱作社交圈)，試圖在「以物(內容)為本」的基礎上帶進「人(對象)」的特質。

Google+ 在機制上，我個人認為是比較接近 twitter 的，關於「機制」問服務兩個問題：

彼此的連結如何建立，透過什麼方式建立？
- Google+: 甲方 follow(跟隨) 並 需將其分至一類別，乙方無需同意，甲方成為乙方之 follower(跟隨者)，這點和 twitter 是一樣的。
可以透過這個連結作哪些事情，連結和連結之間有什麼互動？
- Google+: 甲方成為追隨者後，可以看到乙方之訊息，並且乙方也可以從 Incoming 這個額外的塗鴉牆上看到甲方之公開訊息 (有點 Facebook 的味道，但是 Google+ 另外幫你開了個塗鴉牆，讓你有機會認識一下那些追隨你的人，又不會弄髒原本的塗鴉牆)。

那麼，考量「對的人將對的訊息傳到對的人手上」這件事，Google+ 做了什麼努力呢？是的，就是小圈圈的主要功能，不過這也端看用戶要如何建立小圈圈。

該以「人為本」建立小圈圈 (例如：高中同學、社團好友、同事等等...)，還是以「物為本」(例如：旅遊、網路資訊、政治議題等等...) 建立小圈圈呢，Google+ 帶來了多種可能 (一個人可以被加入多個圈圈當中)，感覺像是要融合 Facebook 和 twitter 建立一個多重典範的感覺。

隱私/社交(新鮮感)

另一個社交網路重大議題便是隱私，本篇文章雖不探討此問題，不過我覺得有時候窺人隱私反而是社交網站的黏性來源：諸如「看到朋友發言底下的一則回覆很有趣，想要知道留言的人長得什麼樣子」與「我不想讓朋友 tag 我的照片，被他的其他朋友看到」之類的矛盾。「以人為本的網路」比起「以物為本的網路」，更多了些黏性。

結語

最後，我想引述一篇我覺得很中肯的文章當中的論述:

When it comes to representing relationships online, there are two big questions:

Our offline relationships are very complex. Should we try and replicate the attributes and structure of those relationships online, or will online communication need to be different?

線上的關係有必要複製線下人際關係的複雜嗎?

If we do try and replicate the attributes of our relationships, will people take the time and effort to build and curate relationships online, or will they fall back to offline interactions to deal with the nuances?

假如真的要這麼做，得到的利益值得花時間下去學習嗎？

Google+ 的確有一些新的機制，這樣的機制或許有更大的彈性去適應真實世界複雜的人際網路。相對的，使用上的複雜度也提高了。如果今天沒有 Facebook 也沒有 twitter，我想 Google+ 會是一個很好的典範，可惜事實並非如此，Google+ 還有長遠的路要走啊。

您對於 Google+ 有不一樣的使用方式或者見解嗎？都歡迎留言一起討論唷！如果您對我的 G+ 也有興趣，歡迎造訪：http://gplus.to/browny

最後，辛苦您看到這裡，推薦兩個 Google+ 的 Chrome 套件:

1. 不用點擊就可以在 Google+ 裡面預覽照片
2. 輕鬆分享 Google+ 的文章到 twitter 和 Facebook

淺談行動攝影的社交元素 - social photography

2011-07-03T17:18:00.005+08:00

attribute to http://www.flickr.com/photos/smanography/

在眾多的手機 app 當中，照相類的應用始終是歷久不衰，不斷的有新東西問世。本著輕薄短小，反應速度快的優勢，加上「社群分享」功能迅速竄起。雖然質感離專業相機仍有一段距離，不過各種個性化的「濾鏡特效」反而吹起一股人人皆攝影師的風潮。

今天和大家介紹一些我覺得蠻有意思的應用，除了具備「社群分享」和「濾鏡特效」的元素以外 (大家最熟悉的大概就是 Instagram)，這些 app 都帶給我不一樣的思維和感覺。

1. Piictu - 照片的「主題」樂園

一個加上 twitter, Facebook 分享按鈕的 app，頂多就是讓你把處理好的相片張貼到你的社群網路中，而 Piictu 透過「主題」幫照片的互動添加了更多的可能性。

操作上來說，你拍了一張照片，並且給他一個主題，然後其他人可以針對這個主體來拍攝，於是針對同一個主題就會產生一個照片流 (photo stream)。

這個點子同時解決了兩個問題：1. 不知道該拍什麼但又想拍點什麼的人可以上去找靈感。2. 發佈主題的人看到相同主題的回覆而有互動的感覺。

這個 app 若進一步應用到圖像的語意檢索上頭，我覺得應該還蠻有趣的，這是什麼意思呢？譬如說，今天我想要找一張蘋果的照片，由於蘋果是一個簡單的名詞/物體，所以只要輸入關鍵字「apple」就很容易找到；但是如果我今天想要找一張「表達出清脆爽口感覺」的照片，我該輸入什麼樣的關鍵字呢？

或許我應該找「一個人正在咬蘋果的照片」而不是「清脆」或者「爽口」對吧。Piictu 的「主題」式照片互動讓我聯想了這個玩意。哪天如果你想要搜尋表達出某種意境的照片，不妨先由你自己拋磚引玉講述一個主題，眾包的力量或許會帶來許多驚喜！

2. Trover - 越拉越遠的趣味

這是一個結合 Location 的應用，也就是說他可以呈現出「當前所在位置週遭」被分享的照片。我覺得特別有趣的是他呈現遠近的方式：隨著手指往上撥弄頁面往下捲動的時候，左上角的距離不斷的跳升，有越來越遠的趣味。

當你到了一個新的地方，就可以上去看看別人在這附近拍了哪些相片：一些好吃的小吃、有特色的景點、很讚的商店之類的...；此外，也有朋友的 follow 機制。這個應用似乎在這裡沒有很多人使用，但是他以頁面捲動的方式表達距離深得我心！

3. Fancy - 品味在彈指間流轉

這個 app 就如同名稱所示，讓你瀏覽/炫耀自己覺得很 fancy 的 stuff。整體的瀏覽體驗相當簡單有質感，就是一張一張網友們覺得很 fancy 的玩意 (衣服、鞋子、車子、飾品等等...)。

閒來無事，偶爾我會打開來看看有什麼酷炫的玩意/有創意的產品，據該服務指稱這也是一種定義自我品味的方式，因為你可以在你覺得 fancy 的玩意上按「讚」，當然也可以上傳你覺得很 fancy 的玩意，那麼你就會有個屬於自己的 fancy 頁面！

4. N SKY C

最後，和大家分享一個有趣的網站 N SKY C，這個網站每五分鐘更新一次紐約市的天空平均顏色，所以點進去會看到一個個正方形色塊，每個色塊都代表五分鐘內天空的平均顏色。

那麼，這個平均顏色是怎麼平均出來的呢? 也許是氣象站的照片，也可以是… …！

知道天空最近五分鐘的平均顏色可以幹嘛呢，最直覺的大概就是天氣吧；那麼透過 Location 和眾多開放 API 的 social photo app 服務，要取得世界各地的天空每五分鐘的平均顏色應該也不是一件難事吧，也許未來就會看見這樣子的天氣預報 app 也說不定唷！

小結

擺上社群分享按鈕就宣稱自己是 social photography application 嗎？觀察前面那些讓我留下印象的 app，無非不是 從「滿足社交需求」的情境出發，結合手機的功能，再搭配順暢且趁手的 Context 營造出耳目一新的感覺。對於什麼是 Context 有興趣的讀者可以參考先前的文章：行動應用的好點子哪裡來 - where comes the good idea at mobile app

你也有玩過讓你眼睛一亮/拍案叫好的社群照相應用嗎？歡迎推薦給我玩！或者是對這方面的創新有什麼見解，也歡迎留言跟我討論唷 :)

... ...

[Mac] 把 iPhone 的 Lock Screen 搬到 Mac 裡面

2011-06-29T14:22:00.001+08:00

如果你覺得 Mac 內建的 Lock Screen 太過於陽春的話，可以試試看這個有趣的應用：將 iPhone 的 Lock Screen 搬到 Mac 當中。

於是你會問，那我該怎麼「解鎖」呢？可以自行指定 keyboard pattern (像是密碼鎖一樣安全性較高)，也可以利用 trackpad，感覺真是不錯！

開發者的教學影片在此，下載連結在此！

如何刪除各大網站的帳號 - How to Delete Your Account

2011-06-14T07:53:00.000+08:00

隨著網路服務越來越多，每個人的隨身帳號也跟著越來越多，變得難以管理。有時候不再使用該服務的時候，發現要刪除原本的帳號卻不得其門而入！

AccountKiller 是一個幫助你刪除帳號的網站，他集結了各大常用網站，並且將刪除帳號的難易度用顏色加以區別 (黑色是最難、白色是最簡單)。點擊進去以後，他會列出一些或許網站上不容易找到的帳號刪除連結，甚至是一些刪除指南等等...

你正在整理你的數位身分嗎，那些你已經很久沒有使用的服務，該是時候把舊帳號清一清囉！提供各位參考 :)

AccountKiller | http://www.accountkiller.com/en/

... ...

行動應用的好點子哪裡來 - where comes the good idea at mobile app

2011-06-09T14:26:00.007+08:00

Some rights reserved by Martin Gommel

「Shot into your head」一個點子在腦中迸出來的時候，恨不得可以趕緊將快門對著腦袋給拍下去。喜歡思考、愛嘗試新事物的人，多少都有這種經驗。但是，眾多點子當中最後脫穎而出的產品，有幾何；就如同快門人人會按，但真正一張讓人玩味無窮的作品，又有幾何...

「好點子應該怎麼來？」數以十萬計 iOS/Android 上的 apps，在指頭撥弄間，猶如車窗外的景緻川流不息，閉上眼能夠立即浮現在腦海中的，那算是萬中選一的 app 奇才了！今天看到了一個很有意思的影片 Evernote Peek，觸發我思考一個艱難的問題「該怎麼樣有系統的檢視一個行動應用 idea 的 "wow" 指數」: 因為，這個影片真的讓人有一種「哇屋，好有創意！」的感覺。

嘗試著思考這樣的問題，我發現魔鬼就藏在行動裝置的能力(Capability) 對應到使命(Mission) 的過程中：

Mission 意味著行動應用的使命：「Informative 提供資訊的」、「Entertainment 娛樂」、「Social 社交」、「Utility 小工具」，這是我能想到的幾個大分類。

Capability 意味這行動裝置特有的能力：「Internet 連網」、「Location 定位」、「Multimedia 多媒體」、「Sensor 感測器」、「Peripheral 周邊」。

大體上來說，幾乎所有的 app 都離不開這個範疇了對吧！平平都是利用行動裝置的 capability 達成 mission，為什麼有些 app 能夠登上 top10 而有些卻被打入冷宮不見天日呢？

是的，關鍵就在於他們之間需要添加一個潤滑劑 Context (這個不知道該怎麼翻譯 XD)。以 Evernote Pick 為例，他的任務是 informative 的，像百萬小學堂那樣，透過問答給使用者一些新的知識，他所需要的行動裝置特有能力有哪些呢？仔細想想其實不需要上述五種中的任一種，本質上他就像一個單字卡的程式。但，神奇的事情發生了... ...

他找到了一個 context，或許是從單字卡那裡獲得的靈感，叫做「Peek」，也就是翻、窺看，並且巧妙的引入了行動裝置的特有能力「Sensor」和「Peripheral」，於是乎「運用行動裝置的特有能力在合理且趣味的情境中完成了任務」很順理成章的吸引了大家的目光！

聽起來好的點子和 Context 息息相關，那麼該怎麼樣構思一個好的 context 呢？這就是大哉問了，我如果瞭解也不用在這裡寫 Blog XD。但是，目前我歸納出幾點供各位參考，也歡迎大家提出自己的看法：

1. 瞭解行動裝置的使用情境：

像是你的目標客群阿，應用的使用情境啦，等等...，針對這點，推薦大家一篇文章「移動時代的經濟學 - 碎片化應用」。

2. 抽象化的思考方式：

直接將 Capability 對應到 Mission 是生硬、冷漠的，好的 app 要擊中甜蜜點，應該要給人有會心一笑的感覺。什麼樣叫做抽象化呢？就是把那些技術名詞用生活化的觀點下去思考，而不要被名詞給禁錮了！就像物件導向當中的抽象類別，把行為抽象出來而不要被具體的物件給限制了彈性，囧...

例如：試著不要去思考「觸控感測器」這個功能本身，試著去思考抽象的行為/意象，像是 Evernote Peek 的「窺看」，或者是「試水溫」、「給書本一個 dog ear」這類可以由「觸控」來具體實現的概念。

試著不要去思考「定位」這個功能本身，試著去思考抽象的行為/意念，像是「尋找」->「躲貓貓」。「傳遞」->「飛鴿傳書」->「Bump」這類可以由「定位」來具體實現的概念。

3. 流暢的使用者體驗 (這點我還太嫩，網路上有許多高手的文章所以容我跳過 XD)

小結：

藉由觀察市面上那些受歡迎的 apps，並尋著上述的脈絡來找出他們魔法所在，或許也是一個不錯的創意練習，未來我也會嘗試這樣做看看，有什麼新的發現屆時在和大家分享囉！各位有什麼想法更歡迎留言和大家討論分享 :)

... ...

[Android] 免費的全自動發票對獎 App: 發票Q

2011-05-25T22:22:00.005+08:00

App, App, More Apps，在這個 App 當道的年代不開發 app 怎麼行呢？過去總是介紹一些好用的網路服務或是手機應用，今天輪到介紹自己的拙作啦！

「發票Q」，不同於一般的發票對獎程式，它不需要手動輸入、不需要按拍照鈕。使用時，直接將手機對著發票，就會立刻告訴你是否中獎，讓你快速完成大量發票的對獎。

目前可免費透過 Android Market 下載，雖然不一定能夠每個號碼都準確辨識，但靠著判斷最後 3碼的機率組合，「發票Q」依舊可以快速的協助你對發票。爾後還會針對操作介面和辨識核心做加強，目標就是超越人類對發票的極限速度 XD。

最後，若是在使用或者安裝上出了問題，竭誠感謝您回報您遭遇的問題，各位的回應和使用是我們持續進步的最大動力 (可以至 LabQ 粉絲專頁或在 Android Market 留下評論)，謝謝大家 :)

目前已測試過的機種為 Galaxy S 及 Nexus S，針對各家手機相容性的問題會持續的改善支援，不便之處還請多多見諒，會持續更新的 :)

發票Q 下載：https://market.android.com/details?id=com.labcool.invoice

... ...

酸痛遠離, 正確的電腦和手機使用姿勢 - good posture

2011-05-10T22:29:00.000+08:00

對於長期使用筆電、桌機工作的人來說，正確的姿勢實在是相當重要。但是怎樣才算是正確的姿勢卻常常說不上來。

前陣子看到 Digital Inspiration 寫了一篇相關的文章，當中的影片很生動了演示了一些我們經常犯的錯誤，各位慢慢欣賞吧！

在家裡或辦公室使用筆電

移動中或者在旅館使用筆電

使用智慧手機

... ...

幫 Blogger 加上 Facebook Send 按鈕

2011-05-02T10:34:00.003+08:00

最近 Facebook 推出的「民調問答」功能開始發燒，個人認為這個功能勢必對於社群經營/銷售帶來衝擊。今天和大家分享的是前陣子臉書針對「讚」按鈕，推出了更客製化的兄弟「Send(傳送)」按鈕。

Facebook 無庸置疑是虛實整合最強大的社群網站，但是「讚」按鈕有一個缺點就是全域分享，一旦你在某個網頁或是連結上按「讚」，你所有的朋友都可以看的到。Facebook 進一步考量到按「讚」的本質意義，那就是「分享！」。

而分享的本質就牽涉到彼此的同質性，簡單來說，有些東西你分享給某些人是有意義的；但是分享給另一群人就沒有太大的意義了。所以，臉書推出了一個新的按鈕：「Send(傳送)」按鈕，讓你在分享的同時可以指定特定的群組/朋友，此一功能更是大幅提高了 Facebook 的群組能力！

那麼，該怎麼把原本 Blogger 當中的「讚」按鈕，增加上「Send(傳送)」按鈕呢？

1. 首先來到 Blogger 的後台，選擇 Design -> Edit HTML，並把 Expand Widget Templates 勾選起來。

2. 利用 Ctrl+F 找到 <data:post.body/> 的位置。

3. 在上述位置的「前方」加上以下代碼：

其中有一些參數可以自定，更詳細的參數說明可以參照 How to add Facebook Send button to every post | Blogger Sentral。

... ...

我們為何使用訊息聚合服務 - Why do we use news aggregation service?

2011-04-22T13:25:00.001+08:00

Washington Post 推出了 Trove，一個「社群媒體新聞聚合 (social-media news aggregation)」網站，強調「個人化」的新聞體驗。其實這樣的概念並不新，而且市場上已經有諸多類似的產品和服務。

另一方面，許多新型態的訊息傳播早已是高度社群、高度聚合的模式了。像是 RSS 的訂閱，自己可以選擇自己感興趣的新聞類別/網誌/Youtube頻道等等；像是 Twitter，透過 follow 與自己領域/興趣相投的網友，經常也都能夠從他們的 tweet 當中，獲得胃口精準的資訊。

那麼，這些所謂的「社群媒體新聞聚合」網站對我而言，扮演的角色又是什麼呢？就拿 Trove 網站元素，來思考這個問題吧！

1. 專家機制

即便已經走向素人媒體的時代，專家知識還是扮演著重要一環。一進 Trove 首頁可以看到 Editors' Picks 和 Your Channels 以黃金比例分割，分佔左右兩欄。Editors' Picks 當中的內容是編輯篩選過的，某個程度上代表了這個網站的性格。

此外，在一開始使用 Trove 的時候，首要任務也是比較難的任務，就是去訂閱一些自己感興趣的頻道；這跟 Twitter 的感覺有點像，我覺得最難上手之處就是該 follow 哪些人。無疑，Editors' Pickes 提供了一個強大的線索，使用者可以藉由這些經過專業篩選的內容，進一步發現好的頻道來訂閱。

2. 訊息/操作的聚合性

既然稱為聚合服務，顧名思義就是可以省不斷在網站之間跳轉的時間，讓使用者在單一框架下可以獲取所有需要的訊息。

雖然 Trove 當中有龐大的網站庫，你可以隨心所欲的將他們集合成一個頻道，但是要深入瀏覽的時候，還是只能開啟瀏覽器分頁跳轉到該網站讀原文。相較於一些 Reader 服務/應用 (像是: Feedly, Reeder) 可以直接將原文網站包進 app 當中，就顯得不太方便了。

即使沒有站內預覽全文的功能，這樣的網站依舊可以作為略讀的好工具：將訂閱的頻道一次攤開在一個大頁面，可以快速的掃過標題/簡述，然後再挑選感興趣的條目，之後再慢慢咀嚼消化。

可惜的是，在稍後閱讀的支援方面，Trove 就略顯單調了，並不支援一些外部的稍後閱讀服務 (像是: Instapaper, Read It Later 等等)

3. 視覺糖果

另一個專業媒體的強項應該就是訊息的視覺呈現吧，這方面幾個新興的服務/平板應用 (像是: Flipboard, Pulse, Zite) 都有所著力。而在 Trove 當中，只是僅僅看到方方正正排列的小格子，視覺上來說的吸引力並不高。

4. 社群訊息、社群互動

在 Trove 當中，不知道是沒有還是我沒找到，並看不到匯入 Twitter 或 RSS Feed 的選項，這在許多類似的應用都已經有支援。另，在 Trove 頁面的右上端有個 Conversation 的選項，似乎是想做一些針對訊息的站內討論，目前看起來是空空蕩蕩，而且看起來不怎麼吸引人想在上頭互動。

以即時性來看社群媒體的傳播速度早已遠遠超過傳統新聞媒體，新聞已經一點也不「新」了；這樣一種聚合服務，我所期待看到的是連結專家意見和個人社群圖譜生成的一個互動方便的視覺糖果體驗。所以 Trove 的出現對我來說，就只是另一個「社群媒體新聞聚合 (social-media news aggregation)」網站而已！

... ....

跳轉至網頁特定區域的連結產生器 - CiteBite bookmarklet

2011-04-20T08:40:00.004+08:00

分享文章最簡單的方法就是直接把連結轉寄給出去，有時該篇文章可能洋洋灑灑一大串，收到的人也不一定瞭解你所要分享的重點，那麼你可以透過 CiteBite 這個書籤工具幫助你。

CiteBite 是一個網站，也提供了瀏覽器套件和書籤工具，由於個人偏好書籤工具，所以推薦使用這種作法。它的功能就是可以讓你指定分享文章的某個段落，然後產生一個可以自動跳轉到該段落的連結。

這麼一來，收到這個連結的朋友，就可以一目瞭然的知道你分享的重點了！可以點擊這裡看看效果！

試試看 CiteBite @ http://citebite.com/

... ...

[bookmarklet] 這是什麼字型? - what font it is

2011-04-19T09:37:00.000+08:00

你在瀏覽網頁的時候忽然被某種美妙的字體給吸引了，想知道那是什麼字型的話該怎麼辦呢？

試試這個 WhatFont Tool 吧，支援 bookmarklet 和 chrome extension，點一下再用滑鼠游標移到你感興趣的字體上，訊息就一覽無遺啦！

... ...