做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

首頁

思考|B端產品如何建立用戶畫像

ui設計分享達人

在做C端產品設計時,我們常常將碎片化的用戶調研信息,通過歸類整理將用戶進行分類,賦予姓名性別等用戶信息以及用戶性格,建立起一個個立體的用戶畫像,幫助我們快速了解用戶,建立對用戶的有效認知。

 

談談設計創意獲取的思路

前端達人

談談設計創意獲取的思路
 
 
讀了一本書,杰夫戴維森的《The 60 sencond Innovation 》,講的是
創意的獲取方式
。因為國外的設計環境與國內還是有很大區別的(所以這本書的微信讀書書評并不是很高),我摘選了幾個我認為
適合國內現狀的創意獲取方法,與大家共享
談談設計創意獲取的思路
 
 
一、關于設計趨勢
設計創意是符合設計趨勢的,我們需要關注設計趨勢。
我覺得趨勢這個詞,書里面有個觀點還是可以的:
關注長期趨勢
為什么這么說呢,因為趨勢不是朝三暮四的,往往會保持很長的時間。所以我們在做設計創意的時候可以適當關注長期趨勢。
1.1關注社會趨勢的重要性
最直接影響的就是職業生涯的發展
。譬如你是一名UI設計師或者即將畢業的學生,在當前的形勢下UI設計師已經趨于飽和,你想完成一次職業方向的確定或轉變,你會往哪里走?
那么你需要關注設計趨勢。
如果你選擇的是一個接近飽和的方向,那么你的薪資幾年內肯定也得不到提高。有的設計師經常會說我做UI設計5-7年了,但是薪資依然還是1萬,我
只能說你現在沒有什么競爭力。
所以趁著年輕,你可以考慮換一條細分的賽道。
譬如逐漸趨于飽和的車載HMI設計,即將爆發的類似于Vision Pro的增強現實設計。。。
來自于蘋果官網
來自于蘋果官網
 
1.2如何了解設計趨勢
首先,最直觀的就是設計大事件。
譬如蘋果等著名品牌引導的設計承載方式的變革。從羅永浩推出無限屏概念開始,其實類似的空間設計就已經處于慢熱狀態。直到蘋果正式發布了Vision Pro,這種大事件直接將增強空間設計推向了高潮。
我們可以通過蘋果的官方網站,去了解Vision Pro的使用方法,以此來感受Vision pro可以改變什么?文本編輯、影視、閱讀以及游戲等等用戶體驗與手機操作的不同點,從而延伸出未來可以商業化的場景方向,可以做預知性的推斷。
有興趣的設計師還可以通過蘋果發布的
Vision pro模擬器
,來嘗試性地輸出一些創新的想法和創意,以此來建立自己在增強空間設計上的設計經驗和競爭力。
其次,可以通過設計網站、社區和平臺。
譬如優設、站酷、人人都是產品經理等一些設計資訊平臺。很多設計師會將國外的一些好的設計趨勢的文章翻譯,我們可以通過這些文章來獲取設計趨勢。
再者,可以通過行業內的研究報告。
譬如艾瑞咨詢發布的《2023年AIGC場景應用展望研究報告》,里面就闡述了下一年甚至是未來AIGC的發展方向。
二、經驗積累促進設計創意輸出
2.1經驗積累到一定程度的好處
一般設計師在自身發展的同時,也都會留意身邊設計師發展的如何,嫉妒和對比是很正常的。有的設計師會覺得為什么他年紀不大卻能當領導,為什么他的薪資比我多那么多,為什么每次任務下來后他總是做的又快又好。。。
因為這是工作/設計經驗給他帶來了各種紅利。
為什么經驗豐富的設計師創意那么多呢?那就是
尤尼卡效應(靈感的悄然而至)
。有經驗的設計師,職業生涯過程中看過無數的案例,想過無數的方案,做過無數的作品。所以,他們可以在看到問題的時候,立馬給你輸出設計方案。如果你能達到這種地步,你的競爭力也將無可匹敵。
2.2經驗積累下的靈感輸出
做到兩點:
【建立方向】和【埋頭苦干】
畢業5年內的設計師,可以不用過多的去關注別人與自己的差別,你要做的就是【建立方向】和【埋頭苦干】,幸運只光顧有準備的頭腦。
那些有經驗的設計師也都是摸爬滾打一點一滴練出來的。過年的時候跟大學同學吃飯,設計耕耘10余載,他已經是某設計院的總監了。想想與他一起住過的小黑屋,想想我們打地鋪黑燈瞎火的做項目,為了錢么?是因為熱愛,想做出更好的作品。再看看他一路走來的工作歷程,他基本上在一個垂直方向上深耕細作,從場館的設計方案到制定預算,從項目投標到施工流程,整個一套流程都駕輕就熟了。
2.3不斷嘗試后的靈感輸出
設計師們都知道,靈感不會輕易上門。
創意是被逼出來的
!這一點設計師們都很有感觸。
這里的經驗積累不完全是工作年限的意思,也有深度挖掘之意
尤尼卡效應要求我們,即使在設計工作中沒有靈感的時候,繼續嘗試著梳理思路不斷鉆研,肯定會有靈感乍現的那一刻。就像書中說的那樣:
因為創新是一個漸進的過程,一次加上一點思考,最終會柳暗花明。
MIdjourny輸出:設計師絞盡腦汁
MIdjourny輸出:設計師絞盡腦汁
 
三、創意匯報
3.1高中低方案戰略
要想實現創意被大家更好地接受,通常可以準備三種可能的方案:1.最佳方案2.中間方案3.最差方案
領導的決策,也需要有一定的參考。我們給出的方案,盡量涵蓋高中低三種維度,以便進行對比。
3.2選擇時機進行推薦
創意方案出來后,你可以安排一次會議/宣講會,闡述一下自己的設計方案。聰明的做法就是在會議召開之前,先私下把方案簡單過一下,以獲得一定的支持。
3.3學會傾聽
你在匯報項目的過程中,別人會有一些想法和建議,麻煩你認真傾聽。不要著急去打斷,以免造成厭惡性溝通。
3.4不要放棄
創意被否定很正常。
真正能一次通過的創意實屬罕見,就好比不能因為拿不到第一就不上場比賽一樣,你也不應該因為創意被否一次就永遠自暴自棄。
四、創意輸出需要心流狀態
心流狀態是指自己已經完全沉浸在設計創意中了。
心流狀態可以很好地幫助設計師提高工作效率,促進設計創意的輸出。
4.1如何獲得心流狀態
環境很重要。
對于設計師而言,通過調整周圍的環境,比如說引進一些比較明亮的色彩、圖片、標語等,可以大大激發一個人的學習能力。
開放、整潔、平整的表面有助于整理人的思維,所以一般來說,你的桌子越干凈,就越容易提高工作效率,應對工作中的各種挑戰。
五、創意伙伴日常溝通
眾人拾柴火焰高。
5.1與什么樣的人溝通
與相同價值的人溝通。
《探尋第一名》(Looking Out for Number One)一書中,作者羅伯特·林格(Robert Ringer)指出,持久的關系——一方為另一方提供相同的價值,雙方的利益交織在一起,讓這種關系持續下去——非常有價值。
因此
你找的人必定是彼此都珍視的人,可以成為創意伙伴
。你可以每個月找創意伙伴聊聊天喝喝茶充充電,獲取一些新的想法,讓自己的大腦保持常青常新。馬云說過,企業在不缺錢的時候融資,而不是缺錢了再去融資。
設計圈有認識的大佬都很重視溝通,會經常跟身邊的朋友聊天,其實這很大程度上
可以讓一個人擁有多個人的經驗和能力。
所以設計師應該嘗試著開放一些,而不是閉門造車。
MIdjourny輸出:設計師聊天
MIdjourny輸出:設計師聊天
 
六、公司層面:討論/溝通氛圍的重要性
公司層面,應該鼓勵設計師在會議上多闡述自己的意見。
很多公司是不是有這樣一種現象:開會的時候鴉雀無聲,只聽到匯報的人膽怯地練著演講稿或者說著自己的方案,讓其他人給意見的時候基本無人舉手,只能等領導給一些修改意見,
然后這個設計方案就變成了領導認可的設計方案了。
其實這種工作氛圍真的非常糟糕,限制了設計師的創意的發揮,同時也讓產品成為了一個片面性的產品。
6.1建立討論溝通氛圍的好處
所以團隊的討論氛圍一定要建立起來。
書里這樣描述:
1.當一個人感覺自己的想法受人歡迎的時候,他會想出更多有創意的點子來解決眼前的問題——有時可能會在會上發表看法,有時則是在私下里提出建議;
2.如果團隊的每個成員都感覺更有滿足感,他們的參與熱情就會高漲。想想看,如果人人都愿意獻計獻策,事情將會變得多么容易啊!
6.2好好先生對設計創意的阻礙
討論溝通,也促進了不同聲音的展現。團隊需要不同的聲音,團隊需要謙和而堅定的人來告訴我們事情的本來面目,要聽到赤裸裸的現實。
 
感謝大家閱讀。
【阿琦設計日記】,用最接地氣的語言,講述設計師成長道路上的故事。

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發



作者:阿琦Aqi
鏈接:https://www.zcool.com.cn/article/ZMTYwOTk3Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

C端產品體驗設計走查模型

博博

設計輸出質量對于設計團隊來說是極為重要的事情,在設計過程中,存在著許多潛在的風險,這些風險可能會導致用戶直接流失,甚至是品牌形象受損,且對于C端產品來說更是如此。因此,作為一名用戶體驗設計師,降低體驗設計風險是我們工作中不可或缺的一部分。
當然體驗問題可能來自技術、設計、運營等多個環節,本文主要從體驗設計師的視角去思考如何降低體驗風險。
 
C端產品體驗設計走查模型
 
 
一、設計團隊如何降低體驗風險
1、可以建立一套體驗設計走查模型,通過建立走查模型,我們可以對設計過程進行全面檢查,及時發現并解決設計中的問題。
2、建立設計內審機制,通過多名設計師和關鍵項目組角色共同內審,減少出錯風險。
3、需要將體驗問題的發現和解決納入設計師工作當中,并且有明確的責任劃分,確保產品遺留問題得到有效解決。
C端產品體驗設計走查模型
 
 
二、建立適合自己的體驗走查模型
走查模型的作用是幫助設計師產出全面的設計方案,盡可能避免有遺漏場景,造成體驗事故和不必要的返工。市面上有很多不同的體驗走查模型,具體需要根據自身產品情況確定。
所以好的體驗走查模型需要符合3個要求。
1、實用性:需要通過模型將主觀感受描述成客觀的場景、標準,確保大家理解一致,不要造成使用偏差。
2、符合平臺自身屬性:結合自身產品類型和過往最常見的問題類型,有選擇性的制定,不用追求大而全。
3、能夠真正納入工作當中:走查模型建立后,一定要在真實的項目中發揮作用,比如作為設計內審的具體通過標準之一。
C端產品體驗設計走查模型
 
那么如何制定出符合平臺要求的走查模型?其中比較有效的方法是梳理過往遇到的體驗問題,并按照場景歸類,梳理出典型的問題,并納入到走查模型中。
比如在一些偏活動屬性的產品設計中,我們發現設計師經常遺漏平臺品牌性的信息,于是我們把品牌識別性也納入到了走查模型當中。
C端產品體驗設計走查模型
 
 
三、沉淀體驗走查模型
體驗走查表確定后,可以打印出來并且以表格的形式進行共享。
C端產品體驗設計走查模型
 
四、如何避免流于形式,讓走查模型真正發揮作用
一、以走查模型為交付標準。
產品從需求到落地,中間會經歷多個環節和角色,體驗走查模型一般在2個環節著重使用。
1、需求梳理階段:幫助設計師圍繞具體需求明確設計范圍。
2、設計交付前:對照自查表,查漏補缺。
二、作為設計內審通過標準之一
在設計內審階段,可以將體驗走查模型當作通過的標準之一,走查模型可以和設計規范配合使用,確保在設計輸出的時候是盡可能完整的。
C端產品體驗設計走查模型
 
 
C端產品體驗設計走查模型
 
 


作者:微店UED
來源:站酷

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

如何巧妙的呈現龍年氛圍感

前端達人

龍年春節已結束,回顧一下各大產品是如何營造龍年氛圍感的,今天黑馬哥精選了部分場景,我們一起來看看吧!
如何巧妙的呈現龍年氛圍感
 
 
 
 
一、封面邊框營造氛圍感
 
通過對主界面配圖營造氛圍感相對直接,可以針對封面設計進行創意,也可以在邊框上面進行裝飾。
 
愛奇藝首頁推薦的影片封面設計中,在不改變結構布局的基礎上,對封面邊框進行氛圍裝飾,簡潔直觀地呈現出龍年氛圍感。通過對封面設計進行創意,可以避免改變產品結構,方便隨時更換,靈活性較高。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
二、通過圖標配色營造氛圍感
 
營造氛圍感最直接的表現就是顏色層面,可以通過配色突出主題氛圍。
 
馬蜂窩 App 首頁金剛區圖標,春節期間運用紅黃漸變進行圖標配色,以此強化春節氛圍感。不改變圖標造型,也能便于用戶記憶和適應變化,表現形式簡潔有效。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
三、主題活動替換品牌區域
 
利用品牌 Logo 進行主題演變可以是品牌造型層面設計,也可以在品牌區域位置上面替換內容,針對預留的位置發揮性更強。
 
夸克 App 在主頁默認展示品牌 Logo,春節期間以主題活動進行替換,不僅突出氛圍也能增加活動曝光度。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
四、煙花動效突出頂部視覺區域
 
通過春節元素進行動效表現,可以讓氛圍感更突出,比如綻放的煙花、鞭炮、祥云、生肖元素等。
 
攜程旅行首頁頂部視覺區域,春節期間以綻放的煙花動效進行表現,氛圍感十足。不僅突出年味,也能讓區域視覺感更突出。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
五、主題文案嵌入圖標設計
 
金剛區就如同百變金剛一般,更換內容非常便利,靈活性很高。針對圖標設計風格、主題風格、主題文案等形式進行設計融入,均可突出各類主題風格。
 
安居客 App 首頁金剛區圖標設計,在春節期間結合主題文案進行嵌入,氛圍感表現得直觀清晰。再配合春節氛圍的 Banner 展示,新春氛圍渲染得非常到位。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
六、按鈕設計中的畫龍點睛
 
針對主按鈕設計進行發揮較為常見,可以在按鈕造型、配色、裝飾等層面發揮,表現形式豐富多樣。
 
攜程旅行訂票查詢按鈕設計中,可謂是畫龍點睛。將中國龍和春節元素融入到按鈕裝飾中,不僅突出氛圍感,眨眼睛的動效也是點睛之筆。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
七、主題皮膚氛圍感拉滿
 
在產品的各區域都可以進行主題氛圍營造,形成不一樣的主題皮膚,帶給用戶節日的沉浸式體驗。
 
嘀嗒出行 App 從不錯過每個節日的表達,春節期間在多個場景營造氛圍感,使得主題皮膚氛圍感拉滿。在背景區域、各局部視覺區域、圖標、彈窗、按鈕、配圖等,把春節氛圍表現得淋漓盡致。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
八、滿屏紅包搶不停
 
對于春節而言怎能少得了搶紅包的環節,將搶紅包的游戲結合到活動中,氛圍感和參與度都非常到位。
 
騰訊視頻 App 就將搶紅包的游戲結合到活動表達中,滿屏的紅包讓你搶不停,用戶的參與度瞬間被激活啦!通過游戲化的形式表達活動主題,更能符合年輕用戶的需求。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
九、主題化 IP 形象表達
 
針對 IP 形象進行主題換膚,是強化主題氛圍最直接的設計形式。
 
自如將主題化 IP 融入到個人中心和頭像等表達中,也能突出春節氛圍。在金剛區圖標設計中也將春節元素進行發揮,整體的氛圍營造非常到位。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
十、無處不在的云放煙花
 
燃放煙花爆竹才能體現出年味,在產品中的云放煙花也能讓用戶感受到樂趣。
 
高德地圖無處不在的云放煙花,不僅讓用戶感受到煙花的樂趣,也能讓云端年味變得更有氛圍感。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
十一、突出卡片設計氛圍
 
卡片式設計通常較為簡單,以白色卡片居多,特殊情況下也會進行局部氛圍營造。
 
高德地圖個人中心在春節期間,推出了拜年相關的版塊,以春節氛圍營造卡片設計,氛圍感十足。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
十二、營造底部標簽欄氛圍感
 
底部標簽欄圖標發揮是營造主題氛圍的最佳選擇之一,各大產品都會在這個區域進行設計發揮。
 
結合春節元素進行圖標設計,或者在背景層面突出氛圍等,設計表現形式非常多樣化。
如何巧妙的呈現龍年氛圍感
 
 
 
 
 
小結
 
營造龍年氛圍感的形式和案例非常多,這里僅選擇了小部分作為欣賞。希望可以拋磚引玉,和大家一起在體驗和積累中不斷進步。
 
作者:黑馬青年(vx: heimaux)
本文由 @黑馬青年 原創發布。未經許可,禁止轉載。
 


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTYxMDU5Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

設計規范全方位指南

博博

一、設計規范的目標?
首先需要明確設計規范的目標,也就是為什么建立設計規范,這里包括提高用戶體驗、降低開發成本、提高團隊協作斜率等。這些目標將為后續的規范制定提供方向。
還有就是大家都知道,在做項目時如果沒有明確的目標和價值,是很難推動的。
從混沌到有序:設計規范全方位指南
 
 
二、什么時候建立設計規范?
在項目全面進入ui設計之前,先設計幾個核心頁面的demo,確立整體的基礎規范和設計風格,把一些基礎的設計規范定義出來,例如命名、尺寸、間距、顏色、字體、核心控件等、這樣在開展設計的過程中保持一致性和統一性,當然,在項目設計過程中,UI設計規范也需要根據實際情況去調整補充。
從混沌到有序:設計規范全方位指南
 
 
三、設計規范具體要怎么做?
這里先講一些基礎通用的規范
3.1、間距
在間距部分我們需要把一些頁面間距、模塊間距、元素間距,這些要定義出來像我平時在工作中通常以8px作為基數,以此衍生出8、16、24、32、48、64
,這6個間距數值,完全能夠滿足絕大多數的使用場景。當然,針對信息較少的頁面也會使用到120、160、200...其他間距數值,例如缺省頁、登錄頁面等。出去這些特殊頁面,基本上通用的就上面那6個就足夠了
從混沌到有序:設計規范全方位指南
 
3.2、顏色規范
我們要先把主色調和輔助色,通常主色都是根據品牌形象和目標用戶的需求選擇。
拿在顏色的定義中需要注意以下幾點
1、使用色彩心理學:
根據不同的顏色和情感聯想,選擇適合的顏色來傳達品牌形象和用戶體驗。例如,藍色通常被認為具有專業、信任和穩定的感覺,而紅色則具有激情、活力和創新的聯想。
2、建立層次結構:
使用顏色的飽和度和明度來建立層次結構。將重要的設計元素設置為高飽和度和明亮的顏色,使其在頁面上突出顯示,而將次要的設計元素設置為低飽和度和較暗的顏色。
3、避免使用過多的顏色:
過多的顏色可能會使頁面顯得混亂和難以聚焦。在設計過程中,盡量使用有限的顏色組合,并且要避免使用過多的對比色或互補色。
從混沌到有序:設計規范全方位指南
 
3.3、文字規范
我們需要把字體、字號、顏色、行距、這些給定義清楚,有規律的大小字號更有利于閱讀,(另外要注意一些特殊字體的版權問題)常用的字體大小20px、24px、28px、32px、36px,44px,48px,且都是間隔4px,設計師需要根據具體場景去決定字體大小,以確保用戶能夠輕松閱讀和理解界面信息層級比重。
 
3.4、UI圖標規范
圖標是UI設計的重要組成部分,它可以使圖標看起來更加美觀、易用、統一和有吸引力。也傳達著整個UI視覺風格調性,和系統功能的作用。在圖標設計上一定要簡單清晰,定義規范時要對圖標的大小、圓角、線條粗細、等有明確的指示,在繪制的時候我們可以制定自己的
網格規范,以便參考。
從混沌到有序:設計規范全方位指南
 
 
3.5、按鈕
按鈕尺寸:
一般來說,按鈕的尺寸應該能夠適應不同的屏幕尺寸和分辨率,并且應該能夠突出顯示。
按鈕形狀:
應該具有清晰的輪廓和圓潤的邊角,圓角大小是多少
按鈕顏色:
按鈕的顏色應該與整體UI設計風格相協調,并且應該能夠突出主題和重點信息。一般主按鈕大多使用主題色。
按鈕文本:
按鈕的文本應該簡短明了,并且應該能夠清晰地表達按鈕的功能。還需要定義清楚按鈕中限制的字數。
按鈕內邊距:
按鈕的內邊距應該能夠擴大按鈕的可點擊范圍,并且應該能夠提高用戶點擊按鈕的準確性。需要考慮極限情況下,最小應該保持多少內邊距。
按鈕狀態:
按鈕的狀態應該能夠表達按鈕的狀態和功能。一般來說,按鈕的狀態包括正常狀態、點擊狀態等。
從混沌到有序:設計規范全方位指南



作者:考思考
來源:站酷

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

產品體驗改版應該這樣做!

前端達人

前言

hi 大家好,最近忙里偷閑,對過去在團隊中主導的一次產品改版進行了深入的梳理。現在,來和大家分享這次改版的思路和方法,以及我是如何逐步推動整個過程的。
在這次改版中,我運用了一系列的方法論和思路,以確保我們能夠更好地滿足用戶需求和市場趨勢。同時,我也遇到了一些挑戰和困難,但通過不斷嘗試和調整,我們最終成功地完成了改版。
文章內容較長,但相信耐心閱讀后,你一定會有所收獲。希望通過我的經驗總結能夠為大家提供一些啟示和幫助,讓我們在未來的工作中更加順利和高效。
我將拆分為六個階段:1.準備、2.探索、3.收攏、4.制定、5.執行、6.成果對大家理解整個流程會更加清晰一些。

 

壹、準備

在執行前我們要做好哪些準備工作呢?并能有效幫助我們提前規避一些問題,且更有序順利的推進項目,通過后續項目復盤我大概總結了以下三個比較核心點:1.編寫SOP文檔、2.明確參與人員、3.制定執行策略。

 

一、編寫SOP文檔

更重要的是明確執行流程,提高工作效率,它能夠清晰地展示整個執行過程,讓協作者更容易理解和掌握執行步驟,一份詳情的SOP大綱可以減少在執行過程中犯錯概率,我們可以通過它明確規劃過程或任務應該如何執行,包括具體的步驟、方法、所需材料和注意事項等。這有助于我們在執行過程中更好掌握方向避免失焦。

二、明確參與人員

在執行前需要明確參與到整個流程中的角色,我將參與人員分為了兩類,固定參與非固定可調配,正如詞意固定參與人員指的是在整個流程中起到主要作用,需要長期緊密協作的人員,比如方案制定者、設計師、PM、開發人員等。而非固定可調配人員則是在特定情況下才參與的人員,在項目中起到輔助作用,比如協助進行訪談或上機測試、通過調用內部團隊資源組織虛擬小組進行用戶體驗研究的協調員等。不同的人員在流程中扮演不同的角色和承擔不同的職責,總之可以將自己當作成這個項目中的Owner所有事物都由你來制定。

例如1:方案產出后可以邀請公司一線同學,進行測試以驗證方案是否解決了用戶痛點和方案完整度。通過收集反饋數據可以評估方案的效果和可行性,從而進行調整和優化,較多個維度度量。
例如2:當需要進行頭腦風暴或其他研究時可以調用內部團隊資源,通過組織虛擬小組的方式進行。這樣可以方便我們了解不同用戶的反饋聲音,使我們更加精準找到方向,提高工作效率。

三、制定執行策略

在執行時需要明確具體的執行策略和計劃以確保能夠按時按質地完成計劃,根據目標和范圍、資源和時間等因素,制定具體的執行策略包括任務分解時間表負責人等核心價值觀要做到“試試有回應,件件有著落”。

在制定執行策略計劃排期時,我總結了五個注意事項:

  1. 任務分解要具體、明確,包括具體的任務名稱、工作內容、完成標準等信息。
  2. 時間節點要合理、緊湊,確保任務能夠按時完成。
  3. 負責人要明確,并分配合理的工作量和職責。
  4. 風險和問題的預測要全面、準確,并制定相應的應對措施。
  5. 調整和優化要及時、靈活,根據實際情況進行調優。

總之,制定執行策略計劃排期是項目或任務成功執行的關鍵之一。通過合理的任務分解、時間節點安排和負責人分配等措施,可以更好地規劃和管理項目或任務的執行過程,確保按時、按質地完成。
小結:以上是我對項目改版前期準備工作總結的心得,做足前期準備工作,可以確保項目改版的方向更加明確,團隊之間的合作更加順暢,從而為后續的執行和推進奠定有利的基礎

 

貳、探索

在探索階段制定明確的策略是至關重要的,以確保能夠有效地深入洞察問題并識別出產品中存在的“體驗問題”“用戶需求”。以下是我制定的策略:

 

一、體驗層策略
體驗層將通過A.可用性測試B. 數據分析C.競品分析三大板塊進行深入洞察,并識別出產品存在的體驗問題。

 

A. 可用性測試:

通過小規模的可用性測試,邀請目標用戶參與,以觀察他們如何與產品進行交互。通過這種方式,可以發現用戶在操作過程中的問題、困擾和需求。對于可性測試網上有很多介紹以及使用方法,這里我就不過多展開講解了,簡單總結一些我在使用過程中制定的流程和方法。

  1. 組織虛擬小組:因為可用性測試需要大量的樣本的數據支撐,我們可以調動內部團隊資源組建成2人一組或3人一組小團隊,并分配角色和職責如:觀察員,記錄員等。分別進行觀察用戶上機測試。
  2. 確定測試目的:明確測試的目標,是為了評估產品的可用性、找出問題、改進設計等。
  3. 選擇測試對象:可以邀請公司內部具有代表性的用戶(外部用戶邀請不到情況下)需要考慮不同的用戶類型、背景和需求,以便更全面地評估產品的可用性。
  4. 制定測試任務:根據產品的特點和用戶需求,設計產品核心關鍵操作任務,包括對產品界面的瀏覽、功能的使用、信息的搜索等,最好是可以通過和PM共創共同制定,以免走錯方向。
  5. 準備測試環境:選擇合適的測試場所如公司會議室,辦室,確保測試過程中不會受到干擾和影響,同時準備好測試所需的所有設備和記錄工具。
  6. 用戶上機測試:讓用戶在測試環境中完成預設的任務,觀察員和開發人員在一旁觀察、記錄和分析用戶的行為、反應和反饋。
  7. 體驗問題分類:可將問題分為6大類(功能問題、性能問題、技術異常、布局框架、操作交互、視覺問題)
  8. 體驗問題定級:可將問題分為4個等級來評估問題的重要程度(致命、嚴重、一般、輕微)。
  9. 分析結果總結:根據觀察和記錄的結果最后進行匯總,對產品進行分析找出問題和改進點。

在可用性測試中,我總結了四個注意事項:

  1. 選取適當的樣本:樣本應該具有代表性,能夠涵蓋不同的用戶類型和需求,以便更全面地評估產品的可用性。
  2. 設計合理的任務:任務應該與產品的實際使用場景和用戶需求相關,同時考慮不同用戶的能力和偏好。
  3. 舒適的測試環境:測試環境應該舒適、安靜、無干擾,以減少用戶的不安和壓力,同時提供必要的設備和工具。
  4. 觀察用戶的行為:觀察員應仔細觀察和分析用戶的行為、反應和反饋,以便更準確地了解產品的問題所在。

B. 數據分析:
通過CSM團隊對企業產品購買數據的分析,可以更直觀的看到企業在購買過程的問題和機會,從而挖掘企業對產品的訴求最后將數據進行過濾抽取有效信息轉化為用戶需求,幫助我們明確產品體驗優化范圍和與競品拉開差異化機會點,從而更準確地解決用戶在使用過程中遇到的問題。

 

在提煉產品問題和用戶需求時,我們可以從以下四個維度進行提煉,便于更加準確性的判斷問題的根源:

  1. 使用場景卡點:用戶在使用產品遇到的具體問題和難點,我們可以針對性地解決用戶在使用過程中遇到的實際問題,提高用戶的使用體驗。
  2. 核心使用場景:用戶使用產品核心場景和目的,通過了解核心使用場景,我們可以更好地理解用戶的需求和痛點,并針對性地提供解決方案。
  3. 產品核心功能:產品或服務的主要功能和特點,我們還可以了解用戶對產品核心功能的認知和滿意度,發現潛在的問題和機會。
  4. 客戶產品訴求:用戶對產品期望和訴求,并針對性地提供解決方案。我們還可以了解用戶對產品價值的認知和期望,為產品的定位和營銷策略提供參考。

總之,通過從使用場景卡點、核心使用場景、產品核心功能和客戶產品訴求這四個維度進行提煉和分析,我們可以更加準確性和全面性地了解用戶需求和痛點,為體驗升級、開發、功能優化等提供重要的參考依據和支持。

 

C. 競品分析:

競品分析有很多方法,這里我采用的是“用戶路徑分析法”通過觀察和了解競品的功能使用情況,分析競品的業務模式、用戶體驗和視覺呈現,從而發現機會點并形成差異化。在進行競品分析前選擇分析對象很是非常關鍵之一,我們可以從兩個維度“使用頻率、市場規模”進行選擇合適的競對產品。

  1. 使用頻率:這個維度關注的是競品的使用頻率,即用戶與競品交互的頻率。通過了解競品的使用頻率,我們可以更好地理解用戶對競品的依賴程度,以及競品在市場中的活躍度和影響力。在選擇競品時,選擇那些使用頻率較高的產品可以更好地了解用戶的需求和行為,從而發現更多的機會點。
  2. 市場規模:這個維度關注的是競品的市場規模,即競品在市場中的銷售量和影響力。通過了解市場規模,我們可以更好地了解競品的競爭地位和市場占有率。在選擇競品時,選擇那些市場規模較大、具有代表性的產品可以更好地了解市場的需求和趨勢,從而發現更多的機會點。

在進行競品分析過程中,我總結了兩個方法可以幫助我們更有效的了解到競品信息:

  1. 通過銷售代表進行訪談:銷售代表是直接與客戶溝通的人員,他們非常了解客戶對產品的需求和反饋,并且在介紹產品時也會提及其他競品。通過與銷售代表進行訪談,我們可以了解到市場對競品的反饋和評價,從而更好地選擇合適的競品對象。
  2. 從企業軟件購買量中抽樣:這種方法可以幫助我們找到那些被廣泛使用并且具有代表性的競品。通過了解企業軟件購買量,我們可以選擇那些在市場中占據較大份額的競品進行分析,從而確保我們選擇的競品對象是符合分析需求的。

總之,選擇合適的競品對象是進行競品分析的關鍵之一。通過使用“使用頻率”和“市場規模”兩個維度來選擇競品對象,可以幫助我們更好地了解市場和用戶需求,發現更多的機會點并形成差異化。同時,參考銷售代表的反饋和從企業軟件購買量中抽樣也是選擇合適競品對象的可靠方法。

 

二、用戶層策略

用戶層將通過A.用戶訪談B.用戶旅程圖兩大板塊進行深入洞察,識別出產品存在的體驗問題,從而針對性地優化產品體驗。

 

A. 用戶訪談:
通過現場對用戶one one形式進行訪談了解用戶需求和反饋,通過與用戶進行交流深入了解用戶在使用產品或服務過程中的感受、需求、痛點和期望。最后我們對用戶反饋的問題進行梳理、分析和腦暴,洞察出產品功能及服務優化方向。網上有很多關于用戶訪談使用介紹這里就不過多介紹了,簡單總結了一些我在使用過程中制定的流程和方法。

在進行用戶訪談時我總結了七個心得,可以幫助我們在執行時更好的開展。

  1. 確定訪談目標:在開始訪談前,需要明確訪談的目標和目的,以確保訪談的順利進行和結果的可靠性。
  2. 選擇合適的受訪對象:選擇具有代表性的用戶作為受訪者,可以更好地了解用戶的需求和反饋。
  3. 準備訪談提綱:根據訪談的目標和目的,準備一份訪談提綱,包括要探討的主題、問題列表等。
  4. 舒適的氛圍:在訪談過程中,要營造一個舒適、輕松的氛圍,以使受訪者能夠自由地表達自己的想法和意見。
  5. 關注用戶需求:在訪談過程中,要關注用戶的需求和痛點,了解用戶對產品的期望和要求。
  6. 避免引導性問題:在訪談過程中,要避免提出引導性的問題,以避免影響受訪者的回答。
  7. 記錄和分析訪談結果:在訪談結束后,要及時記錄和分析訪談結果,整理受訪者的意見和建議,以幫助我們了解用戶需求和反饋,針對性地優化產品體驗和服務。

總之,用戶訪談是一種非常有效的了解用戶需求和反饋的方法,可以幫助我們更好地了解用戶的需求和痛點,針對性地優化打磨產品體驗和服務。

 

B. 用戶旅程圖:
通過用戶訪談得出來數據結果,我們將采用繪制用戶旅程圖方式,可以更全面地了解用戶在使用產品或服務的過程中所經歷的流程和步驟,以及用戶的觸點、行為、痛點、爽點以及內心OS等元素。通過將用戶旅程圖與用戶訪談得出的數據進行結合,我們可以更有效地識別出用戶在使用過程中問題暴露最多的環節從而針對性地優化產品體驗

在繪制用戶旅程圖時,我總結了五個注意事項可以幫助我們在繪制時更準確:

  1. 確定用戶旅程圖范圍和目標:在繪制用戶旅程圖前,我們需要明確用戶旅程圖的范圍和目標,例如要繪制的是整個產品的用戶旅程圖還是某個具體功能的用戶旅程圖。
  2. 收集用戶數據:通過用戶訪談、調查問卷、觀察用戶行為等方式收集用戶在使用產品體驗過程中的數據。
  3. 繪制用戶旅程圖:根據收集到的數據,將用戶在使用產品體驗的過程中的觸點、行為、痛點、爽點以及內心OS等元素以圖形化的方式呈現出來。
  4. 分析用戶旅程圖:通過分析用戶旅程圖,可以發現用戶在使用產品體驗過程中存在的問題和需求,從而針對性地優化產品體驗。
  5. 多角色泳道圖:在B端業務中,由于涉及多個角色的交互和觸發任務,因此多角色泳道圖是一個非常有效體現用戶鏈路的,可以幫助我們更好地了解用戶的使用行為。

總之,通過繪制用戶旅程圖,我們可以更全面地了解用戶在使用產品體驗過程中所經歷的流程和步驟,結合用戶訪談得出的數據,可以更有效地識別出用戶使用的卡點和產品體驗問題,從而針對性地優化產品體驗。

 

三、探索結果總結

我們通過前期的“體驗層和用戶層”分析結果提取關鍵性問題,并與業務方共創、分析、量化當前版本中存在的體驗問題,且達成共識共同制定本次產品改版優化目標

總之,在梳理調研結果問題過程中,我們可以以制定優化目標形式進行總結,這樣可以幫助后續在制定產品體驗優化目標和設計策略時會更加聚焦問題避免走偏方向。
小結:在探索階段,通過體驗層和用戶層分析以及其他方法和工具的應用,我們可以更全面地了解用戶需求和反饋,明確產品改版的優化目標,為后續的產品設計和開發提供有力的指導和支持。

 

叁、收攏

通過前期的產品體驗分析,將制定五個方面的產品體驗優化目標,分別為:業務目標、產品目標、用戶目標、體驗目標和設計目標,可以幫助我們更好地與業務側進行共創,明確本次產品體驗優化的范圍和重點。同時,這些目標也可以幫助我們后續更好地度量產品的優化提升效果。

總之,在制定產品體驗優化目標時需要確保每個目標都是具體可衡量可實現的,并且與業務需求和用戶需求保持一致。同時,還需要根據產品的實際情況和優先級,確定哪些目標是必須達成的,哪些目標是后續通過迭代逐步達成的。這樣可以更好地明確工作量,使我們在改版過程更加聚焦優化方向。
在制定產品改版目標時,我總結了四個注意事項可以幫助我們在制定時提前規避一些問題:

  1. 業務目標:是與業務需求和KPI\ORK相關的目標,如提高用戶活躍度、增加訂單量等。這些目標通常是公司或團隊關注的重點,也是產品體驗優化的基礎。在制定業務目標時,需要與業務側進行充分溝通和討論,確保目標與業務需求保持一致。
  2. 產品目標:是與產品功能和特性相關的目標,如增加新功能、優化產品架構等。這些目標可以幫助我們更好地完善和迭代產品,提高產品的質量和競爭力。在制定產品目標時,需要考慮產品的整體架構和功能特性,確保目標與產品的發展方向保持一致。
  3. 用戶目標:是與用戶需求和反饋相關的目標,如提高用戶滿意度、解決用戶痛點等。這些目標可以幫助我們更好地了解用戶需求和反饋,從而針對性地優化產品體驗。在制定用戶目標時,需要深入了解用戶的需求和反饋,并結合用戶體驗調研數據進行制定。
  4. 體驗目標:是與用戶體驗和交互設計相關的目標,如提高操作的流暢度、優化界面設計等。這些目標可以幫助我們提高產品的用戶體驗和交互效果,從而使用戶更加愿意使用產品。在制定體驗目標時,需要結合用戶體驗數據和用戶訪談結果進行制定。
  5. 設計目標:是與產品設計和技術實現相關的目標,如優化視覺質感、提高任務成功率等。這些目標可以幫助我們更好地實現產品的設計和開發,提高產品的質量和體驗。在制定設計目標時,需要考慮設計的可行性和技術實現的可能性,確保目標能夠得以順利實現。

小結:在制定共同目標時,需要與相關人員進行清晰、明確的溝通,確保每個目標的具體達成結果和每個人的職責都得到明確。這樣可以避免誤解和混淆,確保參與人員能夠準確、高效地推進項目。

 

肆、制定

通過前期分析的結論并制定改版策略,主要圍繞兩個方面:1、用戶需求分類:針對用戶反饋的需求進行過濾,并將功能定性和優先級排序2、制定設計策略:根據用戶需求和業務目標及產品目標,制定相應的設計策略,設計策略需確保與用戶需求和業務目標及產品目標保持一致。通過用戶需求過濾、制定設計策略、明確工作范圍、制定開發計劃以及產品迭代優化策略,我們可以更好地明確工作范圍和推進項目。同時也可以確保項目的順利進行。以下是我制定策略使用的方法:

 

一、用戶需求分類

在前期針對用戶訪談和CRM人員提出的用戶需求轉化為問卷,并使用KANO模型進行需求分類和優先級排序,可以幫助我們更好地了解用戶對產品的關注點和期望,明確后續優化時需要重點解決的用戶痛點。這樣做有助于提高產品的質量和競爭力,并更準確地滿足用戶的需求。

我們通過KANO模型,將用戶需求分為基本需求、期望需求和魅力需求。基本需求是用戶認為產品必須具備的需求,需要與PM達成共識確保這些需求得到正確實現并且不能出現問題。期望需求是用戶認為產品應該具備的需求,需要在產品改版過程中實現這些需求以增加用戶的滿意度。魅力需求是用戶沒有預料到的需求,可以在產品中適當的實現這些需求可以增加用戶的滿意度和口碑。

總之,KANO模型是一個非常好用的工具,不僅可以幫助我們更好地了解用戶的需求和期望,還可以用于日常工作對PM提出的需求進行甄別,明確屬于哪一類需求,從而更好地滿足用戶的需求并提高產品的質量和競爭力。此外,KANO模型還可以用于產品策劃、運營策略制定、市場營銷等領域,可以幫助團隊更好地了解用戶需求和痛點,從而制定更精準的策略和措施。

 

二、制定設計策略

制定設計策略是產品改版開發過程中非常重要的一環,可以幫助我們明確設計方向和目標,并制定相應的策略來實現這些目標。通過前期的調研將基于GSM+UES模型制定設計目標與策略,可以更準確地滿足用戶需求和業務目標及產品目標,并且與調研的結論形成閉環。同時,與業務方進行共創達成目標一致也是非常重要的。我們需要與業務方進行充分的溝通和討論,確保設計策略與業務目標保持一致,同時也能更好地理解業務方的需求和痛點,為產品的改版提供更貼合實際需求的解決方案。

總之,制定設計策略需要充分考慮用戶需求、業務目標、產品目標、產品發展趨勢等因素,并與業務方進行充分的溝通和共創,以確保設計策略的可行性和有效性。同時,也需要根據實際的設計結果和用戶反饋來不斷調整和優化設計策略,提高產品的用戶體驗和質量。
小結:在進行用戶需求分類和制定設計策略的過程中,需要充分地與團隊成員進行溝通和討論,以便更好地理解用戶需求和業務目標,并制定相應的設計策略。同時,也需要確保團隊成員對設計策略的理解和共識,以避免設計方向失焦。在與團隊成員進行溝通和討論時,可以采用多種方式,如會議、討論組、頭腦風暴等,以便充分發揮團隊的智慧和創造力。同時,也需要保持開放的心態,積極聽取不同觀點和建議,并對問題進行深入的分析和探討,以找到更優的解決方案。

 

伍、執行

在執行階段,通過方案探索設計方案產出兩個方面來進行方案設計和可行性驗證。在執行這兩個方面的工作時,團隊需要保持緊密的合作和溝通,以確保設計方案的一致性和可行性。同時,團隊還需要不斷地與業務方和技術團隊進行溝通和討論,以確保設計方案能夠得到有效的實現。

 

一、方案探索

方案探索將通過A.競品框架分析B. 探索方案產出C.MVP方案驗證三大板塊進行方案探索,并確保方案的可實現性和有效性。

 

A. 競品框架分析:

在方案設計前我們需要對競品框架布局進行分析可以幫助我們更好地了解市場需求和用戶行為從而更好地指導我們的產品改版方案設計通過對競品框架布局的分析我們可以了解到用戶使用頻率較高的競品是如何布局功能的以及它們的操作路徑和交互設計。這些信息可以為我們提供有力的參考,幫助我們在設計改版方案時更好地聚焦方向優化框架布局提高產品的用戶體驗和基礎體驗。此外,通過對競品的分析,我們還可以了解競品的優勢和不足之處,從而更好地改進自己的產品。我們可以借鑒競品的優點,同時也可以針對競品的不足之處進行改進,使自己的產品更加符合用戶需求和市場需求。

分析完競品框架后,還需要進行框架的優缺點對比,這里將通過統一性,邏輯性,可拓展性,可預測性4個維度進行對競品框架分析,得出它們的優缺點有都有哪些,通過最后結論可以定位我們產品框架布局方向。

通過前面競品框架分析和優缺點對比后,我們需要回顧一下是否符合我們的目標,并且衡量新框架可以解決可用性測試出來的體驗問題的數量,同時也需要衡量新框架與目標的匹配程度

在競品框架分析中,我總結了三點經驗:

  1. 首先,我們需要確保新的框架設計能夠滿足我們的目標。我們的目標可能包括提高用戶體驗、增加用戶滿意度、優化操作流程等。通過對比競品和分析優缺點,我們可以初步確定新的框架設計是否符合這些目標。
  2. 其次,我們需要度量新框架可以解決多少個可用性測試出來的體驗問題。可用性測試可以幫助我們發現用戶在使用產品過程中遇到的問題和困難,而這些問題和困難往往直接影響到用戶體驗和產品滿意度。如果新的框架設計可以解決這些問題,那么它可能會帶來更好的用戶體驗和產品滿意度。
  3. 最后,我們還需要衡量新框架與目標的匹配度。即使新的框架設計符合目標,并且可以解決一些可用性測試出來的體驗問題,但我們還需要確保它與目標完全匹配。換句話說,我們需要確保新的框架設計可以最大程度地滿足我們的目標,并且能夠帶來更好的用戶體驗和產品滿意度。

總之,在進行競品框架分析和優缺點對比后,我們需要回顧一下是否符合我們的目標,并且衡量新框架可以解決可用性測試出來的體驗問題的數量,以及新框架與目標的匹配程度。這些步驟可以幫助我們更好地評估新的框架設計是否可行和有效。

 

B. 探索方案產出:

結合著前期的調研與分析將結論融入到產品方案設計中,1、需要圍繞現有產品的基礎功能和用戶期望的需求進行設計。這意味著需要考慮到產品的現有功能以及用戶對產品的期望和需求從而制定相應的設計方案2、需要明確新框架的用戶核心關鍵路徑。這意味著需要了解用戶在使用產品時的主要任務和操作流程并確定新框架如何引導用戶完成這些任務和流程。通過明確用戶核心關鍵路徑可以更好地優化框架布局和功能設計。3、需要以高保真原型的質量產出方案高保真原型可以幫助我們更好地模擬產品的實際使用場景和用戶體驗,從而更好地評估方案的可行性和有效性,為后續做方案驗證做準備。

總之,結合前期的調研和分析將結論融入到產品方案設計中是非常重要的步驟,可以幫助我們更好地指導方案設計。我們需要圍繞現有產品的基礎功能和用戶期望的需求進行設計,明確新框架的用戶核心關鍵路徑,并以高保真原型的質量產出方案,為后續的方案驗證做好準備。這樣可以確保我們的設計方案更加貼近用戶需求和市場趨勢,提高產品質量和優勢。

 

C. MVP方案驗證:

MVP方案驗證是產品改版方案的關鍵步驟,它旨在確保產品改版方案在實際操作中可行和方案落地有效支撐,并能夠滿足用戶需求和解決產品可用性測試體驗問題。

在開始前我們還需要準備一些前期工作:

  1. 需要編寫一個標準操作流程(SOP)文檔詳細描述方案驗證的所有步驟和操作指南。這包括測試目的、測試人員招募、測試環境、測試數據、測試步驟、結果記錄等。這個文檔將作為整個驗證過程的指導和操作手冊。
  2. 需要準備所有必要的材料和資源,包括測試目的、測試人員招募計劃、測試環境搭建、測試數據準備、訪談問卷設計等。
  3. 在方案驗證前,需要與業務方討論并明確改版后產品的用戶核心操作路徑。這可以幫助我們更好地了解用戶需求和產品使用場景,以便在方案驗證過程中驗證這些核心操作路徑是否符合用戶期望和業務需求。
  4. 需要將方案制作成可操作的Demo,以便在現場訪談中觀察用戶操作情況,驗證方案的可行性和可落地性。Demo應該盡可能地模擬真實的使用場景和用戶體驗,以便更好地評估方案的可行性和有效性。
  5. 在準備好Demo后,需要邀請目標用戶進行現場訪談,觀察他們在實際操作中的表現和反饋。通過觀察用戶的操作過程和反饋,我們可以驗證方案的可行性和可落地性,并明確產品改進的方向。
  6. 在訪談結束后,需要對用戶的反饋和操作問題進行整理和分析。針對這些問題,我們需要進行深入的討論和研究,列出問題優先級并逐個解決。
  7. 最后,根據測試結果和問題討論的結果,需要明確結論,評估方案的可行性和可落地性。如果方案存在不可行或不可落地的問題,我們需要及時調整方案并進行再次驗證;如果方案可行且可落地,我們可以進入下一階段的產品開發。

在MVP方案驗證結束后,根據測試結果和問題討論的結果,我們可以通過以下三個維度“可用性測試問題解決覆蓋率、用戶體驗提升比、產品體驗評分”來度量新舊版本產品體驗提升效果,并且和前期洞察產品體驗問題結論形成閉環,(強調一下:這里的數據不是憑空捏造而是前期我們給自己挖的坑,在執行階段時需要我們一點一點填補上前期挖的坑,可以理解為是一環套一環的思路哈!數據驗證指標可以在前期共同討論設定的,不僅限于此!)。

以下是我對MVP方案驗證的理解和總結:
MVP方案驗證的核心目的是什么?
MVP方案驗證的核心目的是驗證產品改版方案是否符合用戶需求、是否能夠解決可用性測試體驗問題,以及是否能夠在實際操作中可行。通過MVP方案驗證,我們可以了解用戶對產品的反饋和評價,驗證產品方案的可行性和有效性,并及時發現和解決問題,確保產品改版的成功。
MVP方案驗證的六個步驟:

  1. 準備MVP方案:在開始MVP方案驗證之前,我們需要準備好MVP方案,包括產品改版的具體設計、功能實現操作demo、操作流程等。
  2. 招募測試用戶:為了獲得真實的用戶反饋和評價,我們需要招募一定數量的測試用戶,這些用戶應該是我們的目標用戶或者是相關領域的專家,以便更好地代表用戶群體的意見和需求。
  3. 設計測試場景和任務:根據產品改版方案和用戶需求,我們需要設計相應的測試場景和任務,以便在測試中模擬真實的使用情況,讓用戶在模擬的環境中進行操作和體驗。
  4. 進行測試并收集用戶反饋:在測試環境中,讓測試用戶按照設計的場景和任務進行操作,并收集他們的反饋和評價。這些反饋和評價可以包括用戶對產品的使用感受、操作流程是否順暢、功能是否滿足需求等。
  5. 分析測試結果并解決問題:根據收集到的用戶反饋和評價,我們需要對測試結果進行分析,找出產品改版方案中存在的問題和不足之處。針對這些問題,我們需要及時進行修正和完善,確保產品改版方案的可行性和有效性。
  6. 重復驗證:在修正和完善產品改版方案后,我們需要再次進行MVP方案驗證,以確保問題已經得到解決并且方案符合用戶需求。重復驗證是MVP方案驗證的重要環節,以確保產品改版的成功。

總之,MVP方案驗證是產品改版的關鍵步驟之一,它旨在驗證產品改版方案是否符合用戶需求、是否能夠解決可用性測試體驗問題、是否能夠在實際操作中可行。通過MVP方案驗證,我們可以及時發現和解決問題,確保產品改版的成功。

 

二、設計方案產出

在設計方案產出階段將通過A.探索設計風格B. 明確設計方向C.視覺風格提案三方面進行方案的設計,并確保方案的設計質量和可落地性。

 

A. 探索設計風格:

在開始設計方案之前,首先需要探索和了解產品的設計風格和定位。這涉及對目標用戶的研究、市場趨勢的洞察,以及競爭對手的分析等。通過了解用戶的需求、喜好和行為模式,以及市場上的成功案例,可以初步確定產品的設計風格和基調。

我們可以通過虛擬小組分頭進行風格探索,集思廣益,從多個角度和思路出發,尋找和探索適合的設計風格。而將分析結論整合,結合情緒板聚焦改版設計風格方向,則可以將這些探索結果進行整合和提煉,明確設計方向,確保方案的可落地性。
具體來說,這個過程可以包括以下步驟:

  1. 組建虛擬小組:將團隊成員分成幾個虛擬小組,每個小組負責探索不同的設計風格。
  2. 分頭進行風格探索:每個虛擬小組可以通過調研、討論、嘗試等方式,探索不同的設計風格,包括色彩、排版、元素、交互方式等。
  3. 收集和分析數據:每個小組收集和分析相關數據,了解用戶對不同設計風格的反應和喜好。
  4. 整合分析結論:將各個小組的分析結論進行整合,了解用戶對不同設計風格的偏好和需求。
  5. 結合情緒板聚焦改版設計風格方向:根據整合后的分析結論,結合情緒板確定改版設計風格的方向。
  6. 設計方案產出:根據確定的設計風格方向,進行方案的設計和產出,確保方案的可落地性。

 

B. 明確設計方向:

在了解了設計風格的基礎上,需要進一步明確設計方向。這包括確定產品的整體設計思路、核心理念和關鍵元素等。這個階段需要我們根據前期收集到的用戶反饋和市場信息,結合設計專業知識和經驗,提出具體的設計方案和實施計劃。

比如我們定義了以下三個體驗優化策略:
1、STEP 01 簡化功能模塊。
將方案中的功能進行梳理和整合,去除不必要或冗余的功能,只保留核心和關鍵的功能,以降低實現的復雜度和成本,并提高用戶的使用體驗。

a.功能梳理:對方案中的所有功能進行梳理和分類,了解每個功能的作用和重要性。

b.功能整合:將相似或相關的功能進行整合,去除重復或冗余的功能,只保留必要的功能。

c.功能優先級排序:根據功能的重要性和用戶需求,對保留的功能進行優先級排序,確定核心功能和次要功能。

d.設計簡化方案:根據功能優先級排序結果,設計簡化后的方案,確保只包含核心和關鍵的功能。

e.評估與驗證:對簡化后的方案進行評估和驗證,確保其滿足用戶需求和業務目標。

 

2、STEP 02 減少信息干擾。
信息干擾通常是指設計元素、顏色、字體、布局等對用戶注意力的分散和干擾,它可能會影響用戶對產品信息的理解和使用。

a.精簡設計元素:在設計方案中,盡量減少不必要的裝飾和設計元素,保持界面的簡潔和清晰。

b.突出核心信息:通過調整字體大小、顏色、位置等方式,突出顯示核心信息,引導用戶關注重點內容。

c.一致性的設計語言:在整個產品中,保持設計元素的統一和一致性,避免因設計風格的差異而造成用戶的困惑。

d.合理利用空白:通過適當的空白和留白,營造出簡潔、清晰的視覺效果,減少信息干擾。

 

3、STEP 03 縮短操作路徑。
操作路徑是指用戶完成某項任務所需經過的步驟和流程。如果操作路徑過長,用戶可能會感到繁瑣和不便,從而影響產品的使用體驗。

a.減少操作步驟:優化產品設計,盡可能減少用戶完成某項任務所需的步驟和操作。例如,通過整合多個功能或簡化操作流程,減少用戶需要點擊或輸入的次數。

b.整合功能:將相關功能進行整合,減少用戶在不同頁面或模塊之間的跳轉。例如,將多個相關功能放在同一個頁面或模塊中,方便用戶一次性完成多個操作。

c.提供快捷方式:為用戶提供快捷方式或快速入口,使其能夠更快地到達目標頁面或完成特定操作。例如,通過添加快捷菜單或按鈕,使用戶能夠快速找到所需的功能或信息。

d.優化導航結構:優化產品導航結構,使用戶能夠更輕松地瀏覽和查找所需的內容。例如,通過設計清晰的菜單結構和標簽頁布局,使用戶能夠快速找到所需的信息或功能。

 

C. 視覺風格提案:

在明確了設計方向后,需要明確改版風格關鍵詞,結合映射出的關鍵詞制定視覺風格提案。這個階段需要設計師根據產品的定位和目標用戶的需求,制定出符合設計方向的視覺元素和風格。視覺風格提案需要包括顏色、字體、圖片、布局等方面的具體建議,以便讓用戶在第一時間感受到產品的特點和風格。

通過提取產品中的核心關鍵界面,進行風格的嘗試和設計探索并圍繞“輕量、沉浸、高效”的原則進行設計。同時,與業務方共創明確設計方案風格方向,可以提高產品的用戶體驗和可用性,為推動產品改版成功打下堅實的基礎。

在這個過程中,我們可以采取以下步驟:

  1. 確定核心關鍵界面:首先,我們需要確定產品中的核心關鍵界面,這些界面通常是用戶使用頻率較高、對產品體驗影響較大的頁面。
  2. 風格嘗試:針對每個核心關鍵界面,我們可以進行多種風格的嘗試,包括色彩、排版、圖標、交互方式等。通過對比不同風格的呈現效果,我們可以找到最適合的界面風格。
  3. 設計探索:在確定風格后,我們可以在核心關鍵界面上進行設計探索,嘗試不同的布局、交互方式和視覺效果。在這個過程中,我們需要注重輕量、沉浸和高效的設計原則,確保用戶能夠快速、輕松地完成任務。
  4. 試錯打磨:通過試錯的方式,我們可以不斷調整和優化設計方案,找到最優的呈現樣式。在這個過程中,我們需要不斷收集用戶反饋和評估效果,以便及時調整設計方案。
  5. 與業務方共創:與業務方共創設計方案風格方向是非常重要的。業務方通常更了解產品的業務需求和用戶需求,他們的意見和建議可以幫助我們更好地滿足用戶需求和提高產品的可用性。

小結:在風格嘗試階段,可以大膽地探索不同的設計風格,不必過于考慮產品業務的約束,這樣可以讓我們尋找到最佳的設計方案。同時,試錯打磨也是一個重要的步驟,通過不斷地嘗試和調整,我們可以提高設計的質量和效果。最后,及時與業務方進行溝通和同步是非常關鍵的,以確保我們的設計方向與產品業務需求保持一致。只有這樣,我們才能確保方案的可落地性和產品的成功改版。

 

陸、結果

最后,我們需要制定兩個標準分別為:設計目標度量標準,產品上線打分標準,可以通過這兩個標準對設計方案進行量化和評估確保其符合前期制定的目標并具有完整性和可落地性。同時,我們也可以及時發現和解決潛在的問題和挑戰,為產品的成功上線提供有力保障。

 

A. 設計目標度量:

設計目標度量是驗證設計方案是否符合前期制定目標的關鍵步驟。我們可以通過灰度測試版本中進行度量,確保設計方案能夠在實際操作中可行并能夠滿足用戶需求。
我們可以根據前期制定的設計目標,制定具體的度量標準,包括功能可用性、用戶體驗、性能等方面。將灰度測試版本提供給一小部分合作企業,收集他們的反饋和數據,對設計方案進行實際驗證。對收集到的數據進行分析和評估,包括用戶使用行為、錯誤率、性能指標等,以了解設計方案在實際操作中的表現。根據數據分析結果,對設計方案進行必要的調整和優化,確保其能夠更好地滿足用戶需求和提高產品性能。

在制定設計目標度量標準時,我們可以考慮以下幾個方面:

  1. 功能性:評估設計方案是否滿足用戶需求和產品目標,是否涵蓋了所有關鍵功能和界面。
  2. 可用性:評估設計方案是否符合用戶的使用習慣和需求,是否能夠提高產品的易用性和用戶體驗。
  3. 視覺設計:評估設計方案中的視覺元素是否符合產品風格和品牌形象,是否具有吸引力和美感。
  4. 交互設計:評估設計方案中的交互流程是否流暢、自然,是否能夠引導用戶完成操作任務。
  5. 性能響應速度:評估設計方案是否能夠在不同設備和網絡環境下保持快速的響應速度。

B. 產品上線打分標準:

產品上線打分標準是一個用于評估產品上線效果和質量的量化指標體系。根據打分結果評估產品的上線效果和質量。需要注意的是,具體的打分標準和權重可以根據實際情況進行調整和優化。同時,在產品上線后,還需要持續關注產品的運行情況和用戶反饋,及時發現和解決潛在的問題和挑戰,為產品的持續改進和優化提供有力保障。

以下是制定一個打分標準范圍參考示例:

  1. 功能完整性:評估產品是否涵蓋了所有關鍵功能和界面,是否滿足用戶需求和產品目標。
  2. 用戶體驗:評估產品的易用性、交互流程、視覺設計等方面是否符合用戶的使用習慣和需求。
  3. 視覺語言:一致的設計語言、度量設計方案需遵循了標準化組件規范、色彩、彈框、圓角、間距、陰影等。
  4. 性能穩定性:評估產品在上線后的運行穩定性和響應速度,是否能夠保持高效的運行效率。
  5. 創新性:評估產品是否具有創新性和前瞻性,是否能夠引領產品的發展趨勢并提高產品的競爭力。
  6. 用戶反饋:評估用戶對產品的反應和滿意度,了解產品的優點和不足之處。
  7. 數據表現:評估產品上線后的數據表現,包括流量、轉化率、ARPU等指標的變化。

C. 項目成果復盤:

最后,我們需要對整個產品改版過程進行詳細的梳理和總結,以復盤的形式量化評估做得好和不足的地方。通過這種方式,我們可以沉淀方法論和經驗,為團隊賦能,避免在未來的工作中重蹈覆轍。(如何做項目復盤網上有很多方法哦,這里就不過講了)

 

 

感謝閱讀。
希望以上的總結能夠為大家提供一些啟示和幫助,讓我們在未來的工作中更加順利和高效。



作者:Shook舒克
鏈接:https://www.zcool.com.cn/article/ZMTYwMjc3Mg==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

頁面分割設計指南

博博

當你打開一個頁面,首先映入眼簾的是豐富多樣的內容和信息。如何在有限的空間內,既保證內容的完整性,又讓用戶能夠輕松理解和瀏覽,這背后的奧秘就在于頁面分割。今天,我們就來一起探討頁面分割的藝術與技巧,看看它是如何為你的設計增添魅力,提升用戶體驗的。
 
在設計中,頁面分割不僅僅是一種技術手段,更是一種藝術表現。它如同一位細心的畫師,巧妙地運用線條、色彩、空白等元素,
將頁面內容劃分為一個個清晰、有序的區域。
通過這些分割,用戶能夠更快速地找到所需信息,更輕松地理解頁面內容,從而享受到更加愉悅的閱讀體驗。
 
頁面分割的魅力在于其多樣性和靈活性。不同的頁面可以采用不同的分割方式,如線條分割、卡片分割、留白分割等,以滿足不同的設計需求和用戶習慣。同時,頁面分割也需要根據內容的實際情況進行合理調整,既要保證信息的完整性,又要避免過度分割帶來的混亂感。
 
在本文中,我們將一起探討頁面分割的原則、技巧和應用實例。我們將學習如何運用不同的分割方式來優化頁面布局,提升用戶體驗。同時,我們還將分享一些成功的頁面分割案例,以激發你的設計靈感,為你的界面設計注入新的活力。
 
分享目錄:
一、分割的常見樣式
二、線性分割
三、卡片分割
四、留白分割
五、總結
設計方法論 I 超全面的頁面分割設計指南
 
線性分割:
通過使用線條來劃分頁面的不同區域,以達到組織內容、引導用戶視線和提升整體美觀度的目的。這種分割方式簡單明了,能夠清晰地展現出頁面內容的層次和結構。
 
卡片分割:
卡片式設計是一種流行的界面分割方法,通過將內容劃分為獨立的卡片或區塊,使用戶能夠更清晰地理解信息。每個卡片通常包含相關的內容,如文本、圖片或按鈕,以便用戶快速瀏覽和交互。
 
留白分割:
主要通過增加間距的方式,利用人的視知覺原理(接近法則:人的大腦會傾向于把彼此靠近的元素視為一組),自然地將信息進行分組。這種留白的方式能夠為頁面增加呼吸感,降低視覺噪音,使設計看起來更簡潔。
設計方法論 I 超全面的頁面分割設計指南
 
近年來,設計趨勢從“卡片式設計”轉向了“去線化設計”,
即傾向于使用留白分割而非過多的線條分割,以實現更為簡潔清晰的界面效果。設計師在選擇分割方式時,應優先考慮留白分割,其次是線性分割,最后是卡片分割。這個選擇順序反映了設計界的一般原則,即在不影響信息傳達的前提下,盡可能保持設計的簡潔性。
設計方法論 I 超全面的頁面分割設計指南
 
線性分割的定義:
線性分割設計是一種在視覺設計中使用的技巧,它使用線條、邊框或細線等元素來劃分、區分或連接頁面上的不同內容區域。這種設計手法主要用于
提高頁面內容的可讀性和組織性,幫助用戶更好地理解和瀏覽頁面信息。
 
線性分割設計具有以下優勢:
 
1.劃分區域:
線性分割可以將頁面劃分為不同的區域或模塊,使得每個區域的內容更加清晰、有序。這有助于用戶快速定位和瀏覽所需的信息,提高閱讀效率。
 
2.區分內容:
線性分割可以用來區分不同類型的內容,如文本、圖片、圖表等。通過線性分割,可以將這些內容進行分組或歸類,使得頁面更加整潔、有序。
 
3.引導視線:
線性分割可以引導用戶的視線,幫助他們更好地理解頁面內容。通過合理的線性分割設計,可以突出顯示重要的信息或元素,引導用戶關注到關鍵內容。
 
4.增強層次感:
線性分割可以增強頁面的層次感,使得頁面內容更加豐富、有深度。通過不同樣式的線性分割,可以區分不同的信息層級,幫助用戶更好地理解頁面結構和內容關系。
 
使用原則:
在使用分割線時,我們應遵循一些原則,以確保其有效地幫助用戶理解頁面的組成,同時避免過度使用帶來的視覺干擾。
 
1.分割線應當微妙而不過于顯眼。
它們在布局中應該容易被用戶注意到,但又不應成為焦點,以免分散用戶的注意力。
 
2.分割線應被視為次要的元素。
只有在留白等其他設計手法無法有效起到分割作用時,才考慮使用分割線。它們應當是布局中的輔助工具,而不是主導元素。
 
3.謹慎使用分割線。
過度使用分割線可能會導致頁面顯得混亂和復雜。相反,我們應該用分割線來創建信息分組,而不是簡單地分割每一個條目。通過審慎而恰當地使用分割線,我們可以有效地提升頁面的可讀性和用戶體驗。
圖片來源于參考文章
圖片來源于參考文章
 
線性分割三種類型:
通欄分割線、內嵌分割線和中間分割線。
 
1.通欄分割線(Full-bleed Dividers):
通欄分割線通常橫跨整個頁面寬度,用于分隔彼此完全獨立的內容區域。這種分割線在視覺上非常顯著,能夠清晰地劃分出不同的內容區塊,使用戶能夠迅速區分不同部分的信息。通欄分割線通常用于區分文章、產品列表、服務介紹等獨立的內容區域。
 
2.內嵌分割線(Inset Dividers):
內嵌分割線通常位于內容區域內部,用于分隔有錨點(如頭像、圖標等)的相關內容。這些錨點可以是圖片、符號或小的圖形元素,它們與分割線一起,幫助用戶更好地理解和區分內容。內嵌分割線常用于列表、卡片式布局、時間線等場景中,用于展示有關聯但不同類別的信息。
 
3.中間分割線(Middle Dividers):
中間分割線位于兩個內容區域之間,用于分隔無錨點的相關內容。這種分割線通常比通欄分割線更細,更注重于在視覺上劃分空間,而不是強調內容的獨立性。中間分割線常用于文本段落之間、列表項之間或不同功能區域之間,以提供清晰的結構和層次。
設計方法論 I 超全面的頁面分割設計指南
 
在大多數情況下,當信息層級較為簡單(即信息層級≤2)時,使用分割線進行信息分割是一種有效的方法。然而,實際上,如果留白間距足夠大,我們也可以使用留白來達到類似的效果。通過增大留白間距,我們可以創造出清晰的視覺區域劃分,使得信息之間的界限更加明確。
 
與分割線相比,足夠大的留白間距可以避免多余的線性元素干擾,讓整體視覺效果更加清爽。這樣的設計選擇有助于提升用戶的閱讀體驗,使用戶更加輕松地理解和消化信息。
 
因此,在信息層級較簡單的情況下,我們可以靈活地選擇使用分割線或留白來進行信息分割。通過調整留白間距,我們可以達到與分割線相似的效果,同時保持整體設計的簡潔和清晰。
設計方法論 I 超全面的頁面分割設計指南
 
為了提升屏效,我們希望在一屏內展示盡可能多的信息。在這種情況下,分割線的設計顯得尤為重要,因為它們能夠有效地劃分信息區域,使內容更加清晰、易于理解。
 
通過使用分割線,我們可以將較多的信息條理化,使得用戶能夠更快速地找到所需的內容。與沒有分割線的布局相比,使用分割線能夠顯著提高信息的可讀性和可理解性。
 
在相同的信息布局下,分割線能夠將信息區域明確地劃分開來,防止信息之間產生混淆或交叉。這種劃分不僅使得每個信息塊更加獨立,而且提高了信息之間的對比度,使用戶能夠更輕松地識別和區分不同的信息。
 
因此,當我們的目標是提高屏效并展示大量信息時,分割線的設計是一個關鍵要素。通過合理地使用分割線,我們可以確保信息布局更加清晰、有序,從而提高用戶的閱讀效率和滿意度。(如下圖)
設計方法論 I 超全面的頁面分割設計指南
 
線性分割在移動端頁面設計中的應用場景廣泛,尤其是在需要清晰劃分信息模塊時。如微信的聊天列表中,線性分割被用來區分不同的消息條目。每條消息之間通過一條細線進行分隔,使得每條消息清晰可辨,方便用戶快速瀏覽和定位到特定的消息。
 
線性分割還常用在各類App的信息提示中,如果有多條消息需要展示,線性分割可以用來區分不同的消息組。例如招商銀行APP中,當用戶收到多條未讀消息時,每條消息之間可以通過線性分割進行區分,使得每條消息清晰可辨,方便用戶逐一查看和處理。
 
在APP需要用戶填寫信息和設置的表單頁面中,線性分割可以用來區分不同的輸入字段或信息區域。這有助于用戶更清晰地了解需要填寫的信息,提高表單的填寫效率和準確性,比如站酷的設置頁面(如下圖)
設計方法論 I 超全面的頁面分割設計指南
設計方法論 I 超全面的頁面分割設計指南
設計方法論 I 超全面的頁面分割設計指南
卡片分割的定義:
卡片分割設計主要通過將內容或功能區域劃分成獨立的“卡片”來進行信息展示和組織。每個卡片通常包含相關的內容或功能,并且與其他卡片通過一定的間距或線性分隔進行區分。
 
卡片分割設計具有以下優勢:
 
1.內容封裝:卡片分割設計將相關內容或功能封裝在一個獨立的卡片內,使得每個卡片成為一個獨立的信息單元。這有助于保持頁面內容的清晰和整潔,方便用戶瀏覽和理解。
 
2.明確邊界:每個卡片通常具有明確的邊界,通過邊框、陰影或間距等元素來區分不同的卡片。這種邊界的存在使得每個卡片在視覺上相對獨立,方便用戶進行區分和識別。
 
3.靈活布局:卡片分割設計具有很高的靈活性,可以根據需要自由調整卡片的大小、位置和排列方式。這使得設計師可以根據不同的設計需求和用戶習慣來靈活調整卡片的布局,以達到最佳的視覺效果。
 
4.強調重點:通過不同的視覺處理手法,如改變卡片的顏色、大小或樣式等,可以突出顯示重要的卡片或內容。這有助于吸引用戶的注意力,引導他們關注到關鍵信息。
 
卡片的基本構成:
卡片是一個獨立的主題性容器,旨在將內容和操作組合在一起。它可以包含多種元素,如容器、縮略圖、標題、副標題、富媒體、輔助文字、按鈕和圖標按鈕等。這些元素并非必須全部存在,而是根據具體需求進行選擇和配置。無論選擇哪些元素,它們都會以易于掃描和操作的形式整齊地放置在卡片上。這種設計使得卡片成為一個靈活且高效的信息展示工具,適用于各種場景和應用。
設計方法論 I 超全面的頁面分割設計指南
卡片分割常見的類型:
卡片分割可分為通欄卡片和非通欄卡片
 
1、通欄卡片:
其特點是卡片占據整個頁面寬度,沒有左右邊距。通欄卡片的設計可以提高布局的靈活性,使得頁面內容更加寬敞和大氣。同時,通欄卡片也可以更好地突出展示單條內容,引導用戶的視線,提高閱讀效率。
 
2.非通欄卡片:
與通欄卡片相比,它會在卡片的左右兩側留有邊距,不完全占據整個頁面寬度。這種設計方式可以使得頁面內容更加有層次感和組織性,同時也有利于突出顯示某些關鍵信息。
設計方法論 I 超全面的頁面分割設計指南
通欄卡片
通欄卡片相較于非通欄卡片,其設計特點在于去除了左右兩端的留白,僅保留上下邊距,從而提供了更大的展示空間。這種設計使得卡片內的內容能夠占據整個頁面寬度,進一步增強了內容的視覺沖擊力。在通欄卡片中,卡片與背景的關系通常通過一條背景色塊來抽象表現,這種簡潔的處理方式避免了過多的視覺元素干擾,使得頁面整體看起來更加整潔和統一。
 
通欄卡片可以被視為在極簡列表式和傳統卡片式設計之間的一種折中選擇。它繼承了卡片式的分層方式和強交互性,使得用戶能夠輕松地瀏覽和交互頁面內容。如下圖微博“關注”、微信“發現”頁面。
設計方法論 I 超全面的頁面分割設計指南
 
非通欄卡片
通常采用帶圓角的設計形式,這種設計不僅賦予卡片一種柔和、圓潤的視覺效果,還增強了用戶的視覺舒適度。結合陰影效果以及四周的邊距,非通欄卡片巧妙地形成頁面留白,使得整體設計層次感更加豐富。
 
通過巧妙的投影設計以及前后顏色的精準設定,非通欄卡片成功地讓內容與背景之間產生視覺空間感,進一步強化了內容的立體感和層次感。這種設計技巧不僅提升了卡片的視覺吸引力,還使得用戶在瀏覽頁面時能夠更加輕松地區分和聚焦關鍵信息。
 
在頁面設計中,非通欄卡片的應用范圍十分廣泛。無論是用于展示文章、產品、圖片還是其他類型的內容,非通欄卡片都能夠通過其獨特的視覺效果和設計元素,為用戶帶來更加舒適、美觀的視覺體驗。同時,非通欄卡片還具有良好的適應性和靈活性,可以根據不同的設計需求和用戶習慣進行定制和調整,滿足不同場景下的應用需求。如下圖夸克“夸克日報”、APP Store“首頁”
設計方法論 I 超全面的頁面分割設計指南
 
選擇使用通欄分割線還是卡片分割,主要取決于你的設計目標和內容需求。以下是三個參考建議,幫助你做出更好的選擇:
 
1.當內容已有自然分割線時:
如果你的主題內容本身就已經有明確的分割線,比如列表項、段落分隔等,那么采用非通欄分割會是一個好選擇。卡片可以清晰地界定每個內容塊,使主題信息層次更加分明,提高用戶的閱讀效率。
 
2.當內容類型多樣且占據較大空間時:
如果單個主題內部包含了多種類型的內容,如文字、圖片、視頻等,且這些內容在垂直方向上占據了較大的空間(例如,內容長度超過屏幕高度的一半),使用非通欄分割會更加合適。卡片能夠有效地圈定內容范圍,為用戶提供一個明確的視覺邊界,幫助他們更好地理解和消化信息。
 
3.當需要增強橫向空間感時:
如果你希望擴展頁面的橫向空間,或者暗示用戶可以橫向滑動頁面查看更多內容,那么非通欄卡片會是更好的選擇。非通欄卡片的設計能夠利用橫向內容連續性原則,幫助用戶建立頁面可以橫向滑動的意識,從而提升頁面的互動性和用戶體驗。如下圖知乎“發現”、站酷“推薦”。
設計方法論 I 超全面的頁面分割設計指南
 
卡片分割更適合圖文混排
卡片分割設計以其獨特的布局方式,成為圖文混排中的理想選擇。它能夠巧妙地將不同大小、媒介的內容統一呈現在一個界面中,實現了內容的多樣性與統一性的結合。這種設計不僅讓單屏區域能夠顯示更多內容,還通過合理的空間劃分,確保了文字和圖片之間的和諧共存,既維持了視覺的一致性,又巧妙地平衡了文字和圖片的視覺強度。因此,在需要同時呈現多種內容和媒介的場景中,卡片分割無疑是一種高效且美觀的解決方案。如下圖知乎“想法”、站酷“首頁”
設計方法論 I 超全面的頁面分割設計指南
設計方法論 I 超全面的頁面分割設計指南
設計方法論 I 超全面的頁面分割設計指南
 
留白分割的定義:
留白分割是目前設計的主流趨勢,越來越多的產品在使用留白分割設計。留白分割主要通過增加間距的方式,利用人的視知覺原理(接近法則:人的大腦會傾向于把彼此靠近的元素視為一組),將信息進行自然的視覺分組。
 
留白分割具有以下優勢:
 
1.突出重點信息:
通過增加間距,可以將關鍵信息與其他內容區分開來,使用戶更容易注意到。
 
2.提高可讀性:
適當的留白可以使文字或圖形元素之間的界限更清晰,減少視覺干擾,從而提高用戶的閱讀效率。
 
3.增強設計感:
留白可以為設計增加呼吸感,避免元素過于擁擠,使整體布局更加和諧、美觀。
 
當元素之間的間距保持均勻時,整個視覺呈現會顯得平衡且協調,大腦默認為一個整體。然而,一旦元素的橫向和縱向間距發生變化,我們的大腦會
基于接近性法則,本能地將距離較近的元素視為一個整體或群組,這就是留白分割。(如下圖)
設計方法論 I 超全面的頁面分割設計指南
 
留白分割在有規律且卡片樣式較多
的頁面中表現尤為突出,在有大量卡片樣式的頁面中,每個卡片通常都包含一定的信息。通過留白分割,可以清晰地劃分每個卡片的信息區域,使用戶更容易區分和閱讀每個卡片的內容,增加呼吸感,避免元素過于擁擠,從而提高整體的可讀性。例如下圖中主流的音樂類App
設計方法論 I 超全面的頁面分割設計指南
相反,如果在沒有規律且頁面內容較多的情況使用留白分割,則會使頁面雜亂無章。比如下圖咸魚的“廣場”界面feed流中,圖片從1~9張都有的情況下,使用留白分割,頁面就會變得雜亂,影響視覺效果。而脈脈則采用了卡片式分割樣式,頁面模塊則相對清晰很多。
設計方法論 I 超全面的頁面分割設計指南
設計方法論 I 超全面的頁面分割設計指南
 
寫在最后:
在我們界面設計中,我們應充分考慮信息條目的復雜度。當信息較為簡單時,利用留白分割,能夠創造出清爽且不受干擾的視覺體驗。但隨著信息復雜度的增加,留白分割可能不足以清晰地展現信息層次,此時,引入線性分割是一個有效策略,它能提升屏幕的利用效率,使信息條理更加清晰。
 
當信息復雜度進一步升級,例如已經運用了線性分割或涉及更多操作時,我們需要進一步強化信息條目之間的邊界感。這時,卡片分割是一個理想的選擇,它不僅能增強信息的視覺層次,還能提升條目的可操作性。
 
重要的是,選擇信息分割方式時,我們要明確:分割本身不是目的,而是為了構建清晰的版面邏輯
,通過悅目的信息秩序來更好地突出內容,實現最佳的信息傳達效果。因此,在決策時,除了考慮上述細節因素,還需全面評估整體版面效果和信息傳達效率。感謝閱讀,希望對您有用。
設計方法論 I 超全面的頁面分割設計指南
 

作者:King_LBJ
來源:站酷

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

談談設計創意獲取的思路

前端達人

談談設計創意獲取的思路
 
 
讀了一本書,杰夫戴維森的《The 60 sencond Innovation 》,講的是
創意的獲取方式
。因為國外的設計環境與國內還是有很大區別的(所以這本書的微信讀書書評并不是很高),我摘選了幾個我認為
適合國內現狀的創意獲取方法,與大家共享
談談設計創意獲取的思路
 
 
一、關于設計趨勢
設計創意是符合設計趨勢的,我們需要關注設計趨勢。
我覺得趨勢這個詞,書里面有個觀點還是可以的:
關注長期趨勢
為什么這么說呢,因為趨勢不是朝三暮四的,往往會保持很長的時間。所以我們在做設計創意的時候可以適當關注長期趨勢。
1.1關注社會趨勢的重要性
最直接影響的就是職業生涯的發展
。譬如你是一名UI設計師或者即將畢業的學生,在當前的形勢下UI設計師已經趨于飽和,你想完成一次職業方向的確定或轉變,你會往哪里走?
那么你需要關注設計趨勢。
如果你選擇的是一個接近飽和的方向,那么你的薪資幾年內肯定也得不到提高。有的設計師經常會說我做UI設計5-7年了,但是薪資依然還是1萬,我
只能說你現在沒有什么競爭力。
所以趁著年輕,你可以考慮換一條細分的賽道。
譬如逐漸趨于飽和的車載HMI設計,即將爆發的類似于Vision Pro的增強現實設計。。。
來自于蘋果官網
來自于蘋果官網
 
1.2如何了解設計趨勢
首先,最直觀的就是設計大事件。
譬如蘋果等著名品牌引導的設計承載方式的變革。從羅永浩推出無限屏概念開始,其實類似的空間設計就已經處于慢熱狀態。直到蘋果正式發布了Vision Pro,這種大事件直接將增強空間設計推向了高潮。
我們可以通過蘋果的官方網站,去了解Vision Pro的使用方法,以此來感受Vision pro可以改變什么?文本編輯、影視、閱讀以及游戲等等用戶體驗與手機操作的不同點,從而延伸出未來可以商業化的場景方向,可以做預知性的推斷。
有興趣的設計師還可以通過蘋果發布的
Vision pro模擬器
,來嘗試性地輸出一些創新的想法和創意,以此來建立自己在增強空間設計上的設計經驗和競爭力。
其次,可以通過設計網站、社區和平臺。
譬如優設、站酷、人人都是產品經理等一些設計資訊平臺。很多設計師會將國外的一些好的設計趨勢的文章翻譯,我們可以通過這些文章來獲取設計趨勢。
再者,可以通過行業內的研究報告。
譬如艾瑞咨詢發布的《2023年AIGC場景應用展望研究報告》,里面就闡述了下一年甚至是未來AIGC的發展方向。
二、經驗積累促進設計創意輸出
2.1經驗積累到一定程度的好處
一般設計師在自身發展的同時,也都會留意身邊設計師發展的如何,嫉妒和對比是很正常的。有的設計師會覺得為什么他年紀不大卻能當領導,為什么他的薪資比我多那么多,為什么每次任務下來后他總是做的又快又好。。。
因為這是工作/設計經驗給他帶來了各種紅利。
為什么經驗豐富的設計師創意那么多呢?那就是
尤尼卡效應(靈感的悄然而至)
。有經驗的設計師,職業生涯過程中看過無數的案例,想過無數的方案,做過無數的作品。所以,他們可以在看到問題的時候,立馬給你輸出設計方案。如果你能達到這種地步,你的競爭力也將無可匹敵。
2.2經驗積累下的靈感輸出
做到兩點:
【建立方向】和【埋頭苦干】
畢業5年內的設計師,可以不用過多的去關注別人與自己的差別,你要做的就是【建立方向】和【埋頭苦干】,幸運只光顧有準備的頭腦。
那些有經驗的設計師也都是摸爬滾打一點一滴練出來的。過年的時候跟大學同學吃飯,設計耕耘10余載,他已經是某設計院的總監了。想想與他一起住過的小黑屋,想想我們打地鋪黑燈瞎火的做項目,為了錢么?是因為熱愛,想做出更好的作品。再看看他一路走來的工作歷程,他基本上在一個垂直方向上深耕細作,從場館的設計方案到制定預算,從項目投標到施工流程,整個一套流程都駕輕就熟了。
2.3不斷嘗試后的靈感輸出
設計師們都知道,靈感不會輕易上門。
創意是被逼出來的
!這一點設計師們都很有感觸。
這里的經驗積累不完全是工作年限的意思,也有深度挖掘之意
尤尼卡效應要求我們,即使在設計工作中沒有靈感的時候,繼續嘗試著梳理思路不斷鉆研,肯定會有靈感乍現的那一刻。就像書中說的那樣:
因為創新是一個漸進的過程,一次加上一點思考,最終會柳暗花明。
MIdjourny輸出:設計師絞盡腦汁
MIdjourny輸出:設計師絞盡腦汁
 
三、創意匯報
3.1高中低方案戰略
要想實現創意被大家更好地接受,通常可以準備三種可能的方案:1.最佳方案2.中間方案3.最差方案
領導的決策,也需要有一定的參考。我們給出的方案,盡量涵蓋高中低三種維度,以便進行對比。
3.2選擇時機進行推薦
創意方案出來后,你可以安排一次會議/宣講會,闡述一下自己的設計方案。聰明的做法就是在會議召開之前,先私下把方案簡單過一下,以獲得一定的支持。
3.3學會傾聽
你在匯報項目的過程中,別人會有一些想法和建議,麻煩你認真傾聽。不要著急去打斷,以免造成厭惡性溝通。
3.4不要放棄
創意被否定很正常。
真正能一次通過的創意實屬罕見,就好比不能因為拿不到第一就不上場比賽一樣,你也不應該因為創意被否一次就永遠自暴自棄。
四、創意輸出需要心流狀態
心流狀態是指自己已經完全沉浸在設計創意中了。
心流狀態可以很好地幫助設計師提高工作效率,促進設計創意的輸出。
4.1如何獲得心流狀態
環境很重要。
對于設計師而言,通過調整周圍的環境,比如說引進一些比較明亮的色彩、圖片、標語等,可以大大激發一個人的學習能力。
開放、整潔、平整的表面有助于整理人的思維,所以一般來說,你的桌子越干凈,就越容易提高工作效率,應對工作中的各種挑戰。
五、創意伙伴日常溝通
眾人拾柴火焰高。
5.1與什么樣的人溝通
與相同價值的人溝通。
《探尋第一名》(Looking Out for Number One)一書中,作者羅伯特·林格(Robert Ringer)指出,持久的關系——一方為另一方提供相同的價值,雙方的利益交織在一起,讓這種關系持續下去——非常有價值。
因此
你找的人必定是彼此都珍視的人,可以成為創意伙伴
。你可以每個月找創意伙伴聊聊天喝喝茶充充電,獲取一些新的想法,讓自己的大腦保持常青常新。馬云說過,企業在不缺錢的時候融資,而不是缺錢了再去融資。
設計圈有認識的大佬都很重視溝通,會經常跟身邊的朋友聊天,其實這很大程度上
可以讓一個人擁有多個人的經驗和能力。
所以設計師應該嘗試著開放一些,而不是閉門造車。
MIdjourny輸出:設計師聊天
MIdjourny輸出:設計師聊天
 
六、公司層面:討論/溝通氛圍的重要性
公司層面,應該鼓勵設計師在會議上多闡述自己的意見。
很多公司是不是有這樣一種現象:開會的時候鴉雀無聲,只聽到匯報的人膽怯地練著演講稿或者說著自己的方案,讓其他人給意見的時候基本無人舉手,只能等領導給一些修改意見,
然后這個設計方案就變成了領導認可的設計方案了。
其實這種工作氛圍真的非常糟糕,限制了設計師的創意的發揮,同時也讓產品成為了一個片面性的產品。
6.1建立討論溝通氛圍的好處
所以團隊的討論氛圍一定要建立起來。
書里這樣描述:
1.當一個人感覺自己的想法受人歡迎的時候,他會想出更多有創意的點子來解決眼前的問題——有時可能會在會上發表看法,有時則是在私下里提出建議;
2.如果團隊的每個成員都感覺更有滿足感,他們的參與熱情就會高漲。想想看,如果人人都愿意獻計獻策,事情將會變得多么容易啊!
6.2好好先生對設計創意的阻礙
討論溝通,也促進了不同聲音的展現。團隊需要不同的聲音,團隊需要謙和而堅定的人來告訴我們事情的本來面目,要聽到赤裸裸的現實。
 
感謝大家閱讀。


作者:阿琦Aqi
鏈接:https://www.zcool.com.cn/article/ZMTYwOTk3Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

作為設計師,你了解交互設計文檔嗎?

博博

許多設計師可能未曾接觸過所謂的“交互設計文檔”。在實際工作中,這份文檔是由交互設計師負責輸出的,但令人驚訝的是,大多數互聯網公司并未設立專門的交互設計師崗位。相反,交互設計師的職責通常由UI設計師與產品經理共同分擔。為什么這些公司不選擇招聘專門的交互設計師呢?
本篇文章旨在幫助設計師們全面理解交互設計文檔。我們將
深入探討其定義、作用、價值、制作方法以及核心內容
等。當然,如果文中存在任何不準確或遺漏之處,我也非常期待各位專家的指正和建議,讓我們共同進步。
 
一、基本概念解析
交互設計文檔是交互設計師的核心工作成果。
交互文檔,即交互設計說明文檔(英文名“Design Requirement Document”)。又稱“DRD文檔”。用來承載交互說明、交互原型、項目背景等內容,存檔并交互項目相關伙伴的團隊協作文檔。
它在將用戶需求轉化為高可用性產品的過程中起著至關重要的作用。這不僅僅局限于繪制線框圖,而是要求設計師具備明確的產品化思維,精通需求分析,構建信息架構,掌握業務流程與任務流程,同時還要有嚴謹規范、結構清晰的設計說明。
一份出色的交互設計文檔不僅能夠展現設計師的專業素養,贏得同事的認可與尊重,更可以顯著減少產品設計過程中的溝通成本,提高工作效率,從而確保產品研發的順利進行。
 
二、為什么需要交互設計文檔
交互設計文檔在產品設計過程中的重要性不容忽視。
  • 交互設計文檔是設計師與團隊成員之間溝通的橋梁。
    在項目中,設計師通常需要與產品經理、開發人員、測試人員等不同角色的成員緊密合作。而交互設計文檔則能夠確保所有相關方對產品的設計目標、功能邏輯、用戶體驗等方面有統一的認識和理解。這有助于減少溝通成本,避免因為理解偏差而導致的項目延期或功能失誤。
  • 交互設計文檔有助于提升產品研發的效率。
    通過文檔,設計師可以將復雜的設計思路轉化為清晰、具體的可執行方案。這不僅有助于開發人員準確理解并實現設計師的意圖,還能夠減少因為需求不明確或設計改動而導致的返工和延誤。同時,文檔中的信息架構、導航設計、任務流程等內容也能夠幫助團隊成員更好地規劃和分工,確保項目的順利進行。
  • 交互設計文檔還是設計師個人專業素養的體現。
    一份詳盡、規范的文檔不僅能夠展示設計師對產品的深入思考和分析,還能夠體現其嚴謹的工作態度和對細節的關注。這有助于贏得上下游同事的尊重和認可,提升設計師在團隊中的影響力和話語權。
  • 通過不斷地積累和完善交互設計文檔,設計師可以逐漸構建起一套規范化的設計體系
    。這不僅有助于提升個人和團隊的專業素養和知識水平,還能夠為公司的產品設計提供有力的支持和保障。在未來的項目中,這些歷史文檔還可以作為參考和借鑒的依據,幫助團隊更快、更好地完成設計任務。
 
三、交互設計文檔給誰看?
交互設計文檔需要確保文檔的有效性和實用性,它必須具備良好的可讀性、唯一性和時效性。
  • 產品經理
    ——不同公司和團隊中,產品經理與UI/UX設計師之間的合作方式和輸出物各不相同。有些公司中,產品經理會負責撰寫包括交互說明和原型在內的PRD文檔,但這種情況下往往容易出現體驗層面的疏漏。當公司有交互設計師時,交互設計師需要從功能規劃、信息架構到原型說明等方面全面介入,確保產品的完整性和用戶體驗的流暢性。此外,在某些流程中,產品經理和交互設計師可能會分別負責PRD文檔和交互文檔的編寫,兩者之間的邏輯需要相互印證,以確保產品的邏輯和體驗都達到最佳狀態。
  • UI設計師
    ——作為交互設計師的下游,UI設計師在項目中也扮演著至關重要的角色。為了確保項目的順利進行和避免后期可能出現的問題,交互設計師需要盡早介入需求溝通,與UI設計師緊密合作。通過交互設計文檔,UI設計師可以更加清晰地了解產品的設計思路、信息架構和交互方式,從而設計出更符合用戶期望和體驗的界面。
  • 開發(前端)
    ——開發團隊是交互設計文檔的重要受眾之一。他們需要根據文檔中的信息來實現產品的邏輯、頁面跳轉流程、交互方式和動效等。一份詳細、準確的交互設計文檔可以幫助開發團隊更好地理解設計師的意圖,減少開發過程中的誤解和返工。然而,在實際操作中,很多公司可能只有簡單的PRD文檔,開發團隊可能只是簡單地瀏覽一下,這可能會導致開發結果與設計師的初衷產生偏差。因此,交互設計師需要與開發團隊保持密切溝通,確保他們充分理解和遵循交互設計文檔中的要求。
交互設計文檔在產品開發過程中不僅能夠幫助團隊成員更好地理解和實現設計師的意圖,還能夠促進團隊成員之間的溝通和協作,確保項目的順利進行。因此,我們應該高度重視交互設計文檔的編寫和管理工作,確保其在項目中的有效應用。
 
四、交互設計文檔應包含哪些內容?
一份最基本的交互設計文檔需要包含:
封面、更新日志、需求分析、產品架構、任務流程圖、頁面流程圖、交互規范說明、交互原型、廢紙簍
等模塊。
  • 封面
    ——包括產品/項目名稱、版本編號、撰寫時間、撰寫人、參與該項目的各方負責人,便于后續查閱及版本管理。
作為設計師,你了解交互設計文檔嗎?
  • 更新日志——包含具體新增或修改的內容,修改人,修改日期等信息。
    在實際工作中,方案的修改和優化是不可避免的。更新日志方便項目成員一目了然關注到重點更新的內容,也方便開發找到對應的負責人進行溝通,提升工作效率。
作為設計師,你了解交互設計文檔嗎?
 
 
  • 需求分析——包括產品名稱、項目背景、目標用戶、用戶目標、產品目標、產品目標、使用場景、設計目標與設計思路,方便項目相關人員快速理解項目背景,總結回溯項目設計。
    需求分析是產品設計過程中至關重要的一步。它涉及到深入理解用戶需求、業務目標和產品目標,以及將這些需求轉化為具體、可執行的設計方案。在進行需求分析時,設計師需要與用戶、產品經理和其他利益相關者進行深入的溝通與合作,確保對需求的全面把握。通過收集和分析用戶反饋、市場數據、業務策略等信息,設計師能夠挖掘出用戶最真實、最根本的需求,為產品設計提供有力的指導。
作為設計師,你了解交互設計文檔嗎?
  • 產品信息架構——包括復雜內容的信息組成,展示完整的項目內容整體信息架構圖。
    產品信息架構是設計過程中的關鍵環節,它負責將產品的功能、內容和用戶體驗進行有序、清晰的組織與呈現。一個好的信息架構不僅能幫助用戶快速找到所需信息,還能提升產品的整體可用性和用戶體驗。 在構建信息架構時,設計師需深入考慮用戶的信息查找習慣、瀏覽路徑以及產品的核心功能。通過合理的信息分類、層次劃分和導航設計,信息架構能夠將復雜的產品內容變得易于理解和操作。
圖源:龍爪槐守望者
圖源:龍爪槐守望者
 
  • 業務流程圖——產品主要業務流程圖概述,用于描述主要功能業務流程(泳道圖/單向流程圖)。
    業務流程圖是一種視覺工具,用于清晰展現業務運作的邏輯和步驟。通過業務流程圖,團隊成員可以直觀地了解業務的全過程,從而更好地協作和執行。繪制業務流程圖時,設計師需要深入了解業務需求和流程細節,將每個步驟、環節和決策點都清晰呈現。這樣的圖表不僅有助于設計師梳理和優化業務流程,還能幫助開發團隊準確實現業務邏輯。
圖源:滴滴出行業務
圖源:滴滴出行業務
 
  • 任務流程圖——產品任務的流程化表現,一個主流程,多個次要流程。每個任務用一組流程圖表示。
    設計師在繪制任務流程圖時,需要細致分析每個任務步驟,確保流程圖的準確性和完整性。流程圖中的箭頭、符號和文字說明等元素,能夠清晰呈現任務執行的順序、條件分支和循環等邏輯關系。通過任務流程圖,用戶可以更加清晰地了解任務的執行過程,減少操作失誤和不必要的困擾。
作為設計師,你了解交互設計文檔嗎?
  • 頁面流程圖——帶有頁面形態的任務流程圖。
    頁面流程圖是設計過程中不可或缺的一環,它細致描繪了用戶在產品使用過程中,不同頁面之間的跳轉、交互和邏輯關系。在繪制頁面流程圖時,設計師需要關注用戶的行為路徑、頁面間的轉換條件和可能的交互動作。通過流程圖,設計師可以清晰地展現出用戶從進入產品到完成目標的整個過程,以及期間可能遇到的分支和循環。
作為設計師,你了解交互設計文檔嗎?
  • 交互規范說明——原型設計中出現的公用組件,通用樣式集合。
    交互規范能保障產品內不同模塊的設計一致性,同時提高不同設計師間的設計、協作效率;通過定義標準規范,提高流程、組件復用率,提高整體開發效率;讓用戶能夠在產品全局感受到統一且完整的體驗,降低使用成本和學習難度。
作為設計師,你了解交互設計文檔嗎?
  • 交互原型
    ——帶有交互效果的頁面結構設計,包括原型界面、設計說明等。
作為設計師,你了解交互設計文檔嗎?
  • 廢紙簍
    ——放置多版本稿件。
 
五、總結
深入探索交互設計文檔與用戶體驗的核心關系
。在產品設計的過程中,交互設計文檔不僅是形式上的必要文件,更是設計師與用戶、業務團隊之間溝通的橋梁。它的核心目的在于確保設計的方向符合產品的整體戰略和用戶的真實需求。
用戶體驗是產品設計的靈魂。
設計師需要深入了解用戶,挖掘他們最根本、最真實的需求。這不僅僅是通過問卷調查或用戶訪談,更是要站在用戶的角度,思考他們在使用產品時的每一個動作、每一個決策背后的原因。只有這樣,設計師才能為用戶帶來真正有價值的產品體驗。只有這樣,才能確保設計出的產品既符合業務目標,又能為用戶帶來卓越的體驗。希望每一位設計師都能在職業生涯中不斷進步,為用戶和業務創造更多的價值。


作者:Oceans1de
來源:站酷

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

日歷

鏈接

個人資料

藍藍設計的小編 http://m.91whvog3.cn

存檔