互聯(lián)網(wǎng)產(chǎn)品規(guī)劃及用戶體驗設(shè)計方法ppt課件

1、“以用戶為中心的互聯(lián)網(wǎng)產(chǎn)品規(guī)劃設(shè)計方法.The key index that VC select the ecommerce partner網(wǎng)站轉(zhuǎn)化率線下ROI反復(fù)購買率單客收入活潑用戶數(shù)2.中國網(wǎng)站的數(shù)量變化趨勢2021年上半年，全球互聯(lián)網(wǎng)站點數(shù)都在下降，中國網(wǎng)站數(shù)同步下滑。根據(jù)Netcraft的統(tǒng)計，2021年上半年全球互聯(lián)網(wǎng)站點數(shù)減少2700萬個，降幅到達11.5%。2021年上半年6月，中國網(wǎng)站數(shù)量減少34萬，下降到279萬個。32006.12-2021.06中國網(wǎng)站規(guī)模變化.Poor Internet product design is a significant source of

2、 frustration and lowers conversion rates483% of web visitors will actually leave a site because of poor design; designing it well will encourage them to remain.Top reasons visitors abandon web sitesPercent respondents.Internet Product KSFs：Excellent User Experience 、Business Innovation、 Integration

3、Ecosystem, very different with traditional software5.而很多傳統(tǒng)的軟件公司，依然在運用傳統(tǒng)軟件方法規(guī)劃和設(shè)計互聯(lián)網(wǎng)產(chǎn)品6以技術(shù)或功能為中心的思想，不斷提供應(yīng)用戶所不需求的新功能新技術(shù)，最后功能累積不但使產(chǎn)品復(fù)雜不易運用，而且添加了開發(fā)本錢；1以計算機為中心的思想，設(shè)計的界面要求用戶去學(xué)習(xí)復(fù)雜的功能指令來順應(yīng)機器，而不是機器適用戶，結(jié)果使眾多普通用戶拒而遠之，喪失了市場占有率；2設(shè)計師或程序員誤以自我認識為中心，最終產(chǎn)品的特性與真適用戶的需求不匹配；3開發(fā)流程上，產(chǎn)品投放市場測試，收到反響再修正，反復(fù)迭代，使得產(chǎn)品開發(fā)周期很長，開發(fā)本錢很高。4

4、.7傳統(tǒng)軟件方法互聯(lián)網(wǎng)產(chǎn)品方法以技術(shù)為驅(qū)動強調(diào)產(chǎn)品模塊有限領(lǐng)域的團隊協(xié)作關(guān)注內(nèi)部架構(gòu)不擅長用戶體驗部分關(guān)注市場競爭開發(fā)先于用戶驗證從缺陷角度衡量產(chǎn)質(zhì)量量產(chǎn)品評價由有限用戶決議關(guān)注內(nèi)部用戶以用戶為驅(qū)動強調(diào)整體方案多領(lǐng)域團隊協(xié)作關(guān)注外觀設(shè)計擅長用戶體驗關(guān)注市場競爭開發(fā)限于用戶驗證過的設(shè)計從用戶目光衡量產(chǎn)質(zhì)量量產(chǎn)品評價取決于用戶關(guān)注一切用戶vs.傳統(tǒng)軟件規(guī)劃設(shè)計方法 vs. 互聯(lián)網(wǎng)產(chǎn)品規(guī)劃設(shè)計方法.以用戶為中心的用戶體驗設(shè)計涉及5個層級。設(shè)計的過程是按自下而上的方法，依次是戰(zhàn)略層、范圍層、構(gòu)造層、框架層以及表現(xiàn)層。8 功能需求 內(nèi)容需求界面原型頁面框架界面、接口 導(dǎo)航體系 交互設(shè)計 信息架構(gòu) 123

5、451、業(yè)務(wù)定位和規(guī)劃3、用戶體驗設(shè)計2、需求定義互聯(lián)網(wǎng)產(chǎn)品規(guī)劃和設(shè)計的五層構(gòu)造定位和目的用戶需求.互聯(lián)網(wǎng)產(chǎn)品的規(guī)劃和設(shè)計方法9T1: 用戶需求調(diào)研與分析T4: 需求挑選與定義(內(nèi)容/構(gòu)造/運營)T3: 協(xié)作同伴業(yè)務(wù)需求調(diào)研與分析T6: 信息架構(gòu)設(shè)計T8:網(wǎng)站頁面框架和低保真原型設(shè)計T7: 交互設(shè)計2、需求定義3、用戶體驗設(shè)計T2: 競爭對手和最正確實際研討T0: 基于業(yè)務(wù)價值和競爭優(yōu)勢的產(chǎn)品定位和規(guī)劃1、業(yè)務(wù)定位和規(guī)劃T9:高保真界面設(shè)計T5:典型用戶和場景分析T10: 用戶測試經(jīng)過ValueTree的方式，推導(dǎo)運用用戶調(diào)研、焦點小組、最正確實際研討方法、Roadmap方法進展定義運用適宜互

6、聯(lián)網(wǎng)產(chǎn)品的用戶體驗設(shè)計方法進展定義注：互聯(lián)網(wǎng)產(chǎn)品后臺的系統(tǒng)規(guī)劃、架構(gòu)、設(shè)計和代碼過程并行進展.1、業(yè)務(wù)定位和規(guī)劃10Business valueValue driverValue DriverCapabilityBusiness objectBusiness ValueDriverDriverCapability.2、需求定義11用戶調(diào)研設(shè)計用戶體驗調(diào)研問卷，包括用戶根本網(wǎng)絡(luò)行為、產(chǎn)品運用情況、用戶態(tài)度、可用性評價、用戶群背景等信息?？梢越?jīng)過在線問卷等多種方式大范圍開展調(diào)研用戶調(diào)研報告包括分析整理后的問卷調(diào)查數(shù)據(jù)，構(gòu)成單項評價結(jié)論，包括用戶群分析用戶行為、態(tài)度、背景資料、運用情況、用戶需求、用

7、戶稱心度等。用戶調(diào)研的目的是協(xié)助 交互設(shè)計師調(diào)查了解用戶及其相關(guān)運用的場景，以便對其有深化的認識(主要包括用戶運用時候的心思方式和行為方式)，從而為后繼設(shè)計提供良好的根底。.用戶訪談經(jīng)過小范圍訪談，搜集用戶的意見和在運用過程中能夠存在的實踐情況或問題，最后將分析結(jié)論匯總為用戶訪談報告。好的設(shè)計人員一定是要是一個好的用戶測試和訪談人員, 做訪談時要以設(shè)計的思緒去思索用戶所說的,用設(shè)計的發(fā)現(xiàn)目光去發(fā)現(xiàn)用戶所說的背后隱含的意義, 并且要有強的邏輯思想去整理,并做出迅速的反響，即穩(wěn),準,狠。用戶訪談的目的主要是輔助設(shè)計人員了解用戶的運用習(xí)慣和運用背景。2、需求定義12.現(xiàn)有系統(tǒng)運營分析針對搜集到的網(wǎng)站

8、運營和用戶行為數(shù)據(jù)進展分析，發(fā)現(xiàn)其中的規(guī)律，總結(jié)網(wǎng)站整體運營情況、用戶群和行為模型，以及相應(yīng)的用戶體驗?zāi)康?，?gòu)成運營數(shù)據(jù)單項評價結(jié)論。分析對象以產(chǎn)品研發(fā)和維護、內(nèi)容管理、公司客戶銷售和效力、用戶管理效力為主，發(fā)現(xiàn)與用戶體驗相關(guān)的運營問題，比如組織、流程和工具、員工和才干、KPI、IT工具維度分析運營中的問題等，并分析緣由和給出改良建議。2、需求定義13.用戶測試用戶測試是察看典型用戶運用產(chǎn)品的過程，最后在提交的用戶測試報告中總結(jié)測試過程中發(fā)現(xiàn)的問題，并給出改良建議。其過程包括：制定用戶測試的范圍、評價規(guī)范、實施流程、人員安排和時間方案等實施用戶測試，搜集相關(guān)數(shù)據(jù)分析整理用戶測試結(jié)果，構(gòu)成評價結(jié)

9、論，主要包括現(xiàn)有網(wǎng)站的可用性問題及用戶反響。用戶測試的目的是測試產(chǎn)品而不是用戶本身，以預(yù)測真實真實環(huán)境下用戶能夠會遇到的嚴重的產(chǎn)品問題。142、需求定義.3、用戶體驗設(shè)計 網(wǎng)站用戶體驗，指的是利用網(wǎng)絡(luò)特性，為客戶提供完善的網(wǎng)絡(luò)體驗，提高客戶的稱心度，從而與客戶建立起嚴密而繼續(xù)的關(guān)系。 網(wǎng)絡(luò)的體驗，是體驗的延伸。隨著網(wǎng)絡(luò)的普及，網(wǎng)絡(luò)體驗成為體驗營銷不可短少的重要組成部分。 網(wǎng)站體驗的分類 1、感官體驗：呈現(xiàn)給用戶視聽上的體驗，強調(diào)溫馨性。 2、交互體驗：呈現(xiàn)給用戶操作上的體驗，強調(diào)易用/可用性。 3、情感體驗：呈現(xiàn)給用戶心思上的體驗，強調(diào)友好性。 4、閱讀體驗：呈現(xiàn)給用戶閱讀上的體驗，強調(diào)吸引性

10、。 5、信任體驗：呈現(xiàn)給用戶的信任體驗，強調(diào)可靠性。15.有用性、易用性、期望性、可訪問性、可尋性以及可信任是用戶體驗設(shè)計的根本原那么，也是用戶體驗設(shè)計的價值所在 有用性 給與用戶協(xié)助易用性簡約、容易運用期望性 用戶的稱心度構(gòu)建品牌忠實度可訪問性 對一切的人均可訪問可尋性 信息容易找到可信任 高質(zhì)量的設(shè)計有利于建立信任 用戶體驗價值F可尋性可信任期望性可訪問有用性易用性.用戶角色和用戶場景用戶角色是根據(jù)產(chǎn)品業(yè)務(wù)，虛擬出一個用戶來代表產(chǎn)品一類目的用戶群。用戶角色詳細描畫了用戶的生活習(xí)慣，個人喜好，對網(wǎng)站的看法等各方面細節(jié)。在產(chǎn)品設(shè)計中我們會將用戶角色貫穿產(chǎn)品設(shè)計的一直。 用戶場景描畫了用戶如何和

11、產(chǎn)品交互?；谟脩艨尚械男袨榉绞?，設(shè)計創(chuàng)建場景或者用戶故事或者storyboard來描畫設(shè)計中產(chǎn)品未來能夠的形狀，并且通常運用用戶角色(persona)來作為創(chuàng)建場景的根底。創(chuàng)建用戶角色和場景的目的是協(xié)助產(chǎn)品團隊了解產(chǎn)品的目的用戶，以更有目的性和高效性的指點今后任務(wù)。1717.信息架構(gòu)設(shè)計信息架構(gòu)設(shè)計經(jīng)過對用戶研討和義務(wù)分析，定義界面設(shè)計的骨架，即產(chǎn)品的整體架構(gòu)，頁面規(guī)劃和導(dǎo)航設(shè)計。主要包括：網(wǎng)站地圖和任務(wù)流程菜單導(dǎo)航網(wǎng)頁內(nèi)容提綱信息架構(gòu)設(shè)計的目的是把信息在產(chǎn)品界面上分門別類地存放，為之后的行為和功能設(shè)計提供框架。1818.Why is IA important?Most Common Usa

12、bilityProblemsPoorly organized search results53%Poor information architecture32%Slow performance32%Cluttered home pages27%Confusing labels25%Invasive registration15%Inconsistent navigation13%The research found that poorly organized search results and poor information architecture design to be the tw

13、o most common and serious usability problems .Why is IA important?Cost of finding (time, frustration)Cost of not finding (alternate channels, lost customers, lost sales)Cost of construction (staff, technology, planning, bugs)Cost of maintenance (content management, redesigns)Cost of training (employ

14、ees, turnover)Value of education (related products, projects, people)Value of brand (identity, reputation, credibility).交互設(shè)計 - 低保真原型目的低保真原型在交互設(shè)計 Interaction Design 步驟之后提交任何產(chǎn)品功能的實現(xiàn)都是經(jīng)過人和機器的交互來完成的。交互設(shè)計關(guān)注產(chǎn)品和運用者行為上的交互以及交互的過程，包括和計算機對話，交互，信息的輸入和輸出，以及反響機制，比如dialog, toolbar, form, message等交互設(shè)計的目的是使產(chǎn)品對用戶能簡單運

15、用2121.視覺設(shè)計 - 高保真原型高保真原型在視覺設(shè)計Visual Design步驟之后提交。在信息架構(gòu)和交互設(shè)計的根底上，參照目的群體的心思模型和義務(wù)達成進展視覺設(shè)計。視覺設(shè)計定義用戶界面的外觀和覺得，包括頁面風(fēng)格、顏色、字體、圖形元素按鈕、圖標、菜單圖標等，在不破壞產(chǎn)品的構(gòu)造和交互行為的前提下，使得產(chǎn)品更美，更籠統(tǒng)，更藝術(shù)化。視覺設(shè)計要到達用戶愉悅運用的目的，同時傳達品牌概念，提供一致，有邏輯性的和引人留意的產(chǎn)品界面。2222.Total User ExperienceLeaderMarketing SpecialistVisual DesignerHCI DesignerUser Re

16、searchSpecialistTechnology ArchitectService & SupportSpecialistUser Assistance Architect23The Internet product Design Team.內(nèi)容 情境 用戶界面基于用戶體驗的網(wǎng)站的開發(fā)過程.互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的任務(wù)職責(zé)一一、市場及用戶研討1.1、市場分析：發(fā)現(xiàn)并掌握目的市場和用戶需求的變化趨勢，對未來幾年市場上需求什么樣的產(chǎn)品和效力做出預(yù)測；1.2、競品分析：搜集競爭對手的資料、試用競爭對手的產(chǎn)品，從而了解競爭對手產(chǎn)品；1.3、用戶研討：經(jīng)過定性用戶訪談、定量調(diào)查詢卷等分析方法對用戶需求進展發(fā)

17、掘和分析；二、產(chǎn)品規(guī)劃及設(shè)計2.1、產(chǎn)品規(guī)劃：確定目的市場、產(chǎn)品定位、開展規(guī)劃及道路圖；2.2、需求管理：對來自市場、用戶等各方面的需求進展搜集、匯總、分析、更新、跟蹤；2.3、產(chǎn)品設(shè)計：編寫產(chǎn)品需求文檔，包括業(yè)務(wù)構(gòu)造及流程、界面原型、頁面要素描畫等內(nèi)容；2.4、版本管理：維護產(chǎn)品的每個版本的功能列表25.互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的任務(wù)職責(zé)二三、開發(fā)及工程管理3.1、需求確認：組織協(xié)調(diào)市場、研發(fā)等部門，對需求進展評價及確認開發(fā)周期；3.2、工程跟蹤：跟蹤工程進度，協(xié)調(diào)工程各方，推開工程進度，確保完成工程按方案完成；向指點及相關(guān)部門溝通工程進度；3.3、產(chǎn)品測試：配合測試部門完成產(chǎn)品的測試任務(wù)；BUG管理；26.互聯(lián)網(wǎng)產(chǎn)品經(jīng)理的任務(wù)職責(zé)三四、產(chǎn)品運營4.1、流程制定：組織客服、運維部門，建立用戶問題贊揚、意見反響及其他產(chǎn)品相關(guān)的任務(wù)流程、分工、呼應(yīng)時間要求；4.2、協(xié)調(diào)溝通：與公司指點、相關(guān)部門協(xié)調(diào)資源、溝通產(chǎn)品開展規(guī)劃、產(chǎn)品開展現(xiàn)狀及問題；4.3、對外協(xié)作：與協(xié)作方商討協(xié)作可行性、方案，參與商業(yè)合同的編寫，跟蹤項協(xié)作工程的進度、完成；4.4、問題處置：跟蹤產(chǎn)品運營過程中出現(xiàn)的缺點、問題，并進展總結(jié)、分析，制定處理方法或納入到產(chǎn)品改良方案；協(xié)助市場、客服、運維部門，解答或協(xié)調(diào)處理用戶提出的產(chǎn)品問題；4.5、數(shù)據(jù)分析：組織建立并逐漸完善業(yè)務(wù)數(shù)據(jù)分析系統(tǒng)，確定數(shù)據(jù)報表款式，建立日