<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 設(shè)計(jì)鏈路拆解用戶旅程圖|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

          2023-9-4    博博

          通常設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)鏈路大致可以分成四個(gè)步驟:需求分析->用研交互->UI視覺->驗(yàn)收迭代。在不同的階段,需要團(tuán)隊(duì)中的交互/UI/視覺...設(shè)計(jì)師各司其職,每位設(shè)計(jì)師要解決的核心問題不同:

          這里引入一個(gè)結(jié)構(gòu)化的設(shè)計(jì)方法——“雙鉆”模型

          “雙鉆設(shè)計(jì)模型”已經(jīng)被很多設(shè)計(jì)師或設(shè)計(jì)機(jī)構(gòu)做過概念變體和衍生,所以可能經(jīng)常會(huì)看到各種各樣類似的“設(shè)計(jì)模型”,有的是“三鉆”的,有的是三角形的或是正方形的。不過,不要太在意這些模型是叫做“雙鉆模型”、“三鉆模型”還是“兩個(gè)四邊形模型”,其核心都是在講
          一套使用設(shè)計(jì)思維來解決問題的思路和方法,這套思路和方法適用于
          從產(chǎn)品需求定義到設(shè)計(jì)成果產(chǎn)出的整個(gè)過程。

          在這個(gè)過程中,“設(shè)計(jì)模型”能夠分別幫助設(shè)計(jì)師達(dá)到三個(gè)目的:

          1. 洞察和挖掘產(chǎn)品真正的問題
            也就是模型中第一個(gè)“鉆”的核心目的:為正確的事情做設(shè)計(jì)(Designing the right thing),即“做正確的事”。

          2. 通過恰當(dāng)方法找到設(shè)計(jì)最優(yōu)解
            也就是模型中第二個(gè)“鉆”的核心目的:用正確的方法做設(shè)計(jì)(Designing things right),即“將設(shè)計(jì)做正確”。

          3. 復(fù)盤并驗(yàn)證問題設(shè)計(jì)的結(jié)果
            也就是模型中第三個(gè)“鉆”的核心目的:驗(yàn)證做的設(shè)計(jì)是否正確(Verify Desig Effectiveness),即“驗(yàn)證設(shè)計(jì)的效果”。

          4. 鏈路1-需求分析

          可能有人會(huì)說:“分析需求不是產(chǎn)品經(jīng)理的事情嗎?”

          確實(shí),在產(chǎn)品需求階段產(chǎn)品經(jīng)理會(huì)起主導(dǎo)角色,產(chǎn)品經(jīng)理的需求分析:側(cè)重于從商業(yè)維度考慮產(chǎn)品目標(biāo),考慮用戶的需求是什么,以及用什么樣的功能去滿足用戶需求。
          但同時(shí),設(shè)計(jì)師會(huì)協(xié)助產(chǎn)品參與需求挖掘工作,可以更直觀了解產(chǎn)品的背景和設(shè)計(jì)目標(biāo),同時(shí)會(huì)協(xié)助產(chǎn)品經(jīng)理分析用戶的使用場(chǎng)景和各個(gè)接觸點(diǎn),使得產(chǎn)品在需求階段可以更好的與后續(xù)交互設(shè)計(jì)銜接。

          設(shè)計(jì)師的需求分析側(cè)重點(diǎn):基于對(duì)產(chǎn)品需求的正確理解,通過運(yùn)營(yíng)與用戶層面考慮,平衡業(yè)務(wù)與用戶之間的訴求,讓設(shè)計(jì)在達(dá)到用戶體驗(yàn)的情況下更大化的發(fā)揮商業(yè)價(jià)值。

          1. 鏈路2-用研交互

          在提出需求目標(biāo)后,需要精準(zhǔn)定位目標(biāo)用戶,將假設(shè)與用戶訴求進(jìn)行驗(yàn)證。

          交互設(shè)計(jì)師會(huì)采用用戶畫像/體驗(yàn)地圖/用戶移情圖等方法構(gòu)建用戶使用情景,將抽象的業(yè)務(wù)目標(biāo)在用戶層面進(jìn)行價(jià)值試驗(yàn)后的故事轉(zhuǎn)譯。通過前期調(diào)研和用戶故事還原體驗(yàn)情景,最終分析驗(yàn)證前期方案的假設(shè),并為方案原型交互設(shè)計(jì)提供客觀數(shù)據(jù)支撐。

          通過用研及數(shù)據(jù)結(jié)果分析驗(yàn)證后,就到了原型設(shè)計(jì)階段,最終修正的需求文檔會(huì)交由交互設(shè)計(jì)師轉(zhuǎn)化交互原型文檔。

          交互文檔主要是用來承載設(shè)計(jì)思路、設(shè)計(jì)方案、信息架構(gòu)、原型線框、交互說明等內(nèi)容,大致會(huì)包含:基礎(chǔ)信息(項(xiàng)目簡(jiǎn)介、需求分析),交互說明(信息架構(gòu)思維導(dǎo)圖、任務(wù)流程圖),頁面交互流程原型圖(包含交互設(shè)計(jì)的方案闡述界面布局、操作手勢(shì)、反饋效果、元素的規(guī)則定義、以及異常頁面和異常情況的說明)。

          1. 鏈路3-UI視覺

          建立設(shè)計(jì)規(guī)范

          UI即User Interface(用戶界面),而UI設(shè)計(jì)規(guī)范通俗來說,是圍繞在某種風(fēng)格或者大型設(shè)計(jì)項(xiàng)目下形成可視化、數(shù)據(jù)化的標(biāo)準(zhǔn),針對(duì)相對(duì)獨(dú)立的體系建立的統(tǒng)一遵守條款。 UI組件庫(kù)則是是基于用戶界面產(chǎn)品而制定的一套可復(fù)用設(shè)計(jì)庫(kù),也是為了方便設(shè)計(jì)師、開發(fā)和測(cè)試人員共同協(xié)作,而遵循的規(guī)律和法則。
          其中色彩范圍、圖標(biāo)設(shè)計(jì)方案、插畫配圖以及動(dòng)效等,這些都可以在定義視覺風(fēng)格的階段進(jìn)行思考,并有所結(jié)論。而字體的選擇且通常情況下會(huì)使用iOS和Android系統(tǒng)的模型字體作為規(guī)范字體,因?yàn)橄到y(tǒng)字體更為勻稱,顯示效果更為舒適,醒目利于閱讀,更利于視覺信息的傳達(dá)。

          搭建設(shè)計(jì)組件庫(kù)

          搭建組件庫(kù),其實(shí)是利用組件庫(kù)型思維,產(chǎn)品需求場(chǎng)景化、視覺表達(dá)模塊化并最終將解決方案進(jìn)行封裝。

          通過標(biāo)準(zhǔn)的規(guī)范組合方式來構(gòu)建整個(gè)設(shè)計(jì)方案,從而提升設(shè)計(jì)效能。一方面使團(tuán)隊(duì)的每位設(shè)計(jì)師和開發(fā)都能通過組件庫(kù)直觀了解產(chǎn)品設(shè)計(jì)規(guī)范,通過組件的復(fù)用性原理提升設(shè)計(jì)與開發(fā)的協(xié)同效率。另一方面通過清晰有規(guī)律樣式布局,保證產(chǎn)品界面視覺及體驗(yàn)性的一致性。

          1. 鏈路4-驗(yàn)收迭代

          設(shè)計(jì)走查驗(yàn)收

          設(shè)計(jì)界面交付后就算完成設(shè)計(jì)任務(wù)了嗎?

          設(shè)計(jì)交付不等于設(shè)計(jì)任務(wù)的結(jié)束,在產(chǎn)品正式版發(fā)布之前,交互設(shè)計(jì)師和視覺設(shè)計(jì)師需要對(duì)線上測(cè)試版本進(jìn)行走查。有些團(tuán)隊(duì)內(nèi)部協(xié)作習(xí)慣于直接口頭或是簡(jiǎn)單文字溝通,面對(duì)簡(jiǎn)單且量少的問題時(shí)可能會(huì)相對(duì)比較快速。但是一定會(huì)存在信息遺漏、溝通誤差等問題。

          產(chǎn)品設(shè)計(jì)迭代
          雖然有些公司的產(chǎn)品真的過硬,可能會(huì)具備較長(zhǎng)的生命周期,但它們始終會(huì)被更加優(yōu)秀、好用、新穎的競(jìng)品所取代。
          因此產(chǎn)品設(shè)計(jì)的持續(xù)優(yōu)化迭代,是能保持發(fā)揮產(chǎn)品優(yōu)勢(shì),不斷找到用戶痛點(diǎn)的關(guān)鍵,而做好產(chǎn)品迭代不僅是產(chǎn)品經(jīng)理的職能, 也是設(shè)計(jì)師的職能所在。

          寫在最后,我們來梳理一下整個(gè)設(shè)計(jì)鏈路的結(jié)構(gòu)

          作者:7V_Kevin
          來源:站酷

          藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

          藍(lán)藍(lán)設(shè)計(jì)( m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) cs界面設(shè)計(jì)ipad界面設(shè)計(jì)包裝設(shè)計(jì)圖標(biāo)定制 用戶體驗(yàn)交互設(shè)計(jì)網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司界面設(shè)計(jì)公司UI設(shè)計(jì)服務(wù)公司數(shù)據(jù)可視化設(shè)計(jì)公司UI交互設(shè)計(jì)公司高端網(wǎng)站設(shè)計(jì)公司UI咨詢用戶體驗(yàn)公司軟件界面設(shè)計(jì)公司

          日歷

          鏈接

          個(gè)人資料

          存檔

          国产情侣久久久久aⅴ免费| 国产美女亚洲精品久久久综合| 99久久99久久| 国产福利电影一区二区三区久久老子无码午夜伦不| 麻豆AV一区二区三区久久| 久久国产精品99精品国产| 国产一区二区精品久久凹凸| 久久毛片一区二区| 国产日产久久高清欧美一区| 欧洲国产伦久久久久久久| www.久久99| 久久精品国产亚洲AV久| 精品久久久久久无码中文野结衣| 午夜精品久久久久久影视777| 精品久久久久久国产潘金莲| 久久久久久久综合综合狠狠| 国产麻豆精品久久一二三| 亚洲午夜无码AV毛片久久| 久久精品国产福利国产秒| 久久精品亚洲AV久久久无码| 伊人色综合久久| 精品国产一区二区三区久久久狼| 伊人久久大香线蕉精品不卡| 热re99久久精品国产99热| 久久久久人妻精品一区二区三区 | 丁香色欲久久久久久综合网| 国产精品成人99久久久久 | 亚洲精品WWW久久久久久| 97久久超碰国产精品2021| 久久亚洲日韩看片无码| 香蕉久久夜色精品国产尤物| 久久精品国产色蜜蜜麻豆| 日本久久久精品中文字幕| 99久久精品毛片免费播放| 久久精品a亚洲国产v高清不卡 | 69SEX久久精品国产麻豆| 国产成人精品综合久久久| 久久综合久久自在自线精品自| 东方aⅴ免费观看久久av| 少妇高潮惨叫久久久久久| 亚洲va中文字幕无码久久不卡|