版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
2023/10/10UE/UI設(shè)計(jì)流程R.D軟件UI設(shè)計(jì)流程李炳湘LiBingXiang
QQ:752594001/炳湘/home2023/10/102UE/UI設(shè)計(jì)流程競(jìng)爭(zhēng)產(chǎn)品分析領(lǐng)域調(diào)研產(chǎn)出物新產(chǎn)品開發(fā)任務(wù)產(chǎn)品定位用戶分析產(chǎn)品概述功能需求規(guī)格整理產(chǎn)出物第一次Check是/否通過?概念模型分析功能結(jié)構(gòu)圖使用場(chǎng)景分析交互流程分析產(chǎn)出物第一次Check是/否通過?信息架構(gòu)和界面原型要點(diǎn)說明產(chǎn)出物第一次Check是/否通過?詳細(xì)設(shè)計(jì)設(shè)計(jì)和邏輯說明產(chǎn)出物第四次Check是/否通過?完成設(shè)計(jì)維護(hù)進(jìn)入設(shè)計(jì)維護(hù)EndBASICRESEARCHPRODUCTANALYSEINTERACTIONDESIGNPROTOTYPEDESIGNDETAILEDDESIGNUSER六個(gè)階段,每個(gè)階段又有關(guān)鍵的工作內(nèi)容和要求。2023/10/103UE/UI設(shè)計(jì)流程第二階段:產(chǎn)品分析產(chǎn)品定位
從軟件提供者的角度分析產(chǎn)品推出的意義和重點(diǎn)關(guān)注的方面,實(shí)際考量、豐滿決策層的idea,明確列出產(chǎn)品定位,通過討論修繕取得決策層的認(rèn)可;用戶分析
結(jié)合競(jìng)爭(zhēng)產(chǎn)品的分析資料,采用定性分析的方法,獲得對(duì)產(chǎn)品目標(biāo)用戶在概念層面的認(rèn)識(shí);產(chǎn)品概述
以軟件提供的身份,以最簡(jiǎn)短的文字,向用戶介紹產(chǎn)品,突出產(chǎn)品對(duì)用戶的價(jià)值。避免功能點(diǎn)的簡(jiǎn)單羅列,而應(yīng)該在歸納總結(jié)的基礎(chǔ)上突出重點(diǎn);功能需求規(guī)格整理
在歸納關(guān)鍵功能的基礎(chǔ)上,結(jié)合競(jìng)爭(zhēng)產(chǎn)品規(guī)格整理的領(lǐng)域認(rèn)識(shí),從邏輯上梳理需求規(guī)格列表,重在邏輯關(guān)系清楚、組織和層級(jí)關(guān)系清晰。劃定項(xiàng)目(設(shè)計(jì)和研發(fā))范圍;產(chǎn)出物:
用戶分析文檔和產(chǎn)品概述、功能規(guī)格列表
產(chǎn)品定位用戶分析產(chǎn)品概述功能需求規(guī)格整理產(chǎn)出物第一次Check是/否通過?2023/10/104UE/UI設(shè)計(jì)流程第三階段:交互設(shè)計(jì)(功能結(jié)構(gòu)和交互流程設(shè)計(jì))產(chǎn)品概念模型分析
從產(chǎn)品功能邏輯入手,結(jié)合對(duì)常見軟件的經(jīng)驗(yàn)積累和競(jìng)爭(zhēng)產(chǎn)品的認(rèn)識(shí),加上對(duì)用戶的理解,為產(chǎn)品設(shè)計(jì)一個(gè)盡量接近用戶對(duì)產(chǎn)品運(yùn)行方式理解的概念模型,成為產(chǎn)品設(shè)計(jì)的基礎(chǔ)框架;功能結(jié)構(gòu)圖
在產(chǎn)品概念模型的基礎(chǔ)上豐富交互組件,并理順交互組件之間的結(jié)構(gòu)關(guān)系;使用場(chǎng)景分析
模擬典型用戶執(zhí)行關(guān)鍵功能達(dá)到其目標(biāo)的使用場(chǎng)景;交互流程分析
模擬在上述概念模型和功能結(jié)構(gòu)決定的產(chǎn)品框架之中,支持使用場(chǎng)景的關(guān)鍵操作過程(即鼠標(biāo)點(diǎn)擊步驟和屏幕引導(dǎo)路徑);產(chǎn)出物:
產(chǎn)品設(shè)計(jì)文檔的交互設(shè)計(jì)部分概念模型分析功能結(jié)構(gòu)圖使用場(chǎng)景分析交互流程分析產(chǎn)出物第一次Check是/否通過?2023/10/105UE/UI設(shè)計(jì)流程第四階段:原型設(shè)計(jì)(信息架構(gòu)和界面原型設(shè)計(jì))信息架構(gòu)和界面原型設(shè)計(jì)
設(shè)計(jì)產(chǎn)品界面中應(yīng)該包含的控件數(shù)量和類型、控件之間的邏輯和組織關(guān)系,以支持用戶對(duì)控件或控件組所代表的功能的理解,對(duì)用戶操作的明確引導(dǎo);所有界面設(shè)計(jì)成為一套完整的可模擬的產(chǎn)品原型;設(shè)計(jì)要點(diǎn)說明
對(duì)界面設(shè)計(jì)的重點(diǎn)添加說明,幫助涉眾對(duì)設(shè)計(jì)的理解;
產(chǎn)出物:
產(chǎn)品設(shè)計(jì)文檔的原型設(shè)計(jì)部分信息架構(gòu)和界面原型要點(diǎn)說明產(chǎn)出物第一次Check是/否通過?2023/10/106UE/UI設(shè)計(jì)流程第五階段:詳細(xì)設(shè)計(jì)(詳細(xì)設(shè)計(jì)和偽代碼編寫)詳細(xì)設(shè)計(jì)
完善設(shè)計(jì)細(xì)節(jié)、交互文本和信息設(shè)計(jì)(Messagebox);設(shè)計(jì)和邏輯說明
對(duì)界面控件/控件組/窗口的屬性和行為進(jìn)行標(biāo)準(zhǔn)化定義,梳理完整的交互邏輯,用狀態(tài)遷移圖或偽代碼形式表示;產(chǎn)出物:產(chǎn)品設(shè)計(jì)文檔的詳細(xì)設(shè)計(jì)部分
第六階段:設(shè)計(jì)維護(hù)(研發(fā)跟蹤和設(shè)計(jì)維護(hù))語言文檔整理
設(shè)計(jì)通過評(píng)審之后,把產(chǎn)品中所有的交互文本整理成excel文檔,預(yù)備研發(fā)工作;研發(fā)跟蹤維護(hù)
進(jìn)入研發(fā)階段后負(fù)責(zé)為研發(fā)工程師解釋設(shè)計(jì)方案、問題修改、文檔完善、Bug跟蹤等;
產(chǎn)出物:
產(chǎn)品語言文檔,設(shè)計(jì)調(diào)整維護(hù)詳細(xì)設(shè)計(jì)設(shè)計(jì)和邏輯說明產(chǎn)出物第四次Check是/否通過?完成設(shè)計(jì)維護(hù)進(jìn)入設(shè)計(jì)維護(hù)End2023/10/107UE/UI設(shè)計(jì)流程第一階段:基礎(chǔ)調(diào)研競(jìng)爭(zhēng)產(chǎn)品分析
尋找市場(chǎng)上的競(jìng)爭(zhēng)產(chǎn)品,挑選3-5款進(jìn)行解剖分析。整理競(jìng)爭(zhēng)產(chǎn)品的功能規(guī)格;并分析規(guī)格代表的需求,需求背后的用戶和用戶目標(biāo);分析競(jìng)爭(zhēng)產(chǎn)品的功能結(jié)構(gòu)和交互設(shè)計(jì),從產(chǎn)品設(shè)計(jì)的角度解釋其優(yōu)點(diǎn)、缺點(diǎn)及其原因,成為我們產(chǎn)品設(shè)計(jì)的第一手參考資料。領(lǐng)域調(diào)研
結(jié)合上述分析基礎(chǔ)和資料,縱觀領(lǐng)域競(jìng)爭(zhēng)格局、市場(chǎng)狀況,利用網(wǎng)絡(luò)論壇、關(guān)鍵字搜索等手段獲得更多用戶反饋、觀點(diǎn)、前瞻性需求。產(chǎn)出物:
相應(yīng)的對(duì)比分析文檔和領(lǐng)域調(diào)研報(bào)告競(jìng)爭(zhēng)產(chǎn)品分析領(lǐng)域調(diào)研產(chǎn)出物新產(chǎn)品開發(fā)任務(wù)2023/10/108UE/UI設(shè)計(jì)流程這是一個(gè)著名的模型,把UCD過程中的每個(gè)工作步驟和內(nèi)容都完整而流暢的概括進(jìn)來。很大程度上幫助我理清了UCD相關(guān)的混亂頭緒。以這個(gè)模型為基礎(chǔ),我整理了一個(gè)比較可行的UCD流程。2023/10/109UE/UI設(shè)計(jì)流程需求功能定義交互設(shè)計(jì)視覺設(shè)計(jì)DEMOUI設(shè)計(jì)(交互/視覺/編碼)實(shí)現(xiàn)PMORTEAMLEADER軟件工程師2023/10/1010第于第一步的用戶調(diào)研問題,當(dāng)然迫于條件的限制,我們不可能有機(jī)會(huì)去做用戶研究相關(guān)的工作,通常是從競(jìng)爭(zhēng)對(duì)手的分析中來獲得關(guān)于用戶的理解和靈感。用JesseJamesGarrett的話說,在相同領(lǐng)域做相似的事情的研發(fā)團(tuán)隊(duì),所服務(wù)的用戶必定具有某種程度的相似性。按照產(chǎn)品分析和設(shè)計(jì)套路倒推,解剖優(yōu)秀產(chǎn)品的設(shè)計(jì)策略,可能是快速建立用戶認(rèn)識(shí)的竅門??赡苡腥擞X得理解用戶是市場(chǎng)的事,顯然這是片面的。其實(shí)理解用戶能夠在以用戶為中心的設(shè)計(jì)過程中幫助設(shè)計(jì)決策,如果沒有這個(gè)認(rèn)識(shí),很可能會(huì)在后面的設(shè)計(jì)決策和討論中陷入個(gè)人英雄主義的表演和政治博弈之中。當(dāng)然,尋找用戶還能使我們收獲更多的領(lǐng)域知識(shí),整理對(duì)手的優(yōu)缺點(diǎn),并能在后續(xù)的概念設(shè)計(jì)、交互設(shè)計(jì)和原型設(shè)計(jì)中提供極大的參考價(jià)值。2023/10/1011UE/UI設(shè)計(jì)流程交互設(shè)計(jì)視覺設(shè)計(jì)CSS/HTML編碼生成產(chǎn)品原型(線框圖)生成產(chǎn)品模型(效果圖)生成產(chǎn)品DEMO(效果圖)實(shí)現(xiàn)產(chǎn)品(最后階段)2023/10/1012UE/UI設(shè)計(jì)流程一、生成產(chǎn)品原型Prototype
(線框圖)原型就是用來讓人改的。它存在的價(jià)值就體現(xiàn)在被修改了幾次,被更新了幾次,以及它的下一步被少改了幾次。2023/10/1013UE/UI設(shè)計(jì)流程二、生成產(chǎn)品模型Mock-up
(效果圖)在原型被大家接受之后,就該關(guān)心產(chǎn)品長(zhǎng)得好不好看了。我們以“模型”這個(gè)詞來統(tǒng)稱該步驟的交付物。和原型相比,它關(guān)注于產(chǎn)品的視覺設(shè)計(jì),包括色彩、風(fēng)格、圖標(biāo)、插圖等等。2023/10/1014UE/UI設(shè)計(jì)流程三、生成HTML/CSS頁(yè)面Demo就是按照原型和模型用HTML(XHTML)/CSS/JavaScript等等前端技術(shù)實(shí)現(xiàn)出來,以便后端的開發(fā)工程師可以接手編碼。到此UI部分基本完成,不知道大家對(duì)此流程有什么看法。不足之外還請(qǐng)大家糾正。一起討論,把UI工作流程做好。當(dāng)然,如有條件,最好能參于下前期調(diào)研,為能更好的理解用戶需求,提升用戶體驗(yàn)。2023/10/1015這個(gè)流程不是一個(gè)快速開發(fā)的流程,雖然在用戶分析中投機(jī)取巧節(jié)省了一點(diǎn)時(shí)間,但是在交互設(shè)計(jì)階段需要消耗相當(dāng)?shù)呐?/p>
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 合作協(xié)議書內(nèi)容模板
- 全國(guó)賽課一等獎(jiǎng)初中統(tǒng)編版七年級(jí)道德與法治上冊(cè)《在奉獻(xiàn)中成就精彩人生》教學(xué)設(shè)計(jì)
- 中醫(yī)象思維專題知識(shí)講座
- (立項(xiàng)備案申請(qǐng)模板)建筑用玄武巖石料項(xiàng)目可行性研究報(bào)告參考范文
- 部編初中語文九年級(jí)上期中考試題含答案
- (2024)年產(chǎn)30萬套注塑件生產(chǎn)加工項(xiàng)目環(huán)境影響報(bào)告表(一)
- 2023年智慧停車項(xiàng)目融資計(jì)劃書
- 如何開好壽險(xiǎn)早會(huì)-保險(xiǎn)公司早會(huì)重要性與操作使用技巧專題分享培訓(xùn)模板課件
- 《理賠的法律約束》課件
- 遼寧省大連市瓦房店市2024屆九年級(jí)上學(xué)期1月期末考試數(shù)學(xué)試卷(含答案)
- 放射科未來五年發(fā)展規(guī)劃(2021-2025)
- 低壓電器-認(rèn)識(shí)低壓電器(電氣控制與PLC課件)
- 兒童繪畫心理學(xué)測(cè)試題
- 耐火窗施工方案
- 獸藥經(jīng)營(yíng)質(zhì)量管理文件
- 國(guó)家中小學(xué)智慧教育平臺(tái)應(yīng)用案例
- 物業(yè)管理所需設(shè)備及耗材
- 《NBA介紹英文》課件
- 市場(chǎng)營(yíng)銷基礎(chǔ)(中職市場(chǎng)營(yíng)銷專業(yè))全套教學(xué)課件
- 云計(jì)算與智能交通
- 人際溝通.從心開始(大學(xué)生人際交往)
評(píng)論
0/150
提交評(píng)論