有趣的 NYT 資訊設計

In General January 18, 2009 - 3:09 pm

再過兩天是美國總統就職大典，雖然跟我沒什麼關係，但有機會看到幾大主流媒體怎麼處理這則新聞，以及順便觀察它們如何在網路平台上玩這個 event，也是樂事一件。

下面是紐約時報今天推出的「就職大典互動地圖」，透過動畫加文字/圖片的方式，簡潔的說明了就職典禮的進行流程與相關地理資訊，只要花個三分鐘，就能讓人快速瞭解大概是怎麼回事，尤其它的呈現手法可說是非常好的 information graphic design 範例，非常值得一看。

同時另外有個 Your Hopes for Obama 的互動設計，主要是前陣子讓人錄下對新總統的期望，內容本身沒什麼新意(經濟不好你認為民眾還會說些什麼？:P)，但呈現的方式一樣讓人眼睛一亮，尤其可注意它的資訊架構設計。下面是幾張擷圖。

(每個人都可以錄大約20秒的語音說出心中的想法，然後按主題分類)

除此之外，NYT 還有一個挺不賴的單元叫 weeks in picture，簡單來說就是圖片版的『本週大事』，但當然，圖片比文字更有說服力，尤其當鏡頭語言的張力十足時，同樣一則新聞，傳達給人的感受就完不一樣了啊~

也由於總統就職大典在任何國家都算是件大事，因此所有媒體幾乎都會弄個專題區或直播之類的服務，這可是千載難逢研究媒體/網路/傳播的好機會，有興趣的人一月二十日當天可以多灌兩杯咖啡跟它拼了，同步監看下列媒體。

(其實光看這份媒體清單本身就很有意思了，裏面有電視、報紙，也有純網路媒體，還有甚至不是媒體的平台，像 hulu, twitter，這是一個有趣的時代不是嗎？)

Current TV with Twitter

Joost

族繁不及備載

所以，到底本文的重點是什麼呢？很簡單，有兩個。

1、資訊設計的終極目地是讀者的『使用與滿足』，良好的資訊設計與呈現方式比運用炫麗的神奇技術來的更重要，上面提到的幾個互動設計，其實也都只用了非常簡單的技術(不過就是 flash 嘛 XD)

2、對於手上本來就擁有大量現成內容的媒體來說(不論是電視、報紙、雜誌或書籍)，應該針對自身的內容屬性做聰明的規畫，來 re-target/purpose 這些內容到網路上，以加值後的面貌呈現出來，紐約時報絕對是一個很值得借鏡的典範(就算新聞產製水平沒法達到人家的十分之一，至少呈現手法可以學個幾分像吧？:P)

Add comment | by admin

這樣改版，就對了啊~

In General January 17, 2009 - 8:22 pm

今晚看蘋果日報網站時，很驚喜的發現 main navigation bar 上多了一個新項目，叫做『今日蘋果』，點進去一看原來是將本日的頭版畫面貼了上去，如下：

更棒的是，那個頁面下方接著就是按版面把新聞條列出來，這樣讀起來就更像是真實報紙的感覺，整個使用者經驗大優啊~

在此之前，如果要透過網站看完整份報紙，就得透過主選單一個個點進去，經常會錯過某些有趣的報導，而且即時新聞跟今日的印刷版也不容易分辨出來，現在這樣重新整理過後就一目瞭然。

有趣的是另一份我常看的報紙，New York Times 也有同樣的設計，如下：

畫面右方的小圖點了後會放大，能更清楚的看到今日的版面，這樣就更像手中拿著一份 NYT 一樣，更讚的是不會有油墨，而且也沒害死樹(但可能有排CO2 ?)；當然頁面左邊同樣是按版面列出當日的新聞，清清楚楚，方便閱讀。

這些改變雖然都是小事(技術上也沒啥門檻)，但小小的改變卻能帶來極高的便利與效益，讓讀者接收資訊的經驗更良好，實在是大功一件，想出這個點子(或，呃，懂得要去借鏡 NYT) 的人，應該被好好嘉獎一番，接下來就請他/她去開發個 iphone 版吧 XD

ps. 如果硬要雞蛋裏挑骨頭，新版面中我覺得還有問題的地方是主導覽系統中的『即時』與『搶鮮報』，我到現在還是搞不懂它們的區別(尤其在『即時』中又有一個『蘋果搶先報』…)，或許乾脆二合為一然後照時間排序就好？

ps2. 關於 NYT，還有許多有趣的故事值得談吶，這等有空時再來慢慢寫…

comments(3) | by admin

FMS 3.5 正式販售了

In flex January 14, 2009 - 9:25 am

一早接到email 通知，FMS 3.5 正式開始販售，想想從它去年 announce 到現在開賣，還真是隔了很久，但正式販售代表的意義是 – 至少有 trial version 可玩了。

新版本功能看來很好很強大，只可惜就是沒有 AS3 支援，也沒有其它 scripting/language support，所以還是要繼續跟 AS1 打交道啊。

下面是 release note 裏看來的 new features (只列出我覺得有趣+值得觀察的項目，詳細清單在這裏)

*Plug-in architecture

Integrate with other servers, back-end services, and workflows with the new plug-in architecture. Three classes of plug-ins for authorization, server access, and file access let you extend Adobe® Flash® Media Interactive Server 3.5 software with custom connectivity, security, and deployment options.

這點很重要是因為以前 FMS app 很容易被人家亂搞，自已寫個 fake client 就連去，結果浪費頻寬等問題一大堆，現在透過自製 plugin 門檻就高一點。

*MPEG-4 video recording

mpeg-4 + HD 的重要性就不用多說了，現在不到 1080P HD 等級大概不用肖想吃 CDN 或 streaming content 這塊了，所以這次從 encoder, DVR 到 dynamic streaming 都支援，算是非常符合時勢

*AMF3 support

有點雞肋，but nice to have.

*Easier implementation
*More secure content delivery

Lock down your high-definition content and communications with enhanced stream protection and server-side security. Encrypted H.264 streaming is now supported — with the encrypted Real Time Messaging Protocol (RTMPE), you get higher performance at 128-bit encryption strength. In edition with RTMPE, protect SWF files from being reused or modified, and help prevent unauthorized connections with improved SWF verification. Use the plug-in architecture to create custom, real-time rights control by validating with external services such as LDAP or SOAP.

新增支援 windows server 2008, red hat 5.2, RTMPE 加密串流到 air runtime

*Multipoint publishing

Use multipoint publishing to remotely inject new live or prerecorded streams into your delivery system to quickly add time-sensitive content. This is most useful when working with a content delivery network (CDN) or distributed servers.

這個聽起來很威，但全世界有能力玩這種等級的 CDN 大概沒幾家吧，例如 MediaTemple, BrightCove 或少數幾個 in-house 的媒體。

*Stream data access

Create dynamic thumbnails or video previews on the client side with the ability to take a snapshot of the streamed video (requires Flash Player 9 or later).

這個不算新鮮事，但在 fp9 裏實作手法可能更有趣，我推測是直接從 binary stream (byte array) 裏做 memory dump 然後生成 preview，這個要等裝起來玩後才能驗証了。
另外從 FMS 3 開始就支援一個 RTMFP 格式，如果你有在 follow MAX 2008，應該已經注意到讓每個人眼睛一亮的 p2p 功能(包含正 beta 中的 Stratus service)，RTMFP 就是讓 p2p 成真的 UDP 傳輸格式，只是之前一定要用 FMS 才行，現在也可選擇不俱 Audio/Video 能力的 Stratus (or better yet, can we have standard SIP support ?) 來玩同樣的事，就看口袋深度囉…XD

comments(2) | by admin

air 也能玩 multi-touch ?

In General January 13, 2009 - 1:55 pm

上面這段影片是 Ryan Stewart 在 Adobe Max 義大利會場內拍回來的 demo 影片，主要是法國一家叫 Intuiface 的小公司用 air 做了個 multi-touch 的產品，而被大家驚為天人。(點上圖可看影片，brightcove 的 player 真威…)

這個 demo 有趣的地方在於：眾所週知的，air 並沒有 native support for multi-touch, 因此他們是怎麼做到的？

在影片的最後有回答這個問題，基本上一切都是自已來，從硬體(想必是塊多點觸控的面板)，軟體(包含多點觸控 library & sdk) 與表現層(在這個例子裏是用 air client)。

看完影片後好奇去了該公司網站多瞄了兩眼，下面是他們的技術細節：

The IntuiFace platform comprises:

1. A large multitouch screen through which one or more users can interact simultaneously with their fingers, integrated into a variable-sized and custom-design furniture along with strong processing power, and many networking capabilities. Two levels of design and performance are currently offered (IntuiFace 1G and 2G).

2. A software middleware – the Multitouch Gesture Recognition Engine – that translates the multiple and simultaneous users’ touches into interaction gestures meaningful to the application. The Multitouch Gesture Recognition Engine also has the ability to connect with any existing application (such as GoogleEarth) by emulating the mouse and the keyboard.

3. A set of software components which provides a rich set of predefined capabilities for
building truly multitouch, highly interactive and communicating applications using the Adobe’s AIR, Microsoft’s Windows Presentation Foundation or IntuiLab’s IntuiKit frameworks.

Examples of such components are: a virtual keyboard and touchpad, picture and video handling, office document manipulation, 2D/3D map and terrain navigation, etc. These components are highly customizable, in particular their graphical skins that can be tuned using products such as Adobe Illustrator or Microsoft Expression.

所以果然是三層式架構，只是其中所有苦力都要自已來，尤其是那個關鍵的多點觸控辨識器，但一旦這一層解決，下面的 air 表現層就容易了，大抵是乖乖接收各種事件然後做出反應，當然，多點觸控的操作模式下整體的介面設計、使用者經驗又是大不同，或許想成是一個 42″ 的超大 iphone 躺在前面，而且有 4-core cpu 外加超強 multi-tasking，這樣就很接近了 XD

另外目前硬體有兩種，如下圖(好奇的是，台灣眾多代工廠何時能量產這玩意？還是已經有了？價格如何？)：

影片最後他也提到這套系統不是只能在 windows 上跑，將來也可以在 netbook 與手機上執行，因此，理論上，像 iphone, palm pre 這樣的多點觸控介面日後一般人也可以自已來，我覺得台灣一票 netbook 廠商既然現在已經想再朝 tablet 方向發展一次，不如就直接整合多點觸控，然後好好搭配軟、硬體弄出一套方便的 solution，不論是要看電子書、上網、簡報等，應該可以玩出不同的格局，不然 netbook 這波的趨勢看來很快又要搞成價格戰，最後不但沒人獲利，還打到自家 laptop 銷量，得不償失呀…

btw, 最後我也跑去看了一下 microsoft surface，但目前似乎也沒什麼動靜，到底還有沒有在發展啊？

附帶一提，這篇文章是在 wordpress 2.7 裏編輯的，新版介面真正是越改越難用，很不容易的成就吶 -_-b

comments(3) | by admin