《Axure RP 9網(wǎng)站與App產(chǎn)品交互設計實踐》課件 1.新媒體產(chǎn)品設計與項目管理課程介紹

新媒體產(chǎn)品設計與項目管理?主講人/課程簡介基本介紹教學大綱期末考核新媒體產(chǎn)品設計？傻傻分不清楚網(wǎng)頁設計界面設計交互設計場景不同、軟件不同一、基本介紹

什么是交互？什么是交互設計？交互設計的范疇？常見的術語？有哪些就業(yè)崗位？一、基本介紹什么是交互？交互，即交流互動，其實這個詞語離我們的生活很近，例如中國式打招呼：簡單幾個字的你來我往，搭配眼神和動作，傳遞出了禮貌、親近、尊敬等諸多豐富含義。人和機器間的交流互動是什么呢？一、基本介紹舉個例子如果你想解鎖一個手機，你與手機的交流可能是下面這種情景：–按home鍵（嗨，手機，好久不見?。。┄C屏幕亮了沒解鎖，彈出輸入密碼頁面（哎？是小明來了么？）–輸入密碼（是?。。┄C解鎖（哦哦，歡迎歡迎快請進~）當人和一件事物（無論是人，機器，系統(tǒng)、環(huán)境等等）發(fā)生雙向的信息交流和互動，就是一種交互行為。一、基本介紹

這種交流和互動必須是雙向的，如果只有一方的信息輸出，而沒有第二方的參與，那么只能是信息展示而不是交流互動，如下兩張圖。一、基本介紹什么是交互設計？“交互設計，是人工制品、環(huán)境和系統(tǒng)的行為，以及傳達這種行為的外形元素的設計與定義?！薄敖换ピO計，是交互行為的外在表現(xiàn)的設計，它一個或者一系列交流互動，用文字、圖像或文檔等方式，從交流的內(nèi)容、方式、規(guī)則等維度進行統(tǒng)一的設計。形象理解：交互設計就是給一個或一系列交互行為設計一個劇本。一、基本介紹

就像之前例子中提到的輸入框，輸入的字數(shù)限制是多少，什么情況是正確的，什么情況是錯誤的，在正確的時候有什么反饋，在錯誤的時候有什么反饋，這些都會像是劇本里的故事情節(jié)和臺詞一樣被提前設計好，并由演員（元件）來表演出來，用戶在這個過程中，既是觀眾（觀看情節(jié)發(fā)展）也是演員（與圖形界面互動，觸發(fā)情節(jié)）。人物情節(jié)舞臺...一、基本介紹交互設計的范疇？交互設計涉及到人與人、機器、環(huán)境等等，是一個很寬泛的概念。

互聯(lián)網(wǎng)行業(yè)內(nèi)大熱的交互設計，主要是人與互聯(lián)網(wǎng)產(chǎn)品（網(wǎng)站、App、智能手表等）的交互行為的設計。

例如，跟手機淘寶App進行交流從而買到一款心儀的鞋子；跟大眾點評App交流讓它推薦一個附近性價比高的川菜館；跟支付寶交流讓它給你剛買的一瓶礦泉水付賬…一、基本介紹

UI(UserInterface)：用戶界面。用顏色或圖形明確產(chǎn)品功能與內(nèi)容的主次和展示。UE或UX(UserExperience)：用戶體驗。通常國外和國內(nèi)的的外企叫UX，國內(nèi)叫UE?；ヂ?lián)網(wǎng)中的用戶體驗是指用戶在訪問平臺的過程中的全部體驗，它包括平臺是否有用，疑惑或者bug程度，功能是否易用、簡約，界面設計和交互設計是否友好等方面。UCD(User-CenteredDesign)：以用戶為中心的設計。在產(chǎn)品設計和開發(fā)的過程中，充分理解和挖掘用戶的需求，創(chuàng)造良好而舒適的用戶體驗。IxD(Interactiondesign)：交互設計。解決應用如何使用。力求提供最簡潔有效的路徑給用戶，讓用戶更方便的通過你的產(chǎn)品解決他的問題。常見的術語？一、基本介紹UI設計師視覺設計師交互設計師用戶體驗設計師產(chǎn)品經(jīng)理有哪些就業(yè)崗位？一、基本介紹

大致明白了什么是交互設計，那么交互設計師的工作內(nèi)容也就呼之欲出了。簡單來說，如果交互設計是給交互行為寫劇本，那么交互設計師就是編劇，負責構(gòu)思、撰寫和修改這個劇本。交互設計師是做什么的？例如：你想讓大眾點評App給你推薦一個附近性價比高的川菜館，那么劇本大概包括以下這些?！局骶€】打開App-搜索關鍵詞-篩選-查看詳情-導航到達-評價【劇情】在哪個頁面找到搜索，搜索在什么位置，點擊哪個按鈕進入搜索，App在什么情況下給出怎么樣的提示…【分支劇情】插播一條廣告，推薦給你相似的商家【大結(jié)局】你最終找到了符合你要求的餐廳。一、基本介紹交互設計師主要有哪些工作？

撰寫交互設計文檔設計產(chǎn)品原型...一、基本介紹撰寫交互設計文檔工具一、基本介紹什么是產(chǎn)品原型設計？通俗來講，在正式制作真實軟件產(chǎn)品前，通過原型給大家一個產(chǎn)品的模型展示，而這個模型我們可以通過非常簡單快速的方式得到。產(chǎn)品原型設計產(chǎn)品框架設計交互視覺測試直觀方式設計師產(chǎn)品溝通最終形態(tài)必須支持快速演示擁有高效復用的組件庫可以快速生成交互原型具有在線聯(lián)機協(xié)作功能一、基本介紹一款優(yōu)秀的產(chǎn)品原型設計工具應具備的主要功能一、基本介紹通常原型設計工具分為兩類：原型設計工具基于移動端基于PC端交互POP適用于手繪底仿真原型MockplusAxure

RP適用于中/高仿真原型一、基本介紹原型設計工具：AxureRP

推薦同學們使用AxureRP工具進行產(chǎn)品原型設計?。?！內(nèi)部函數(shù)庫高保真原型 流程圖功能 團隊協(xié)作邏輯關系表達式 低保真原型 定制特殊行為 托管團隊項目Axure的使用場景場景一草根站長、互聯(lián)網(wǎng)創(chuàng)業(yè)者場景二開發(fā)外包業(yè)務人員場景三視覺設計師場景四用戶體驗場景五業(yè)務運營人員場景一：草根站長、互聯(lián)網(wǎng)創(chuàng)業(yè)者

有想法，有創(chuàng)業(yè)，起步難。當前階段的產(chǎn)品處于想象中，只是一個原始想法，如果將創(chuàng)業(yè)想法表達出來呢，又如何避免與他人溝通過程中產(chǎn)生理解差異呢？使用草圖/截圖和文字來描述想法，但這樣又難以展示產(chǎn)品的核心功能與價值。使用Axure制作產(chǎn)品原型可以準確形象的表達你的想法。場景二：開發(fā)外包業(yè)務人員

與客戶接洽溝通的過程中，通常都難以捕捉客戶全部需求，并且有些客戶在開發(fā)過程中對需求修改比較頻繁，甚至做很大的變動。使用Axure制作產(chǎn)品原型與客戶溝通，可以有效驗證是否是客戶想要的產(chǎn)品和功能，通過原型調(diào)整并確定最終需求。而這一切都不需要開發(fā)人員編寫一行代碼，有效提高效率，節(jié)省時間。場景三：視覺設計師

在開發(fā)產(chǎn)品的過程中，設計人員往往了解產(chǎn)品需求的時間沒有產(chǎn)品經(jīng)理和需求人員長，并不能很好的理解產(chǎn)品的真實意圖，讓設計人員在較短的時間內(nèi)設計出符合需求或者優(yōu)秀的產(chǎn)品，確實有些難度。使用Axure給設計人員提供一份產(chǎn)品原型圖，可以很好的彌補這一不足，也能節(jié)省很多溝通成本。場景四：用戶體驗

在創(chuàng)業(yè)初期，正式開發(fā)產(chǎn)品之前，可以使用Axure制作出產(chǎn)品高仿真原型，并將原型發(fā)送給目標用戶群體和項目干系人測試使用并獲取他們的反饋?？梢猿浞掷盟麄兊姆答佉庖妼?chuàng)業(yè)思路和產(chǎn)品功能界面進行打磨調(diào)整，在原型中做這些要比開發(fā)出應用程序后再做強過百倍。場景五：業(yè)務運營人員

現(xiàn)在的公司，往往是產(chǎn)品剛有一個概念，還沒有開發(fā)出成品，就開始推廣宣傳，正所謂一步快，步步快！而運營和銷售人員以什么來推廣銷售產(chǎn)品或服務呢？在確定產(chǎn)品需求以后，你可以使用Axure快速制作一個產(chǎn)品原型演示給運營和銷售人員，然后銷售人員就可以緊鑼密鼓的組織工作了。你甚至可以使用幾個小時或幾天時間制作出一個高仿真產(chǎn)品原型，并將其上傳到WEB服務器中，這樣可以隨時讓團隊成員和客戶使用PC或移動設備來使用你的產(chǎn)品。小結(jié)使用Axure制作出品原型成本低；方便團隊熟悉需求和評估需求，也給開發(fā)人員評估需求的可實現(xiàn)性。避免需求設計人員（創(chuàng)業(yè)者）的“天馬行空”和“不切實際”的想法，讓注意力時刻聚焦在用戶需求和產(chǎn)品功能上。方便團隊及時提出改進建議，降低產(chǎn)品后期大改需求導致產(chǎn)品不能按時上線的可能性，從而提高產(chǎn)品的（創(chuàng)業(yè)）成功率。課程教學大綱一、Axure基礎走進AxureRP9頁面管理、流程圖元件區(qū)域自定義部件庫交互基礎事件用例動作母版動態(tài)面板二、Axure高級高級交互條件邏輯中繼器組件數(shù)據(jù)集三、Axure案例“夸父網(wǎng)”網(wǎng)站原型設計“微信”APP原型設計考評體系考勤、課堂表現(xiàn)20分平時作業(yè)20分網(wǎng)上測驗30分平時成績一課一文30分期末考評體系考勤（20分）曠課扣5分遲到扣2

分請假不扣分曠課1/4取消考試課堂互動主動回答問題每次+1分，最高5分在線討論，最高5分

在線學習任務學習任務單視頻討論平時作業(yè)（20分）共7-8次課后作業(yè)網(wǎng)上測驗（30分）共

6

次網(wǎng)上測驗一課一文（30分）期末每位同學提交一份1000字左右的文章期末作品要求設計主題：

分組完成，分析與設計一個有創(chuàng)意的互聯(lián)網(wǎng)產(chǎn)品，主題自擬（5人左右一組）。具體要求分析文檔和一套產(chǎn)品原型