ria及技術與用戶體驗

1、RIA及技術與用戶體驗,KDUED： Brandon 2008年12月19日,目錄,Flash/Flex/Flash player/AIR的比較先談談 RIA(Rich Internet Applications) 談談用戶體驗設計進入RIA 的世界-轉(zhuǎn)換思維模式RIA深度應用案例RIA的開發(fā)利器——具體了解Flex,Flash/Flex/Flash player/AIR的比較,這些都是什么技術？,Flash/Flex/Fl

2、ash player/AIR的比較,這些都是什么技術？ AIR=Adobe Integrated Runtime,Flash/Flex/Flash player/AIR的比較,Flash/Flex/Flash player/AIR的比較,RIA=Rich Internet Application,Flash/Flex/Flash player/AIR的比較,Flash/Flex/Flash player/AIR的比較,ht

3、tp://windowshop.com/,Flash/Flex/Flash player/AIR的比較,Flash/Flex/Flash player/AIR的比較,Flash/Flex/Flash player/AIR的比較,http://www.adobe.com,Flash/Flex/Flash player/AIR的比較,http://www.adobe.com,Flash/Flex/Flash player/AIR的比較,目錄

4、,Flash/Flex/Flash player/AIR的比較先談談 RIA(Rich Internet Applications) 談談用戶體驗設計進入RIA 的世界-轉(zhuǎn)換思維模式RIA深度應用案例RIA的開發(fā)利器——具體了解Flex,先談談RIA (Rich Internet Applications),RIA并不專指某項技術，也不像Java，C#是一門語言，它是一種軟件開發(fā)的趨勢，是建立在對用戶友好程度（即：用戶體驗）的

5、認知的基礎上的對軟件所能達到程度的一種期望。,先談談RIA,,RIA,如何理解RIA？,,先談談RIA,,豐富,,WEB,,可交互性,,RIA,,如何理解RIA？,,,先談談RIA,,豐富,,WEB,,可交互性,,RIA,,,,,數(shù)據(jù)模型,用戶界面,如何理解RIA？,,,先談談RIA,,豐富,,WEB,,可交互性,,RIA,,,,,數(shù)據(jù)模型,用戶界面,,,體驗,如何理解RIA？,先談談RIA,Adobe 關于RIA體驗的詮釋：,豐富互聯(lián)

6、網(wǎng)應用程序 (RIA) 提供豐富的、引人入勝的體驗, 該體驗可提高用戶滿意度并提高用戶生產(chǎn)效率。使用互聯(lián)網(wǎng)的廣泛觸及力, 可以在各種瀏覽器、桌面和設備上部署 RIA。,先談談RIA,豐富互聯(lián)網(wǎng)應用程序 (RIA) 提供豐富的、引人入勝的體驗, 該體驗可提高用戶滿意度并提高用戶生產(chǎn)效率。使用互聯(lián)網(wǎng)的廣泛觸及力, 可以在各種瀏覽器、桌面和設備上部署 RIA。,好的體驗是目的,Adobe 關于RIA體驗的詮釋：,先談談RIA,豐富互聯(lián)網(wǎng)應用程

7、序 (RIA) 提供豐富的、引人入勝的體驗, 該體驗可提高用戶滿意度并提高用戶生產(chǎn)效率。使用互聯(lián)網(wǎng)的廣泛觸及力, 可以在各種瀏覽器、桌面和設備上部署 RIA。,好的體驗是目的符合RIA是核心概念,Adobe 關于RIA體驗的詮釋：,先談談RIA,豐富互聯(lián)網(wǎng)應用程序 (RIA) 提供豐富的、引人入勝的體驗, 該體驗可提高用戶滿意度并提高用戶生產(chǎn)效率。使用互聯(lián)網(wǎng)的廣泛觸及力, 可以在各種瀏覽器、桌面和設備上部署 RIA。,好的體驗是目的

8、符合RIA是核心概念開發(fā)RIA則要需要選擇最適合的技術,Adobe 關于RIA體驗的詮釋：,先談談RIA,● RIA將指導我們開發(fā)更豐富互動，更加友好的用戶界面，提高客戶滿意度和粘滯度。,RIA可以為我們帶來那些具體的優(yōu)勢？,先談談RIA,● RIA將指導我們開發(fā)更豐富互動，更加友好的用戶界面，提高客戶滿意度和粘滯度。 ● RIA可以繼續(xù)使用現(xiàn)有的應用程序模型（包括J2EE 和.NET），因而無需大規(guī)模替換現(xiàn)有的Web應用程序。通過

9、Rich Client技術，可以輕松構建更為直觀、易于使用、反應更迅速并且可以脫機使用的應用程序。,RIA可以為我們帶來那些具體的優(yōu)勢？,先談談RIA,● RIA將指導我們開發(fā)更豐富互動，更加友好的用戶界面，提高客戶滿意度和粘滯度。 ● RIA可以繼續(xù)使用現(xiàn)有的應用程序模型（包括J2EE 和.NET），因而無需大規(guī)模替換現(xiàn)有的Web應用程序。通過Rich Client技術，可以輕松構建更為直觀、易于使用、反應更迅速并且可以脫機使用的應

10、用程序。 ● RIA可以幫助企業(yè)提供多元化的重要業(yè)務效益，包括提高產(chǎn)銷量、提高品牌忠誠度、延長網(wǎng)站逗留時間、較頻繁的重復訪問、減少帶寬成本、減少支持求助以及增強客戶關系等。,RIA可以為我們帶來那些具體的優(yōu)勢？,先談談RIA,● RIA將指導我們開發(fā)更豐富互動，更加友好的用戶界面，提高客戶滿意度和粘滯度。 ● RIA可以繼續(xù)使用現(xiàn)有的應用程序模型（包括J2EE 和.NET），因而無需大規(guī)模替換現(xiàn)有的Web應用程序。通過Rich Cl

11、ient技術，可以輕松構建更為直觀、易于使用、反應更迅速并且可以脫機使用的應用程序。 ● RIA可以幫助企業(yè)提供多元化的重要業(yè)務效益，包括提高產(chǎn)銷量、提高品牌忠誠度、延長網(wǎng)站逗留時間、較頻繁的重復訪問、減少帶寬成本、減少支持求助以及增強客戶關系等。 ● RIA所涵蓋技術的出現(xiàn)允許我們在因特網(wǎng)上以一種像使用Web一樣簡單的方式來部署富客戶端程序。無論將來RIA是否能夠如人們所猜測的那樣完全代替HTML應用系統(tǒng)，對于那些采用C/S架構的

12、胖客戶端技術運行復雜應用系統(tǒng)的機構和采用基于B/S架構的瘦客戶端技術部署Web應用系統(tǒng)地機構來說，RIA確實提供了一種廉價的選擇。,RIA可以為我們帶來那些具體的優(yōu)勢？,先談談RIA,BROADMOOR 酒店的單窗口(OneScreen)預定系統(tǒng),先談談RIA,● 在消息確認和格式編排方面提供互動用戶界面。 ● 在無刷新頁面之下提供快捷的界面響應時間。 ● 提供通用的用戶界面特性如拖放式 （drag and drop） 以及在線

13、和離線操作能力。 ● 立即部署、跨平臺、采用逐步下載來檢索內(nèi)容和數(shù)據(jù)以及可以充分利用被廣泛采納的互聯(lián)網(wǎng)標準。 ● RIA具有通信的特點則包括實時互動的聲音和圖像。,怎樣才算符合RIA？,目錄,Flash/Flex/Flash player/AIR的比較先談談 RIA(Rich Internet Applications) 談談用戶體驗設計進入RIA 的世界-轉(zhuǎn)換思維模式RIA深度應用案例RIA的開發(fā)利器——具

14、體了解Flex,談談用戶體驗設計,用戶體驗 （User Experience， 簡稱UE）,談談用戶體驗設計,用戶體驗 （User Experience， 簡稱UE） 是一種純主觀的在用戶使用一個產(chǎn)品 （服務）的過程中建立起來的心理感受,談談用戶體驗設計,用戶體驗 （User Experience， 簡稱UE） 是一種純主觀的在用戶使用一個產(chǎn)品 （服務）的過程中建立起來的心理感受因為它是純主觀的，就帶有一定

15、的不確定因素,談談用戶體驗設計,用戶體驗 （User Experience， 簡稱UE） 是一種純主觀的在用戶使用一個產(chǎn)品 （服務）的過程中建立起來的心理感受因為它是純主觀的，就帶有一定的不確定因素個體差異也決定了每個用戶的真實體驗是無法通過其他途徑來完全模擬或再現(xiàn)的,談談用戶體驗設計,用戶體驗 （User Experience， 簡稱UE） 是一種純主觀的在用戶使用一個產(chǎn)品 （服務）的過程中建立起來的心

16、理感受因為它是純主觀的，就帶有一定的不確定因素個體差異也決定了每個用戶的真實體驗是無法通過其他途徑來完全模擬或再現(xiàn)的對于一個界定明確的用戶群體來講，其用戶體驗的共性是能夠經(jīng)由良好設計的實驗來認識到,談談用戶體驗設計,用戶體驗的概念從開發(fā)的最早期就開始進入整個流程，并貫穿始終 目的： （1）對用戶體驗有正確的預估 （2）認識用戶的真實期望和目的 （3）在功能核心還能夠以低廉成本加以修改的時候?qū)υO計進行修

17、正 （4）保證功能核心同人機界面之間的協(xié)調(diào)工作，減少BUG。,,談談用戶體驗設計,實施流程：,,focus group,,contextual interview,,usability study,,,user test,,早期：,開發(fā)過程：,后期：,,談談用戶體驗設計,實施流程：,,focus group,,contextual interview,,usability study,,,user test,,早期：,開發(fā)過程：,后期

18、：,要讓我們的開發(fā)進入RIA的軌道，先要對用戶體驗這個概念有著足夠的重視和理解才行。,目錄,Flash/Flex/Flash player/AIR的比較先談談 RIA(Rich Internet Applications) 談談用戶體驗設計進入RIA 的世界-轉(zhuǎn)換思維模式RIA深度應用案例RIA的開發(fā)利器——具體了解Flex,進入RIA 的世界-轉(zhuǎn)換思維模式,首先，要跟上RIA的腳步，不能只關注技術，停留在軟件“可以

19、0;    使用”的層面，而要理解用戶體驗，努力改善軟件的用戶體驗。 其次，改善軟件開發(fā)過程，將軟件的交互放在比較重要的位置。 第三，RIA的基礎技術反而都是一些已有的，相對成熟的技術，     所以不要從技術的角度去擔心學習成本，轉(zhuǎn)換思維模式最重要。,目錄,Flash/Flex/Flash player/AIR的比較先談談 RIA(R

20、ich Internet Applications) 談談用戶體驗設計進入RIA 的世界-轉(zhuǎn)換思維模式RIA深度應用案例RIA的開發(fā)利器——具體了解Flex,RIA的應用案例,淘寶網(wǎng)產(chǎn)品瀏覽采用FLEX技術 招商銀行信用卡中心采用FLEX構建財務分析 72ec.com的圖片上傳顯示工具 Coghead在線企業(yè)應用程序開發(fā)平臺 在線Photoshop,給我們的思考,友商網(wǎng)什么

21、地方可以使用RIA，可以帶給用戶怎樣的體驗改變？ 還有人擔心Flash player的安裝問題嗎？  還有人擔心速度嗎？,目錄,Flash/Flex/Flash player/AIR的比較先談談 RIA(Rich Internet Applications) 談談用戶體驗設計進入RIA 的世界-轉(zhuǎn)換思維模式RIA深度應用案例RIA的開發(fā)利器——具體了解Flex,RIA的開發(fā)利器——Flex,Adob

22、e® Flex® 3 是用于構建和維護在所有主要瀏覽器、桌面和操作系統(tǒng)一致地部署的極具表現(xiàn)力的 Web 應用程序的高效率的開放源碼框架。 可以使用免費的 Flex SDK 構建 Flex 應用程序, 開發(fā)人員可以使用 Adobe Flex Builder? 3 軟件來顯著促進開發(fā)。,RIA的開發(fā)利器——Flex,Adobe® Flex® 3 是用于構建和維護在所有主要瀏覽器、桌面和操作系統(tǒng)一致地部