首頁

設計鏈路拆解用戶旅程圖|北京藍藍UI設計公司

博博

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

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

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

在這個過程中,“設計模型”能夠分別幫助設計師達到三個目的:

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

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

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

  4. 鏈路1-需求分析

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

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

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

  1. 鏈路2-用研交互

在提出需求目標后,需要精準定位目標用戶,將假設與用戶訴求進行驗證。

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

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

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

  1. 鏈路3-UI視覺

建立設計規(guī)范

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

搭建設計組件庫

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

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

  1. 鏈路4-驗收迭代

設計走查驗收

設計界面交付后就算完成設計任務了嗎?

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

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

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

作者:7V_Kevin
來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945

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

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

設計師如何用ChatGPT提高工作效率?給你16個例子!

博博


當設計師利用ChatGPT提高工作效率時,可以通過以下16個例子來實現(xiàn):
獲得設計靈感:設計師可以向ChatGPT提出關于特定主題或風格的問題,以獲取創(chuàng)意和靈感,幫助他們更快速地開展設計工作。
快速生成設計草圖:設計師可以與ChatGPT交流,描述自己的設計想法,然后ChatGPT可以幫助生成初步的設計草圖或構(gòu)思,從而加速設計流程。
獲取設計反饋:設計師可以與ChatGPT分享他們的設計,并詢問對于改進的建議。ChatGPT可以提供反饋和專業(yè)意見,幫助設計師改進設計。
設計布局優(yōu)化:設計師可以提供設計布局的描述和需要解決的問題,ChatGPT可以提供布局改進的建議,包括元素的排列、間距和對齊等。
確定色彩方案:設計師可以向ChatGPT描述設計項目的需要和目標,ChatGPT可以提供符合品牌形象和用戶體驗的色彩方案建議。
輔助設計圖標和圖形:設計師可以向ChatGPT描述需要的圖標或圖形的特點和樣式,ChatGPT可以提供相關圖標和圖形的素材或幫助設計符合要求的圖標。
設計文件管理:設計師可以向ChatGPT咨詢最佳的設計文件組織方式,包括文件命名規(guī)范、文件夾結(jié)構(gòu)和版本控制等,提高工作流程的整體效率。
自動生成設計規(guī)范:設計師可以與ChatGPT共享設計樣式和規(guī)范的要求,ChatGPT可以幫助生成一致和易于理解的設計規(guī)范文檔,以供整個團隊使用。
快速解決設計問題:當設計師遇到設計上的難題時,可以向ChatGPT描述問題,ChatGPT可以提供解決方案和提示,幫助設計師迅速解決問題。
交互設計優(yōu)化:設計師可以向ChatGPT詳細描述用戶界面的交互流程和問題,ChatGPT可以提供改進交互設計的建議,包括交互動畫、狀態(tài)轉(zhuǎn)換和用戶反饋等。
設計審查支持:設計師可以將設計文件和說明發(fā)送給ChatGPT,并請求審查和評估。ChatGPT可以檢查設計是否符合最佳設計實踐、用戶體驗原則和可訪問性要求。
自動生成設計文檔:設計師可以與ChatGPT共享設計細節(jié),ChatGPT可以協(xié)助生成詳細的設計文檔,包括設計決策、功能說明和交互模型等,減少手動編寫文檔的時間。
設計項目管理:設計師可以向ChatGPT咨詢項目管理技巧和工具推薦,以提高團隊的項目管理效率和協(xié)作效果。
快速響應常見設計問題:當設計師遇到常見的設計問題時,可以向ChatGPT提問,ChatGPT可以提供解決該問題的最佳實踐和建議。
設計素材搜索和篩選:設計師可以向ChatGPT描述他們需要的設計素材,ChatGPT可以提供相應的搜索結(jié)果和篩選條件,幫助設計師快速找到合適的素材。
用戶測試和反饋解讀:設計師可以向ChatGPT分享用戶測試數(shù)據(jù)和反饋,ChatGPT可以幫助解讀和分析數(shù)據(jù),提供對用戶體驗的深入理解和改進意見。

藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945

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

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

B端表單幫助系統(tǒng)多場景應用

ui設計分享達人

我們很多時候會在選擇設計方案上搖擺不定。自己覺得好的方案,看到別人是另外一種形式,又會覺得自己的是不是不太好。其實沒必要,每一種方案都有好與壞,很難做到100%完美,只能說在當前這個階段里接近完美。

就像小孩有了蟲牙,去醫(yī)院治療,醫(yī)生也會說有很多種方案。具體用哪一種會根據(jù)年齡、性別、牙齒生長情況來決定。比如:一個6歲的女孩,在不嚴重的情況下,醫(yī)生可能就建議清理后補一下;如果是一個5歲的男孩,當前牙齒還不錯,距離換牙還有比較長的一段時間,可能會給你放個普通點的牙套保護起來

【B端設計】表單設計的模式及使用場景

ui設計分享達人

在B端設計中,表單設計是常見的需求設計,對于B端來說,表單的信息復雜程度會根據(jù)業(yè)務的實際情況而定,常見的簡單表單設計只需要將表單的字段平鋪在頁面中,用戶輸入相關信息即可完成表單的任務。但是B端的實際業(yè)務中,表單的需求有簡單也有非常復雜的場景,如果都采用簡單的平鋪方式,必定會讓表單填寫任務變得難以操作。對于不同的表單模式使用的業(yè)務場景不同,但是表單的呈現(xiàn)方式也具有多種選擇,并且適用的場景也不同。下面我總結(jié)了三種不同的表單展示方式,四中表單的呈現(xiàn)方式以及應用場景。

如何進行表單體驗優(yōu)化-中臺系統(tǒng)

ui設計分享達人

本篇文章將分享Web端表單體驗優(yōu)化等相關內(nèi)容,分析設計師在設計B端類產(chǎn)品時如何讓用戶愉悅并高效的填寫表單。表單作為基礎通用組件,也是在各個企業(yè)級中臺中出現(xiàn)頻率最高的元素之一。在用戶界面中表單無處不在,比如:用戶注冊登陸頁、支付頁、用戶反饋、共享信息數(shù)據(jù)錄入等不同類型的表單。當我們使用/設計表單頁面時看似是按鈕、輸入框等表單組件進行組合搭配使用,看似簡單,但是在實際業(yè)務使用中卻有著無數(shù)可推敲的細節(jié)冒出來,常常給設計師造成較多的困擾。

后臺表單設計中的思考

ui設計分享達人

表單頁作為B端設計中常見頁面之一,在設計過程中如何解決用戶的問題如何降低使用者的錄入負荷。一點小小的經(jīng)驗供大家參考~在使用表單組件、或設計表單頁面時,很多設計者都是根據(jù)自己的直覺或者個人經(jīng)驗本能驅(qū)動解決排列、布局的一些問題。但又會有很多的疑惑會從過程中冒出來困惑設計師,導致自己的設計很難使產(chǎn)品、開發(fā)等信服。每一個設計都離不開解決某問題或達到某個預期,好的表單設計往往都能讓用戶快速get到關鍵信息同時快速準確錄入信息,降低使用者填寫負荷。帶著這樣的設計目的結(jié)合業(yè)務內(nèi)容將表單進行分組,結(jié)合適當?shù)脑O計策略,這樣能使設計方案更加有理有據(jù)。

網(wǎng)頁后臺設計:列表設計、表單設計

ui設計分享達人

一個完整的后臺,由菜單/導航、數(shù)據(jù)/圖形展示、表格、表單、控件/組件以及彈窗等構(gòu)成,下面跟大家分享后臺中的表格和表單的設計細節(jié)當接到一個全新的網(wǎng)頁后臺項目時,首先確定設計風格,然后考慮這個后臺尺寸是做居中固定式,還是全屏響應式(上一篇文章已經(jīng)跟大家分享了網(wǎng)頁設計的畫布尺寸)。全屏響應式的網(wǎng)頁設計,選擇怎么樣的屏幕來做效果,就顯得有些主觀了,除非有規(guī)定,否則你可以選擇任意主流尺寸作為基尺寸來設計網(wǎng)頁。當然,不管選擇什么尺寸,都得基于做好一個后臺而開展工作。

后臺系統(tǒng)中,如何高效的設計表單-標簽篇

ui設計分享達人

表單在我們的工作生活中非常見,表單對于企業(yè)和個人同樣至關重要,當涉及到數(shù)據(jù)收集時,我們大多數(shù)情況下會采用表單。比如,我們在出國申請護照的時候,我們需要填寫的紙質(zhì)的申請資料,就是表單。我們在淘寶京東下單買東西時填寫的個人信息,地址的時候,也是表單。表單有數(shù)據(jù)收集,校驗和提交的功能,其中核心功能是采集數(shù)據(jù)信息,可以看成是采集、傳遞、提交數(shù)據(jù)的中間媒介。表其作為獲取用戶輸入的重要交互方式,也承擔著將問題和答案進行配對的角色。包含復選框,單選框,輸入框,下拉選擇框等元素。

讓你快速熟悉近十年流行的16種插畫風格|蘭亭妙微UI設計公司

資深UI設計者

讓你快速熟悉近十年流行的16種插畫風格|蘭亭妙微UI設計公司

近十年來,插畫領域出現(xiàn)了許多流行的風格,每種風格都有獨特的特點和魅力。本文將介紹近十年流行的16種插畫風格,幫助你快速熟悉這些風格。

  1. 扁平設計風格 扁平設計風格強調(diào)簡潔、清晰的圖形表達,平面化的色彩和簡化的線條。它通常使用鮮艷的顏色,抽象的形狀和圖標化的元素來傳達信息。

  2. 水彩畫風格 水彩畫風格通過透明而廣泛的色彩展示出柔和和溫暖的感覺。它通常使用混合和模糊的技法,創(chuàng)造出有機和柔和的效果。

  3. 手繪風格 手繪風格強調(diào)手工繪制的質(zhì)感和生動性。它可以是簡單的草圖,也可以是精確的描繪。特點是線條鮮明,充滿表現(xiàn)力。

  4. 光影風格 光影風格通過強調(diào)光線和陰影的明暗對比,營造出生動逼真的效果。這種風格常用于科幻、奇幻和超現(xiàn)實主題。

  5. 平面視覺風格 平面視覺風格注重創(chuàng)造出平面化的空間感,通過透視和圖形排列等技巧,創(chuàng)造出簡潔而引人注目的圖像效果。

  6. 表現(xiàn)主義風格 表現(xiàn)主義風格強調(diào)情感和表達力,通過夸張和變形的手法來表達個人的內(nèi)心感受。這種風格常用于藝術和文學插畫。

  7. 卡通風格 卡通風格以夸張的表情、簡化的形態(tài)和明亮的色彩為特點。它通常用于幽默、童話和動漫領域。

  8. 現(xiàn)實主義風格 現(xiàn)實主義風格追求畫面的真實感和細膩程度,力圖創(chuàng)造出與現(xiàn)實世界相似的效果。這種風格常用于肖像、風景和繪畫插圖。

  9. 3D渲染風格 3D渲染風格通過計算機生成的技術,創(chuàng)造出逼真的3D圖像。它通常用于游戲、電影和廣告等領域。

  10. 細膩筆觸風格 細膩筆觸風格注重線條的精細和紋理的真實感。它通常通過漸變和陰影來創(chuàng)造出細膩而逼真的效果。

  11. 幻想風格 幻想風格以奇幻、神話和魔法為主題,通過極富想象力的場景和角色,創(chuàng)造出神秘而迷人的效果。

  12. 精致民族風格 精致民族風格結(jié)合了民族文化的元素和繪畫技巧,強調(diào)傳統(tǒng)和民俗的圖案和色彩。它常用于民族藝術和手工藝品的插圖。

  13. 簡約風格 簡約風格強調(diào)簡單、純粹的設計語言,追求最少的元素來表現(xiàn)最大的效果。它通常使用極簡的線條和鮮明的色塊,使圖像更具沖擊力。

  14. 黑白插畫風格 黑白插畫風格通過使用只有黑色和白色的顏色,強調(diào)形狀和陰影的變化,創(chuàng)造出獨特的視覺效果。它通常用于書籍、報紙和雜志的插圖。

  15. 平面化插畫風格 平面化插畫風格以簡化和扁平化的設計為特點,強調(diào)圖形的表現(xiàn)力和色彩的鮮明度。它常用于品牌設計和廣告。

  16. 洛麗塔風格 洛麗塔風格注重可愛和甜美的形象,以少女為主角,強調(diào)少女特有的柔和和夢幻感。它常用于宣傳海報、時尚雜志和廣告等。
    以上是近十年流行的16種插畫風格的簡介,每一種風格都有不同的魅力和應用領域。隨著時間的推移,插畫領域?qū)⒗^續(xù)推陳出新,創(chuàng)造出更多獨特的風格和表現(xiàn)形式。希望這些介紹對你在插畫創(chuàng)作和欣賞上有所幫助。
    藍藍未來將會持續(xù)在平臺上分享關于設計行業(yè)的文章。此外藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,添加vx藍小助ben_lanlan,報下信息,藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設計案例和設計素材等,歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。
    藍藍設計( bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

B端產(chǎn)品-部分競品分析

ui設計分享達人

收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏3

作者:江小白愛喝牛奶
鏈接:https://www.zcool.com.cn/work/ZNjU5MTU5NTI=.html
來源:站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權,非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔