ria及技術(shù)與用戶體驗(yàn)

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

2、ash player/AIR的比較,這些都是什么技術(shù)？ 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的比較先談?wù)?RIA(Rich Internet Applications) 談?wù)動脩趔w驗(yàn)設(shè)計(jì)進(jìn)入RIA 的世界-轉(zhuǎn)換思維模式RIA深度應(yīng)用案例RIA的開發(fā)利器——具體了解Flex,先談?wù)凴IA (Rich Internet Applications),RIA并不專指某項(xiàng)技術(shù)，也不像Java，C#是一門語言，它是一種軟件開發(fā)的趨勢，是建立在對用戶友好程度（即：用戶體驗(yàn)）的

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

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

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

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

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

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

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

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

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

14、體了解Flex,談?wù)動脩趔w驗(yàn)設(shè)計(jì),用戶體驗(yàn) （User Experience， 簡稱UE）,談?wù)動脩趔w驗(yàn)設(shè)計(jì),用戶體驗(yàn) （User Experience， 簡稱UE） 是一種純主觀的在用戶使用一個產(chǎn)品 （服務(wù)）的過程中建立起來的心理感受,談?wù)動脩趔w驗(yàn)設(shè)計(jì),用戶體驗(yàn) （User Experience， 簡稱UE） 是一種純主觀的在用戶使用一個產(chǎn)品 （服務(wù)）的過程中建立起來的心理感受因?yàn)樗羌冎饔^的，就帶有一定

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

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

17、正 （4）保證功能核心同人機(jī)界面之間的協(xié)調(diào)工作，減少BUG。,,談?wù)動脩趔w驗(yàn)設(shè)計(jì),實(shí)施流程：,,focus group,,contextual interview,,usability study,,,user test,,早期：,開發(fā)過程：,后期：,,談?wù)動脩趔w驗(yàn)設(shè)計(jì),實(shí)施流程：,,focus group,,contextual interview,,usability study,,,user test,,早期：,開發(fā)過程：,后期

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

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

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

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

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