Google Code Prettify

星期日, 7月 29, 2012

用戶經驗為主的多媒體人機互動設計UX/UI multimedia experience design

author: Grace 本文刊登於ET電子技術雜誌2012/7月號NO.316 (歡迎轉載,請著名出處)

關鍵字: 多媒體、人機互動、網頁設計、社群網站、用互介面設計、HbbTV

本文從網頁用戶設計延伸開始介紹,引入地點服務設計、廣納海搜過濾分享的內容策展設計,並介紹智慧型手機輕簡設計;互動式使用經驗總攬為家庭娛樂的首要設計概要,延伸作互動應用程序存取介紹,最後介紹雙螢幕互動延伸....
second screen interactive with TV
直接操作的用戶介面分成電腦科學與人機互動(Human-Computer Interaction, HCI)兩種,而電腦程式的介面設計就是指圖形、紋理和編輯的程式之呈現方式,其中連結的控制序列包含鍵盤輸入、滑鼠移動、觸碰介面以及聲控與手勢控制方式等單一控制或是混合式的複數方式供用戶使用。

網頁用戶設計的延伸
    簡潔、容易編輯與更新的易維護設計、低成本與設計索引連結外部搜尋引擎以便創造最多流量,這幾個典型的設計概念是提供網頁類型設計的基礎,對用戶而言,目前大家擁有不只一個帳號,包含2006年啟動截至2012年三月共有1.4億活躍用戶,每日會發表約3.4億條推文,且每日還處理約有16億的網路搜尋請求,僅有150字發文限制的twitter帳號、2004年上線至2012年五月已超過9億註冊戶的facebook提供社群資訊分享交流以及易上手的社群遊戲使用、2011年上線預計2012年底擁有4億用戶的Google+,是基於搜尋引擎為主設計、於2003年啟動至2012年1月已累積超過1.5億註冊用戶之LinkedIn商業客戶導向社交網站、甚至到yahoo或eBay做線上購物的帳號等等;帳號太多導致資料太過分散,單一種功能設計的社群網站,可能造成用戶在使用上的不便利,因此誕生多元化的服務設計。

地點服務設計
    2009年創立至2012年四月累積有2年萬註冊戶且每日有三百萬的打卡(check-in)訊息流通的foursquare則結合行動網頁、文字訊息架在特定設備(如:智慧型手機),運用行動設備上的GPS硬體或區域網路,提供靠近用戶所在地的打卡服務,且此服務會給予用戶分數或徽章(badges)獎勵,2010年9月推出的foursquare2.0則新增設計,為個人化地點的按鍵與活動列表,稱之為用戶的to-do列表,當直接用戶靠近該地點時,此app提醒用戶的to-do項目,2010年間紐約時報與華爾街日報也相繼加入這個foursquare按鍵分享用戶所在地的to-do列表,2011年的3月foursquare3.0推出Android與iPhone版,當年7月也推出windows phone7的功能,8月美國總統歐巴馬也使用foursquare打卡服務,10月foursquare4.0更增加新的Radar運作探索(explore)演算法,就是用戶接近地點時,這個Radar會比對其他(朋友)的to-dos列表,通知朋友們或探索附近有三個以上朋友的資訊呈現給用戶。

集搜尋選擇分享的內容策展
    介紹發現內容工具的Scoop.it,藉由用戶手動分享的標題建立頭條為主的資料庫,Scoop.it的引擎會幫助用戶尋找到有品質的內容,這個可配置工具的設計是尋找標題材料且允許容易的分享,但缺點是當匯入大量內容且變化太快時,Scoop.it要保持資訊流就有困難;接著介紹能應付大量流量配送的StumbleUpon社群書籤網站,是一種眾包(Crowdsourcing)的匯集引擎,此網站便是一種隨機程度的設計,透過增加不明顯內容露出呈現,且將這些結果隨機推薦內容給更多的使用者,是運用entropy的概念設計,一些利基(niche)的主題,剛開始發生時,常常僅會使用較少的內容發佈,因此這個StumbleUpon的設計便是用來挖掘這些獨立新事件。
    另外,新型態報紙編輯產生設計的Paper.li,以下圖為例,是經由paperli網站的報攤中選取,其已累積有23萬的點閱率,此片王座遊戲正由HBO轉播,2012/6/4當天有1137個新聞,且這份實況報紙也可看到更新頻率在20小時之後,這個paperli便是根據用戶設定的搜尋條款後,便可自動的更新呈現的報紙,立刻便可閱讀,paperli提供的編輯功能有:基於用戶關注標題的關鍵字,可到twitter或facebook打撈所需要的素材,再根據用戶設定條款濾除不需要的文章,且為用戶主動挑選頭條,並主動分類影片、藝術娛樂、故事、圖片等安置於不同的網頁區塊設計,這種遊戲式的關鍵字彙集內容法,亦可聯想成搜尋引擎的最佳化方法。
an application for curation
智慧型手機的設計
    US7469381專利,探討Apple電子文檔的觸碰技術,此專利便是觸碰滾動技術的設計,是運用滾動列表、轉換表示方式、旋轉和縮放所組成的用戶介面設計,這種不可見的觸碰用戶設計比較直覺,且擁有及時(Just In Time)發展的概念,選單下拉滑動,運用打開捲軸的設計理念,呈現整個選單的拉動設計;另外,智慧型手機介面的橫向與直式呈現的方式不同,因此在橫向瀏覽時,其滑動設計也跟隨使用習慣變動成,左右滑動設計,網頁的距離轉換是考慮相對該觸碰螢幕的距離做設計,並使用橡皮筋的回彈設計方法,此時程式設計不再單純接收用戶操控後,被動回應,轉化成主動通知回傳目前的處理狀況,讓用戶了解整個選單已經到尾端,可參考圖二。
Apple's rubber-banding effect
互動式使用經驗總覽
    歐洲提出的HbbTV標準方案,亦於2010年六月推出ETSI TS 102 796 - 1.1.1的規格,至2012年四月公開1.5版的規格,是基於既有的OIPF(Open IPTV Forum)、CEA、DVB與W3C所整合而成,且使用最新公開的MPEG-DASH規格其上支援HTTP調適性的串流,克服網路忙錄或緩慢傳輸狀況所設計,達到改善影像傳輸的品質,其目的是同時提供廣播和寬頻網頁內容於客廳的寬螢幕,包含使用混合式STB設備接收所有寬頻傳送與新聞娛樂廣播的訊號標準,其定義最基本且精簡的單機版硬體實踐需求以及有區隔性的離房設計,因此可滿足多元化的內容供給外,還可節省CE製造商的搭建相容性的設備。
    由於描述直接用戶看見終端設備的行為,應考慮到實踐互動的可用性原則,但描述互動行為經常是從功能性編碼到廣播應用,較少考慮到終端設備,且同質性的用戶經驗對建立一個成功的互動平台來說,是很重要的,因此發展相關的使用經驗,就是為確保製造商和應用發展商兩者皆重視以下的框架(framework)和指導方針(guidelines),包含視覺外觀之互動應用設計、用戶輸入設計以及互動存取介紹。
    對終端用戶而言,最直接體驗HbbTV服務,就是觀看HbbTV所提供的多媒體內容,因此用戶可能體驗的不同視覺範圍外觀,每個螢幕顯示差異性之顯示結果,關聯於普通電視(conventional TV)和透過互動應用達到內容與資訊傳遞間,HbbTV是採用近似分時享用(time share)的設計概念,保留與觀看傳統電視相類似的使用情境,但觀看網頁畫面時,則以網路資訊為主打。
    另外,用戶互動控制應用就是終端設備支援支援用戶輸入設備的使用,這可能是一個常見的遠端控制(remote controller)或非傳統輸入設備,如:遊戲控制器、觸碰螢幕、指揮棒或簡化型遙控器。這裡介紹的非傳統輸入設備相較於現存的遙控器,就是沒有按鈕,其可能實用到非傳統輸入設備包含產生輸入到應用程序,亦稱為關鍵事件(key event),設計邏輯是相當於對傳統遙控器按按鈕。

互動應用程序存取
   HbbTV用戶存取應用程序的使用方式,包含應用程序可控制存取的程序:使用HbbTV特有的紅色按鍵,存取典型的廣播相關自動啟動之應用程序,且開啟廣播頻道後,相關的廣播節目資訊,透過應用程序的運作會自動匯入、可在廣播訊號有支援teletext的國家(如:英國、澳洲等)開啟相關數位電視文字廣播應用程序,藉由WEBTV或類似的遙控按鍵抵達HbbTV支援的網路TV入口網站、以及開啟特定應用程序與目前正運行的程序相連結;和應用程序不能存取時的處理:若廣播節目頻道不能自動啟動時,此時終端設備可能連上網路或其所在地沒有網路,其建議顯示HTML狀態碼(status code)404,或者是全黑顯示(此不建議採用)、若STB本身具備有主動顯示連網功能,但連結失敗,則在用戶觀看廣播節目當然,建議不要顯示任何錯誤訊息,避免干擾用戶觀看。

雙螢幕介面延伸設計
    由於電視若僅接收視訊訊號,那用戶只能觀看或使用遙控器做選台,因此資策會提供的複合式電視互動平台,提供雙螢幕互動介面設計,考量到智慧型裝置(平板、手機)具備有個人化使用的特性,選擇互動性較高的現場直播節目,並搭配雲端供給設計概念,讓觀眾在觀賞節目同時,運用個人化的裝置接收到節目提供的事件訊息,做個人化的填答,甚至與網路社群的朋友分享觀看心得,參考圖三的整體訊息串接設計概念。

結論
    由於台灣多山地形,因此數位天線建置是考慮到人口居住的分布,做最佳考量建置,NCC於2010年的補隙站建置計劃的執行後,2012年DVB-T在台灣人口涵蓋率達90.11%,加上數位電視協會從外島、南部、中部到北部的推廣2012年7月之後,只要外接數位電視盒,加上數位天線,或引接大樓既有的無線天線訊號,全台都可以收看無線數位電視提供的HD節目,並享受其上設計的混搭網路服務。

本文從網頁用戶設計延伸開始介紹,引入地點服務設計,廣納海搜過濾分享的內容策展設計,並介紹智慧型手機經檢設計,由於客廳是家庭娛樂的重心,因此互動式使用經驗總覽為該娛樂的首要設計概要,並延伸做互動應用程序存取介紹,最後介紹雙螢幕互動延伸設計,希望資策會提供的複合式電視互動平台,作為多螢幕延伸性互動介面設計的示範應用。

參考
1. HbbTV互動應用服務趨勢探討, http://fungsiong.blogspot.tw/2010/12/hbbtv.html
2. 內涵Samsung與Apple專利比較之"Polishing search skills再精煉搜尋技巧"簡報, http://fungsiong.blogspot.tw/2012/05/polishing-search-skills.html

沒有留言: