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

首頁

B 端界面設計中色彩搭配的實用技巧

ui設計分享達人

B 端界面設計領域,色彩搭配是影響用戶體驗和產品形象的關鍵因素。合理的色彩運用能提升界面的可讀性、易用性,強化品牌認知。下面分享一些 B 端界面設計中色彩搭配的實用技巧。

一、運用色彩心理學

不同色彩會引發用戶不同的情感反應。藍色常被視為專業、可靠,如眾多云計算平臺的管理界面多采用藍色調,讓用戶感受到服務的專業與安全 ,從而增強信任。綠色代表生機、健康,在醫療保健類 B 端應用中,用綠色顯示正常數據,可營造安心的氛圍。而紅色具有強烈視覺沖擊力,適合用于警示信息或關鍵操作提示,像刪除確認按鈕常用紅色,以引起用戶注意,避免誤操作。

二、搭建色彩體系

構建一套完善的色彩體系是基礎。主色調要與企業品牌緊密相連,像 Salesforce 就以經典藍色貫穿界面,強化品牌印象。輔助色一般選 2 - 3 種,用于次要元素,如在藍色為主的項目管理系統中,淺灰色展示次要信息,橙色突出任務進度,讓界面層次分明。強調色則用高飽和度、對比強的顏色,在數據報表中用紅色標注異常數據,助力用戶快速抓取關鍵信息。

三、確保色彩對比度

足夠的色彩對比度是保障界面可讀性和可操作性的關鍵。依據 WCAG 標準,正常文本與背景對比度至少 4.5:1,大文本 3:1。像黑字白底就是高對比度的經典搭配,易讀性強;而深灰字配淺灰背景則可能導致閱讀困難。此外,不同界面元素間的對比度也很重要,按鈕與周圍區域要區分明顯,不同狀態的按鈕也要通過色彩變化區分,方便用戶操作。

四、保障可讀性與識別性

B 端界面信息量大,應避免花哨的色彩組合,防止分散用戶注意力和造成視覺疲勞。像數據分析類產品,多采用淡藍、淡綠等柔和色調搭配簡潔圖表和文字,讓用戶輕松理解數據。同時,要考慮色彩在不同環境和設備下的顯示效果,確保清晰可辨,避免出現色彩偏差。

五、遵循品牌色彩規范

若企業有明確的品牌色彩規范,B 端界面應嚴格遵循。可直接使用品牌主色調,如騰訊云大量運用騰訊藍,加深用戶對品牌的關聯認知。也可基于品牌色拓展衍生,提取不同明度和飽和度的顏色用于輔助或強調,既保持品牌一致性,又讓界面更豐富生動。

六、重視用戶測試

完成色彩方案后,用戶測試必不可少。通過收集用戶對界面色彩的直觀感受、意見反饋,了解其舒適度、易讀性等情況,針對性優化。同時觀察用戶行為,如尋找信息的速度、操作失誤等,深入了解用戶對色彩的實際需求,進一步完善設計。

總之,B 端界面設計的色彩搭配需綜合考量多方面因素。掌握這些實用技巧,有助于打造出既美觀又實用的 B 端界面,提升用戶體驗,塑造企業專業形象。

未來主義視角下的 UI 用戶體驗設計創新路徑

藍藍設計的小編

在科技飛速發展的當下,未來主義不再是遙不可及的幻想,而是逐漸融入到我們生活的方方面面。UI 用戶體驗設計作為連接人與數字產品的關鍵橋梁,也在未來主義思潮的影響下,不斷探索創新路徑。從交互方式的變革到視覺風格的突破,未來主義視角為 UI 用戶體驗設計帶來了全新的思考維度。

一、交互方式:打破傳統邊界

傳統的 UI 交互主要依賴于鼠標、鍵盤和觸摸操作,而在未來主義的語境下,交互方式正朝著更加自然、智能的方向發展。語音交互已經逐漸普及,用戶只需動動嘴,就能完成各種操作,這大大提高了操作效率,尤其適用于雙手忙碌或視力不佳的場景。例如,智能音箱可以通過語音指令播放音樂、查詢天氣等。
除此之外,手勢交互也在不斷發展。一些智能設備已經支持簡單的手勢識別,用戶通過揮手、握拳等動作就能與設備進行交互。在未來,隨著傳感器技術的進步,手勢交互將更加精準和復雜,實現更豐富的功能。
腦機接口技術的研究也為交互方式帶來了無限可能。雖然目前還處于初級階段,但在未來,用戶或許只需通過大腦的思維活動,就能控制設備,實現真正意義上的 “心想事成”。這將徹底打破人與設備之間的物理隔閡,創造出前所未有的交互體驗。

二、視覺風格:塑造科幻沉浸感

未來主義的視覺風格追求科技感、簡潔性和強烈的視覺沖擊力。在 UI 設計中,這種風格體現在簡潔的界面布局、鮮明的色彩搭配和獨特的圖形元素上。
簡潔的界面布局能夠減少用戶的認知負擔,讓用戶快速找到所需信息。去除繁瑣的裝飾和不必要的元素,以簡潔的線條和幾何形狀構建界面,使界面更加清晰明了。
鮮明的色彩搭配可以營造出強烈的視覺氛圍。例如,使用高飽和度的冷色調,如藍色、紫色等,來傳達科技感和未來感。同時,通過對比強烈的色彩組合,吸引用戶的注意力,突出重要信息。
獨特的圖形元素也是未來主義視覺風格的重要組成部分。例如,使用抽象的圖標、動態的圖形和光影效果,來增強界面的立體感和動態感,讓用戶仿佛置身于一個充滿科技感的未來世界。

三、個性化定制:滿足多元需求

未來的用戶將更加注重個性化,他們希望自己使用的產品能夠體現自己的獨特品味和需求。因此,UI 用戶體驗設計需要具備更強的個性化定制能力。
通過大數據和人工智能技術,系統可以分析用戶的使用習慣、偏好等信息,為用戶提供個性化的界面布局、功能模塊和內容推薦。例如,音樂 APP 可以根據用戶的音樂偏好,推薦符合口味的歌曲和歌單;電商 APP 可以根據用戶的瀏覽和購買歷史,推薦相關的商品。
此外,用戶還應該能夠自主定制界面的視覺風格,如選擇自己喜歡的顏色、字體、圖標等,打造屬于自己的專屬界面。這種個性化定制不僅能夠提高用戶的滿意度和忠誠度,還能讓用戶在使用產品的過程中獲得更多的樂趣和成就感。
未來主義視角下的 UI 用戶體驗設計創新路徑充滿了無限的可能性。通過打破傳統交互方式的邊界、塑造獨特的視覺風格和實現個性化定制,我們能夠為用戶創造出更加智能、便捷、有趣的數字體驗。作為 UI 設計師,我們需要不斷關注科技發展的前沿動態,勇于創新,將未來主義的理念融入到設計中,為用戶帶來更加美好的未來。

2025年UI設計師必看的15個網站

藍藍設計的小編

想要成長為一名優秀的設計師,緊跟潮流,不斷吸收新的設計思想和靈感,絕對是極其重要的職業素養。
隨著2025年的到來,設計行業內卷越發嚴重,對設計師的要求也更高,如何高質高效地進行設計,是每個設計師都要考慮的。今天,本文精選了15個網站,你可以從中了解最新設計趨勢,尋找創意靈感,學習優秀作品,成長為更卓越的設計大牛~
一起來看看這15個網站吧!
 
1、
Dribbble
Dribbble是全球最大的設計師交流網站,設計師可以在這里尋找靈感,展示自己的設計作品,分享設計理念、設計技巧、設計工具等。為了方便大家學習交流,你可以在作品下方留言,同時也能通過其他人的評論,學習到不同的設計風格和創意思路。
不僅如此,Dribbble還有求職版塊,許多知名的設計公司和品牌都會在上面發布招聘信息,你可以在這里看看有沒有合適的機會。對設計師來說,Dribbble真的是一個很好的學習、展示和成長的平臺~
訪問地址:https://dribbble.com/
2025年UI設計師必看的15個網站
 
 
 
2、摹客資源社區
摹客是一個“設計+協作”的平臺,專為設計師和產品經理打造,上手簡單,不管是畫線框圖、高保真原型圖、流程圖還是做UI設計,它都能輕松滿足需求。
此外,摹客還有一個資源社區,提供了豐富的模板例子,模板涵蓋各個領域,無需下載,一鍵保存就能快速復用。編輯完成后,設計師還可以使用摹客協作,讓團隊小伙伴一起評論審閱,開發小伙伴還能直接獲取標注信息和CSS代碼,真的大大提升了團隊的工作效率!
2025年UI設計師必看的15個網站
 
 
 
3、優設
優設是國內專業的設計師平臺,匯聚了大量的設計教程、行業資訊、作品展示以及設計趨勢,致力于幫助設計師提升技能、獲取靈感。
它的設計資源豐富,包括高質量的UI/UX設計案例、免費設計模板、圖標和字體等,供設計師們免費下載使用。同時,它還設有設計問答版塊,設計師們可以在此交流經驗、分享作品、提出問題,共同成長進步!
訪問地址:https://www.uisdc.com/
2025年UI設計師必看的15個網站
 
 
 
4、
Medium
Medium是全球知名的創作平臺,匯聚了來自各行各業的內容創作者,包括設計師、開發者、產品經理等。在這里,設計師可以讀到各種關于UI/UX設計、產品設計思維、設計實戰復盤等干貨。
它最大的優勢在于有很多高質量的原創文章,以及廣泛的社區討論,設計師不僅可以通過文章獲取靈感,還能參與到行業討論中,拓寬視野。許多設計大咖和行業專家也在Medium上發布深度分析和案例研究,是設計師提升專業能力的寶貴資源。
訪問地址:https://medium.com/
2025年UI設計師必看的15個網站
 
 
 
5、
Pinterest
Pinterest是一個以視覺內容為主的社交媒體平臺,廣受設計師喜愛,特別適合用來尋找設計靈感。它擁有海量的圖片和創意,覆蓋從UI設計到插畫、品牌設計等各種領域。設計師可以根據自己的興趣和需求,通過關鍵詞搜索來發現相關的設計作品。
值得一提的是Pinterest的收藏功能,你可以將喜歡的設計作品“釘”到自己的個人主頁上,便于隨時查看和參考。
訪問地址:https://www.pinterest.com/
2025年UI設計師必看的15個網站
 
 
 
6、
花瓣網
花瓣網是國內知名的創意設計平臺,用戶可以利用它的采集工具,輕松收集網絡上的圖片和靈感。與Pinterest不同的是,花瓣網有很多本土化內容,許多國內設計師的作品和靈感都可以在這里找到。此外,它還擁有超過1億的高質量素材,并提供海報、背景圖、矢量圖、字體、插畫漫畫等多種素材模板,好滿足設計師的多樣化需求。
訪問地址:https://huaban.com/
2025年UI設計師必看的15個網站
 
 
 
7、Awwwards
Awwwards是全球知名的設計獎項和創意展示平臺,專注于展示互聯網領域的最佳網站和數字創意。它匯聚了全球頂尖的設計師的作品,展示了最新、最前沿的設計趨勢。Awwwards每年都會對設計作品進行評選,結合用戶投票和專業評審,評選出最具創意和表現力的作品。
設計師可以在這里瀏覽獲獎作品,分析成功案例,獲取靈感,提升自己的設計水平。另外,Awwwards網站本身的設計也很潮,非常值得一看哦~
訪問地址:https://www.awwwards.com/
2025年UI設計師必看的15個網站
 
 
 
8、One Page Love
對于設計師來說,單頁網站設計是個不小的挑戰:如何在有限的空間里,呈現豐富的內容、提供良好的用戶體驗并確保設計美觀呢?One Page Love會告訴你答案。
它是一個專注于單頁網站設計的平臺,自2008年成立以來,已經收錄了超過8180個優秀的單頁網站設計。這些案例展示了各種各樣的設計風格和創意解決方案,是設計師們學習單頁網站設計的理想資源庫。
訪問地址:https://onepagelove.com/
2025年UI設計師必看的15個網站
 
 
 
9、Lapa Ninja
Lapa Ninja是一個提供著陸頁設計案例的網站,網站共展示了6749個著陸頁設計,通過完整的網站截圖,為用戶提供真實的著陸頁示例作為靈感來源。無論是設計師尋求創意靈感,還是老板想要了解如何打造吸引人的著陸頁,這個網站都能提供有價值的參考。
訪問地址:https://www.lapa.ninja/
2025年UI設計師必看的15個網站
 
 
 
10、Deviant Art
DeviantArt 是全球最大的藝術社區之一,集結了來自世界各地的設計師、插畫師、攝影師、動畫師等藝術創作者。無論是傳統的繪畫、雕塑,還是數字藝術、攝影作品等,任何藝術形式都能在這里找到展示空間。
對UI設計師來說,多看看不同類型的藝術設計,也許會收獲意想不到的靈感!
訪問地址:https://www.deviantart.com/
2025年UI設計師必看的15個網站
 
 
 
11、Designspiration
Designspiration是一個極具創意的設計靈感資源平臺,內容包含多種設計領域,比如平面設計、室內設計、產品設計、時尚設計等。它的內容質量很高,很多作品都來自世界各地優秀的設計師或者設計工作室。而且,它的搜索功能很好用,可以按照不同類型、顏色、風格和關鍵詞進行搜索,極大地方便了設計師的工作。
訪問地址:https://www.designspiration.com/
2025年UI設計師必看的15個網站
 
 
 
12、Land-book
Land-book是一個網站設計靈感圖庫,網站上展示的都是精心挑選的內容,還會每日更新內容,好讓用戶及時獲取到最新的網站設計趨勢和案例。其內容涵蓋多種類型,包括著陸頁、電子商務頁面、作品集等,設計領域包含互聯網、時尚服飾、金融等多個行業。
總之,Land-book對于設計師來說,是一個獲取靈感、了解行業動態的優質資源平臺。
訪問地址:https://land-book.com/
2025年UI設計師必看的15個網站
 
 
 
13、Mobbin
移動端設計的需求已經漸漸超過網頁設計了,而Mobbin就是專門收集APP界面、布局設計的網站。不管你是要尋找手機的登陸界面、搜索頁面、配置頁面、還是知名品牌的APP界面等,都能快速找到!并且,Mobbin還會定期更新內容,確保展示的設計資源緊跟最新潮流,讓你始終接觸到最前沿的計思路。
訪問地址:https://mobbin.com/
2025年UI設計師必看的15個網站
 
 
 
14、NavNav+
導航欄對網頁、APP來說至關重要,它是用戶的領路人,一個好的領路人才能留住用戶。NavNav+是一個專門收集導航欄設計的平臺,涵蓋了各種類型和風格的導航欄設計案例,如傳統的水平導航、側邊欄、下拉菜單、全屏菜單等。設計師可以在這里找到大量的創意靈感,了解不同場景下導航欄的設計方式和趨勢。
訪問地址:https://navnav.co/
2025年UI設計師必看的15個網站
 
 
 
15、Unsplash
Unsplash是一個免費的平面設計圖素材網站,提供了各種類型的高質量圖片,包括標志、海報、網站設計、插畫等等。圖片涵蓋了各種各樣的主題,包括風景、人物、建筑、動物、抽象概念、商業場景等,你可以按照不同的主題進行搜索,并免費下載所需的圖片。此外,Unsplash還提供了一個社區,你可以在這里分享自己的作品,以及和其他設計師攝影師交流~
訪問地址:https://unsplash.com/
2025年UI設計師必看的15個網站
 
 
 
以上就是為大家精心整理的網站資源,相信在使用這些網站的過程中,你會發現更多的驚喜和創意。讓我們一起學習進步,爭取2025年的UI設計水平更上一層樓!


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

原型不知道怎么設計?看完這8大原則!

藍藍設計的小編

原型設計8大原則,大廠產品經理干貨分享!
 
 
如果你經歷過在項目中后期推翻方案、修改設計、頻繁返工的痛苦,你一定會明白原型設計的重要性。多年產品職業生涯告訴我,每一個成功項目的背后,都離不開一個扎實的原型設計。
通過原型,我們可以盡早發現問題,節省時間和金錢,讓設計師和開發更輕松。接下來,我將從多年的實踐經驗出發,分享一些關于原型設計的核心原則,希望能對你有所啟發。
以下是想要設計出一個優秀原型的八大原則:
原則 1:了解你的用戶。
原則 2:明確原型設計的重點。
原則 3:選擇合適的原型設計工具。
原則 4:少計劃,多實踐。
原則 5:放輕松!第一個原型總是比較粗糙。
原則 6:多和設計師、開發交流
原則 7:重視原型可維護性
原則 8:記錄你的收獲
 
1、了解你的用戶
設計并不是單向的輸出,而是與用戶的對話。原型設計的起點就是深入了解目標用戶,挖掘他們的需求、痛點、行為模式和使用場景。只有這樣,當產品創意通過原型呈現出來,才能夠真正解決用戶的問題。
這就要求我們在進行原型設計時要做到:
1)做好用戶研究,包括問卷訪談、調查等各種方式,以收集用戶數據。
2)從用戶的角度出發,思考他們如何與產品互動。
3)設計原型時,確保它符合用戶的使用習慣。
可以說,原型設計的成功與否,很大程度上取決于我們對用戶理解的深度,因此在研究用戶方面,做多少工作都不為過。
 
2、明確原型設計的重點
在設計原型之前,首先要明確它的核心目標:是簡單繪制下線框,討論出產品大致框架?還是精細繪制出某個功能模塊的交互?亦或是做高保真原型,以便產品演示?
每一次畫原型都應該聚焦于核心目標,而不是試圖一次性解決所有問題。不要擔心一次原型無法涵蓋所有細節——產品設計是一個不斷迭代的過程,我們可以通過多個階段的原型逐步驗證假設,先明確產品的核心框架與基礎功能,再逐步細化到實際體驗和產品完成度。這樣,我們便能在每一次原型設計迭代中,對不同方面加以優化完善,推動原型逐步趨近于理想的產品形態。
 
3、選擇合適的原型設計工具
想要高效地完成原型設計,選擇合適的工具至關重要。每種工具都有自己的特點,選擇時,首先要評估項目的需求和復雜度。如果處于早期概念驗證階段,簡單的繪圖工具或低保真原型工具足夠用了;而到了產品細化階段,建議使用交互功能強大、更專業的原型設計工具。以下是我都用過且體驗不錯的產品:
 
1)摹客RP - 在線快速原型設計
摹客RP有大量的預設組件、豐富的原型模板,拖曳即用,大大提高了工作效率。它的交互能力也很強大,是少有的能完美繼承Axure使用習慣和資源的原型設計工具。同時,它還支持強大的多人實時編輯能力,非常適合新手和對協作要求較高的團隊。
原型設計8大原則,大廠產品經理干貨分享!
 
 
 
2)Axure - 全面交互設計
使用地址:https://www.axure.com/
知名度最高的原型工具,優點也確實突出,交互功能非常強大,擁有豐富的交互組件庫,幾乎能制作任何交互效果,完美模擬出真實的應用場景和用戶操作體驗。不過需要說明的是,Axure上手難度大,協作功能很弱,并且近年來產品迭代的速度已經放緩,更推薦有復雜交互項目制作需求的團隊使用。
原型設計8大原則,大廠產品經理干貨分享!
 
 
 
3)Figma - 高保真原型設計
使用地址:https://www.figma.com/
在UI設計領域,Figma可謂大名鼎鼎,考慮到它在分享和協作上的優勢,以及團隊的設計師一般比產品經理多,有部分產品經理也直接用Figma繪制原型了。它的交互能力比較弱,更適合交互功能簡單且需要高保真原型設計的團隊。另外,Figma定價昂貴,更適合預算較高的團隊使用。
原型設計8大原則,大廠產品經理干貨分享!
 
 
 
4、少計劃,多實踐。
原型設計中常見的顧慮之一,是擔心設計達不到我們腦海中的理想,容易陷入“還沒完成”的心態。其實,畫起來就好!不要過于執著規劃“該做什么”,因為在設計過程中,我們會遇到新的問題,而具象化的原型圖也會讓我們的思維更清楚。
在這個階段,通過設計倒逼思考,反倒是幫助我們深入思考產品的最佳途徑。
 
5、放輕松!第一個原型總是比較粗糙。
“文章的初稿,都是狗屎。”這是文學大家海明威說的,雖然看起來有點粗俗,但確實是他的經驗之談。
其實原型也一樣,第一個原型注定會有瑕疵,所以請放輕松。正因如此,我們才需要循序漸進地去完善原型。最好從低保真線框圖開始,一步步迭代優化,在這個過程中,越早失敗、反復嘗試,并迅速調整方向、減少資源投入,才是正確路徑,也是原型設計的意義所在。
 
6、多和設計師、開發交流
有人說,新手產品經理畫原型就是單純畫原型,而資深產品經理畫原型前就擔心產品能不能實現了。原型設計不是屠龍,而是要開發出切實可用的產品。因此,產品經理在進行原型設計時,不應該完全以自己的想法進行設計。
我們需要和設計師、開發一起協作,最好在原型設計階段就確定好功能的可實現性,這樣做能大大規避后續流程中的反復與延誤,顯著提升團隊的工作效率與產出質量,為項目的順利推進奠定堅實基礎。
原型設計8大原則,大廠產品經理干貨分享!
 
 
 
7、重視原型可維護性
原型并非一次性產物,在設計時就要考慮后續的維護與更新。這就要求產品經理畫原型時,一定要使用規范的命名、清晰的圖層管理以及合理的組件復用,讓原型在需求變更或功能拓展時更易于修改。
比如,當項目中某個通用模塊的設計需要調整,如果之前構建原型時做好了組件復用,只需修改對應的組件,相關頁面組件就會一鍵同步更新,大大節省了時間與精力,原型就能靈活適應項目發展的各種變化。
 
8、記錄你的收獲
在原型設計的整個過程中,記錄復盤每一次收獲至關重要。比如:記錄好大家提出的各種備選方案、不同觀點,以及從中獲得的經驗和見解。
這個小小的習慣極有可能幫了你大忙,因為產品設計流程復雜且多變,你無法預知何時需要回溯之前被忽略的內容。如果你做好了記錄,后面需要改變時,就能快速定位問題根源并進行針對性迭代。
 
以上8條原則為原型設計提供了全面且實用的指導,有助于我們少走彎路。請記住,這8條原則并非孤立的存在,而是一個有機整體,我們在實際工作中,應不斷嘗試與調整,將它們靈活融入到工作流程。只要認真遵循了這些原則,離打造出一個成功的產品就不遠啦!


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

ui設計師的產品體驗日記

藍藍設計的小編

產品體驗日記01
 
 
 
 
 
體驗目錄
一.標簽欄圖文轉換設計
二.3D元素運用
三.筆記本個性化封面設計
四.古風APP視覺賞析
五.通關模式學習設計
六.寵物養成陪伴成長
七.品牌化設計
八.寓意深遠的微動效
九.IP元素的場景應用
十.優秀產品分享
 
 
一.標簽欄圖文轉換設計
開眼在標簽欄設計中,采用了獨特的圖文切換點擊模式,這一設計頗為新穎。動效在圖文之間切換時流暢自然,為用戶帶來了極為舒適的視覺體驗,整體表現尤為亮眼,令人印象深刻。
產品體驗日記01
 
 
 
 
二.3D元素運用
知源中醫在“VIP會員”頁面設計中,融入了3d視覺元素,這一創新極大增加了頁面的空間層次,為用戶帶來煥然一新的視覺體驗。
產品體驗日記01
 
 
 
 
三.筆記本個性化封面設計
千本手賬個性化“創建筆記本”功能,讓用戶可以自主選擇或設計封面。借鑒實體筆記本,融合數字創意,既保留質感又便捷。個性化設計既滿足用戶對美觀筆記本的追求,又無需額外花費即可擁有心儀的筆記本。精準捕捉用戶個性化需求,激發情感共鳴。持續提供吸引力功能,吸引用戶關注與參與,記錄生活同時享受創造樂趣。
產品體驗日記01
 
 
 
 
四.古風APP視覺賞析
長相思產品設計,古風宋韻獨樹一幟,視覺沖擊力強,如細膩古風畫卷,引人穿越千年雅致。每一處細節盡顯文化底蘊與匠心,令人沉醉,不僅是視覺盛宴,更是心靈觸動,激發無限遐想,每一次接觸都是難忘文化之旅。
產品體驗日記01
 
 
 
 
五.通關模式學習設計
在百詞斬的“一起背”頁面設計中,其創新地融入了游戲通關領取獎勵的背誦模式。這一設計策略巧妙地激發了用戶的好勝心和好奇心,使得用戶在挑戰自我、追求成就的過程中,對產品產生了更深的依賴與喜愛。通過這種方式,百詞斬不僅提升了用戶的學習動力,還進一步增強了用戶對產品的忠誠度與粘性。
產品體驗日記01
 
 
 
 
六.寵物養成陪伴成長
"我要做計劃"這款App創新融合虛擬寵物陪伴成長,針對用戶“三分鐘熱度”,讓寵物成為計劃的忠實監督者。通過定時提醒、情感互動,深度鏈接用戶情感,增強依賴與歸屬感。這款App不僅高效有趣地助力自我提升專注力,還營造溫馨激勵的成長氛圍,讓用戶在成長路上感受寵物“小伙伴”的溫暖力量。
產品體驗日記01
 
 
 
 
七.品牌化設計
在古茗的首頁設計中,品牌元素以精致入微的動效形式巧妙融入頁面布局之中,這一創意手法極大地加深了用戶對品牌的記憶點與認同感。微動效過渡自然流暢,更以鮮明的視覺沖擊力脫穎而出,成功吸引并鎖定了用戶的注意力。在增強頁面活力的同時,也保持了整體視覺效果的和諧與統一,使得用戶在享受流暢瀏覽體驗的同時,對古茗品牌留下了深刻而美好的印象。
產品體驗日記01
 
 
 
 
八.寓意深遠的微動效
得到在電腦端“每日成長”設計中,微動效寓意深遠:高山象征阻礙,預示挑戰將過;書障寓意學習難關,書指明路,積智前行;大雁述說堅持與夢想,終達輝煌。這樣的設計,不僅讓頁面充滿了生動與活力,更在無形中傳遞著一種積極向上的力量,激勵著每一個人在成長的道路上不斷前行,不斷超越自我。
產品體驗日記01
 
 
 
 
九.IP元素的場景應用
在coStudy咨詢處頁面設計中,IP元素融入功能圖標,增強品牌展現,吸引用戶,讓圖標彰顯品牌魅力,用戶交互中深刻感受品牌特色;此設計提升體驗,鞏固品牌形象,實現品牌與功能完美共生。
產品體驗日記01
 
 
 
 
十.優秀產品分享
小日常產品采用了一種扁平化的手繪線性風格,這種風格清亮簡約且獨具特色。產品中的各項功能大多以圖標的形式直觀展現,設計巧妙,極大地提升了用戶的操作便捷性。其學習成本極低,所涵蓋的功能均為日常高頻所需,能夠迅速幫助用戶記錄下各類重要事項,有效避免遺忘。對于現代忙碌的上班族而言,小日常產品無疑是一個理想的選擇。它以其便捷性、快速響應和簡單易用的特點,完美融入了快節奏的工作生活中,成為了用戶不可或缺的日常助手。
產品體驗日記01

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

2025 年 UI 大屏設計新風向

藍藍設計的小編

 
在科技日新月異的 2025 年,UI 大屏設計領域正經歷著深刻的變革。隨著技術的不斷進步和用戶需求的日益多樣化,新的設計風向逐漸顯現。了解并掌握這些趨勢,對于設計師打造出更具吸引力和實用性的 UI 大屏作品至關重要。

一、沉浸式體驗設計

如今,用戶不再滿足于簡單的信息展示,他們渴望更具沉浸感的交互體驗。2025 年,UI 大屏設計將更加注重通過空間感營造、動態效果和音效配合來打造沉浸式場景。例如,在城市交通監控大屏設計中,運用 3D 建模技術展示城市道路的立體布局,車輛和行人的動態模擬更加逼真,同時加入實時的交通環境音效,如車輛行駛聲、信號燈提示音等,讓監控人員仿佛置身于真實的交通場景中,能更快速、準確地做出決策。

二、極簡主義與信息聚焦

信息爆炸的時代,用戶注意力愈發分散。極簡主義在 2025 年的 UI 大屏設計中依然占據主導地位,設計將更加聚焦于核心信息的呈現。去除繁雜的裝飾元素,采用簡潔的線條和布局,以突出關鍵數據和重要內容。在企業數據展示大屏上,僅保留最能反映業務關鍵指標的數據圖表,通過大字體、鮮明色彩對比來強調數據的變化趨勢,讓決策者一眼就能獲取關鍵信息,避免被過多無關信息干擾。

三、動態與交互性增強

靜態的大屏展示逐漸被動態交互設計所取代。2025 年,UI 大屏將具備更多的動態效果和交互功能。比如,當用戶點擊大屏上的數據點時,相關的數據詳情會以動畫形式展開,圖表之間也能通過交互操作實現數據關聯展示。在教育領域的知識展示大屏中,學生可以通過觸摸或手勢操作,動態切換不同的知識點,探索知識的內在聯系,這種互動式學習體驗能極大地提高學習的積極性和效率。

四、可持續性設計理念融入

隨著環保意識的增強,可持續性設計理念在 UI 大屏設計中嶄露頭角。這不僅體現在選擇環保的顯示材料和節能的技術方案上,還包括在設計風格上倡導簡約、避免過度設計造成資源浪費。例如,采用低功耗的顯示屏幕,減少不必要的視覺特效以降低能源消耗;在色彩選擇上,優先使用自然、低飽和度的色彩,營造舒適且環保的視覺氛圍。

五、跨平臺與多設備協同設計

2025 年,各種智能設備相互連接,形成一個龐大的生態系統。UI 大屏設計需要考慮與多種終端設備的協同工作,實現跨平臺的無縫銜接。例如,在醫療領域,醫生可以在醫院的大屏上查看患者的整體病歷和檢查數據,同時通過移動端設備隨時調取詳細的檢查報告和影像資料,這種跨平臺的協同設計方便了醫療工作的開展,提高了醫療服務的效率和質量。

六、個性化定制與用戶參與

每個用戶都有獨特的需求和偏好,2025 年的 UI 大屏設計將更加注重個性化定制。用戶可以根據自己的使用習慣和業務需求,對大屏的布局、展示內容和交互方式進行一定程度的自定義設置。同時,鼓勵用戶參與到設計過程中,通過收集用戶反饋和使用數據,不斷優化設計,使大屏設計更貼合用戶的實際需求。
總之,2025 年的 UI 大屏設計正朝著更加沉浸式、簡潔高效、動態交互、可持續、跨平臺協同以及個性化的方向發展。設計師們需要緊跟這些新風向,不斷創新和提升自己的設計能力,才能打造出符合時代需求的優秀 UI 大屏作品,為用戶帶來更優質的體驗。

如何做好 UI 大屏設計

藍藍設計的小編

做好 UI 大屏設計需要綜合考慮多個方面的因素,從明確設計目標和用戶需求,到合理的布局規劃、色彩搭配、數據可視化設計,再到適配性與性能優化以及細節處理和用戶反饋等。只有在每一個環節都做到精益求精,才能打造出優秀的 UI 大屏設計作品,為用戶帶來卓越的視覺體驗和高效的信息傳遞。

一起來看看像素風UI設計~

藍藍設計的小編

像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 
 
收藏
像素風 UI 設計
 


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

AI 時代下,交互設計師要掌握哪些能力?

藍藍設計的小編

在 AI 技術迅猛發展的當下,交互設計領域正經歷著深刻變革。交互設計師要想在這個新時代站穩腳跟并有所建樹,需要掌握一系列與時俱進的能力。
對 AI 技術的理解與運用能力是基礎。交互設計師不必成為 AI 技術專家,但要深入了解 AI 的基本原理、應用場景和局限性。例如,了解自然語言處理技術如何實現智能語音交互,圖像識別技術怎樣用于圖像搜索和分類等。只有這樣,才能將 AI 技術巧妙融入交互設計中。比如設計一款智能客服界面,設計師了解 AI 的對話邏輯后,就能優化界面布局,合理展示 AI 給出的回答,同時設計方便用戶反饋和糾錯的入口,提升用戶與智能客服交互的流暢性。
 
用戶洞察能力的深化至關重要。AI 時代,用戶對交互體驗的期望更高,他們渴望更個性化、智能化的服務。交互設計師要借助 AI 工具,如大數據分析、用戶行為監測等,更精準地洞察用戶需求和行為模式。通過分析用戶在 APP 中的瀏覽歷史、操作習慣等數據,挖掘用戶潛在需求,進而設計出更貼合用戶心意的交互流程。比如在一款音樂 APP 中,依據 AI 分析用戶的音樂偏好,為用戶精準推送個性化的歌單,提升用戶的使用滿意度。
 
跨學科協作能力不可或缺。AI 項目往往涉及多個領域的專業知識,交互設計師需要與 AI 工程師、數據科學家、產品經理等緊密合作。在協作過程中,要能夠清晰表達自己的設計理念,理解其他專業人員的技術語言和工作內容。例如在開發一款智能駕駛座艙交互系統時,交互設計師要與工程師溝通,確保設計的交互界面符合車輛的技術架構和安全標準,同時向產品經理闡述設計方案如何提升用戶體驗,共同打造出優秀的產品。
創新設計思維能力是關鍵。AI 為交互設計帶來了無限可能,設計師要敢于突破傳統思維模式。例如,基于 AI 的情感識別技術,設計出能根據用戶情緒變化調整界面風格和內容推薦的產品。或是利用 AI 生成式設計,快速探索多種設計方案,從中找到創新的交互形式,為用戶帶來前所未有的體驗。
數據素養能力也不容忽視。交互設計師要學會分析和解讀數據,通過數據評估設計方案的優劣。例如,通過 A/B 測試數據,了解不同交互設計方案下用戶的轉化率、留存率等指標,以此為依據優化設計。同時,要能從數據中發現問題和趨勢,為設計方向提供數據支持。
 
在 AI 時代,交互設計師只有不斷提升自身能力,融合技術與設計思維,才能創造出更具價值、更符合用戶需求的交互體驗,在行業中保持競爭力。

ui設計公司教你從0認識交互設計

藍藍設計的小編

交互設計是很多設設計師心向往之的領域,很多設計師在進入職場一兩年后,會開始思考如何轉型交互設計師?除了這個學科本身的魅力之外,它還賦予設計師的很多其他價值。那如何去學習交互設計呢?作為一名交互設計師,我想整理一套交互設計體系知識,結合自己的學習和項目經驗寫到文章中分享給大家看,希望能對大伙轉行交互設計有一些些幫助!全文多達10000+字,閱讀時間會比較久,感謝你的細心閱讀,如你有建議可反饋留言!

 

 

 

 

 

 

 

 

1、關于設計名詞

 

在全面走進交互領域之前,我們可以先了解一些基礎設計名詞,行業有很多與設計相關的術語名詞,例如UI、GUI、UE/UX、HMI、HCI、HF、IXD、ID、VD等等。行業招聘信息里也經常會有很多名詞術語,如下圖。由于設計的關聯性很強,很多時候我們被這些名詞弄得頭暈,對自己的職業規劃和定位也變得模糊。

 

 

 

 

 

1.1、設計名詞的分類

 

1.1.1、按照設計學科

 

從學科角度,我查閱了大量的資料,分類如下:人因工程,工業設計,交互設計,用戶體驗設計,視覺傳達設計等學科。涵蓋了國內外高校開設的學科專業。用戶體驗設計在行業里已經被普及,但目前在高校中還是比較少的。不過用戶體驗設計已然是大勢所趨,越來越被重視。

 

 

人因工程:簡稱HF(Human Factors Engineering),是研究人、機、環境三者之間關系的學科;(美國稱人類工程學,西歐稱人類工效學,日本稱人間工學,國內命名更多如:人機工程學,人體工程學、工程心理學等),關于這類知識大家可以看看華為設計師的課程《基于人因的用戶體驗設計課程》

 

 

定義1:根據國際人類工效學學會于2000年的定義:“人類工效學(Ergonomics)是研究人在某種工作環境中的解剖學、生理學和心理學等方面的各種因素;研究人和機器及環境的相互作用;研究在工作中、生活中和休息時怎樣統一考慮工作效率、人的健康、安全和舒適等問題的學科。

 

 

定義2:中國企業管理百科學全書:研究人和機器、環境的相互作用及其合理結合,使設計的機器和環境系統適合人的生理心理等特征,達到在生產中提高效率、安全、健康和舒適的目的。

 

 

工業設計:簡稱ID(Industrial Design),指以工學、美學、經濟學為基礎對工業產品進行設計;工業設計又稱工業產品設計學,工業設計分為產品設計、環境設計、傳播設計、設計管理4類。工業設計涉及到心理學,社會學,美學,人機工程學,機械構造,攝影,色彩學等。

 

交互設計:簡稱IXD(Interaction Design),關于交互設計部分的詳細內容,在后文再講解,包括交互設計的發展、概念、重要性、核心要素、入門要求等;

 

人機交互:簡稱HCI(Human–computer interaction)或HMI(Human–machine interaction),是一門研究系統與用戶之間的互動關系的學問。系統可以是各種各樣的機器,也可以是計算機化的系統和軟件——摘自維基百科。

 

用戶體驗設計:簡稱UED/UXD(User experience Design),是以用戶為中心的一種設計手段,以用戶需求為目標而進行的設計;用戶體驗:簡稱UE/UX(User experience)

 

視覺傳達設計:簡稱VD(Visual design),是為傳播特定事物通過可視形式的主動行為。大部分或者部分依賴視覺,并且以標識、排版、繪畫、平面設計、插畫、色彩及電子設備等二度空間的影像表現;

 

1.1.2、按照載體媒介

 

用戶界面:簡稱UI(User Interface),是指對軟件的人機交互、操作邏輯、界面美觀的整體設計;是系統和用戶之間進行交互和信息交換的媒介,它實現信息的內部形式與人類可以接受形式之間的轉換

 

圖形用戶界面:簡稱GUI(Graphical User Interface),是指采用圖形方式顯示的計算機操作用戶界面;是一種人與計算機通信的界面顯示格式,允許用戶使用鼠標等輸入設備操縱屏幕上的圖標或菜單選項,以選擇命令、調用文件、啟動程序或執行其它一些日常任務。

 

人機界面:簡稱HMI(Human–machine interaction),人機界面(又稱用戶界面或使用者界面)是系統和用戶之間進行交互和信息交換的媒介, 它實現信息的內部形式與人類可以接受形式之間的轉換。凡參與人機信息交流的領域都存在著人機界面。ps:HMI這個概念在上文也提到,在學科領域可用來代表人機交互。

 

Ui和GUI、HMI差別是什么,UI (用戶界面)是一個廣泛的概念,包括硬件和軟件設計,包括GUI,HMI;GUI是用戶圖形界面,僅指軟件視覺界面,HMI是人機界面,與人信息交流的界面。

 

1.1.3、按照設計模式

 

以用戶為核心的設計:UCD(User Centered Design)是指以用戶為中心的設計。是在設計過程中以用戶體驗為設計決策的中心,強調用戶優先的設計模式;在進行產品設計、開發、維護時從用戶的需求和用戶的感受出發,圍繞用戶為中心進行產品設計、開發及維護,而不是讓用戶去適應產品。無論產品的使用流程、產品的信息架構、人機交互方式等,以UCD為核心的設計都時刻高度關注并考慮用戶的使用習慣、預期的交互方式、視覺感受等方面。

 

以技術為核心的設計:TCD(TechnologyCentered Design)是指以技術手段為中心的設計。

 

以商業為核心的設計:BCD(Business Centered Design)是指以商業價值為中心的設計。

 

 

設計名詞整理的大致就介紹這么多了,那么本文重點的交互設計和這些學科之間的關系又是怎么樣的呢?用下圖這個圖表展示他們之間的關系。——摘自 丹•塞弗《交互設計基礎》

 

 

 

 

 

 

 

 

2、了解交互設計

 

2.1、交互設計的故事

 

1959年,第一篇關于人機頁面的文章問世,交互設計首以人機交的形式,作為填補缺乏適用于設計數字產品的可用技術和工具出現;1960年,Liklider通過分析人與電子計算機之間合作互動的一種預期發展,提出“人機共棲”概念;20世紀80年代初:兩位工業設計師比爾·莫格里奇和比爾·韋普朗克著手設計第一臺筆記本電腦GRiD Compass,他們為自己的工作創造了“交互設計”一詞;這個詞在10年后才開始被設計師重新發現并進入主流;1999年,國際標準化組織(ISO)發布了“以人為中心”的交互式產品設計原則和程序規范;2005年交互設計協會(IxDA)成立;2012年IxDA正式推出首次年度“交互設計獎”,交互設計才算是正式起飛。

 

 

 

 

 

 

 

 

2.2、交互設計的定義

 

關于交互設計的概念,國內外組織或學者有不同的定義,如下圖:

 

 

 

 


交互設計,又稱互動設計(Interaction Design, 縮寫 IxD 或者 IaD),是定義、設計人造系統的行為的設計領域。在于定義人造物的行為方式(the “interaction”,即人工制品在特定場景下的反應方式)相關的界面。——來自IxDC

 

交互設計是設計交互式數字產品的、環境、系統和服務的實踐,交互設計的焦點是如何設計行為,交互設計的首要目標是滿足人的需求和欲望。——艾爾庫伯(交互設計精髓的作者)

 

定義、設計人造系統的行為的設計領域,它定義了兩個或多個互動的個體之間交流的內容和結構,使之互相配合,共同達成某種目的。交互設計努力去創造和建立的是人與產品及服務之間有意義的關系,以“在充滿社會復雜性的物質世界中嵌入信息技術”為中心。交互系統設計的目標可以從“可用性”和“用戶體驗”兩個層面上進行分析,關注以人為本的用戶需求。——來自 李世國 顧振宇.《普通高等教育工業設計專業“十二五”規劃教材——交互設計》2012年

 

 

 

2.3、交互設計的對象

 

最早期的設計,我們可以追溯到工業設計時期,作為設計領域?的鼻祖,它是以“產品“為設計對象,而交互設計對象是“行為”,交互設計師會關注與“行為”相關因素作為設計的考量。而不僅限于產品的物理屬性(外觀、結構、功能、材料);

 

以小米的“小愛音箱”為例。小米通過它將家庭中的電子設備實現了互聯,它新奇的用戶體驗被很多用戶追捧。我們可以在小米現有的音箱產品中,找到和傳統音箱的一些區別;

 

 

 

 

小愛音箱系列產品已經陸續發布了5款,從初代的藍牙音箱到觸屏、語音音箱,我們可以從產品的迭代中感受到音箱交互行為(語音交互到屏幕手勢操控)變化的一些特點。

 

 

 

 

 

 

當用戶在使用小愛音箱的時候,已經不局限于聽音樂,它作為小米Alot產品生態的連接中樞,用戶更享受通過頁面操控和語音交互來控制其他lot產品的快感。當用戶回家,向小愛音箱發出語音指令“小愛同學,我回來了”,和音箱連接的所有lot 設備都能同步打開,當用戶在回家后,還可以通過操作小愛音箱界面設置熱水器的水溫。

 

 

 

 

 

 

傳統音箱最原始的需求是音樂播放,隨著音箱使用要求的升級,人們對于聲音的品質追求也變得更高了,廠商想盡方法制造出新的產品提升聲音的播放質量,例如丹拿音箱的出現大大提升了聲音播放的品質。

 

 

 

 

 

 

 

當用戶在使用小愛音箱和家中的其他Alot產品交互的過程中,很少會在意小愛音箱本身的物理屬性,他們更在乎這種創新式的交互如何改變的自己的家庭生活,譬如通過語音交互幫自己打開壁燈,打開電視、打開掃地機器人或通過觸摸屏界面來設置調節其他Alot設備的運轉狀態等,應用到各種家庭使用場景。

 

2.4、交互設計的行為要素

 

關于交互設計的行為要素我們通過下面兩個例子來解析:

 

1:理想L9后排電視手勢交互操作:

之前號稱對飆500萬庫里南的新能源汽車理想L9已經發布很長一段時間了,這輛車最大的特色就是智能座艙的全新體驗升級,針對家庭使用場景的設計有很多。其中手勢交互是一個比較新穎的設計點,手勢交互的行為有懸停獲取焦點,平移切換,兩次抓握確認。

 

 

 

 

 

 

使用場景舉例:一家四口去外地郊游,家里的成員哥哥想打開后排的電視機看電視打發無聊的旅途,他使用了手勢交互去操作選擇影視進行播放。

 

 

2:OPPO手機ColorOS系統的手勢交互:

在ColorOS系統12.0版本中,新增了這個手勢交互的方式,它結合智能傳感器,進行無觸控式的手勢操作,根據系統提示通過控制手腕揮動去切換內容、完成對應的任務。

 

 

 

 

 

 

 

使用場景舉例:小A使用手機看電影,突然收到一個好朋友的來電顯示,他通過隔空手勢操作,向上滑動手腕,完成接聽了朋友的電話流程。

 

 

通過上述兩個設計案例,我們可以總結交互設計的五大行為要素為:

 

 

 

 

 

 

 

2.5、交互設計的衡量指標

 

在關于交互設計定義的內容里面,提到了交互設計的指標是從可用性和用戶體驗兩方面去分析,也就是從理性和感性的兩個角度去衡量。

 

2.5.1、可用性

 

根據雅各布尼爾森《可用性101:可用性簡介》文章定義:可用性是一種質量屬性,用于評估用戶界面的易用性。“可用性”一詞也指在設計過程中提高易用性的方法。可用性由以下五個質量組件定義:

 

 

 

 

 

 

 

 

易學性:用戶在第一次遇到設計時完成基本任務的難易程度如何?

如下圖美團外賣:用戶第一次在線上點餐時,如何快速的用最便宜的價格吃上一頓飯。用戶是否能高效獲取店鋪滿減優惠活動信息,是否快速填寫地址,是否能快速選擇挑選優惠券,最后進行付款。

 

效率一旦用戶學會了設計,他們執行任務的速度有多快?

如下圖美團外賣:當用戶完成第一次點餐后,以后每次完成點餐的速度會不會更快,例如商品頁有商家的滿家活動提示,上一次點餐記錄,可以點擊“再來一單”按鈕,完成選餐,選擇優惠紅包前,有文案提示需要先填寫地址,同時有常用地址彈窗提示,可點擊使用。

 

記憶性:當用戶在一段時間不使用設計后重新使用它時,他們恢復熟練度的難易程度如何?

如下圖美團外賣:當用戶隔了很久之后再使用美團外賣來點餐,用戶重新使用產品的熟練度是否有下降。

 

 

 

 

 

錯誤:用戶犯了多少錯誤,這些錯誤有多嚴重,以及他們從錯誤中恢復的難易程度?

例如下圖順豐快遞:在寄快遞時,填寫完所有的詳細信息后,提交了訂單,但發現地址和電話填錯了,在運單詳情頁有“修改信息”按鈕,點擊進入寄件頁面進行信息修改。

 

 

 

 

 

滿意度:使用該設計的愉快程度如何?

例如在閑魚平臺購買閑置物品時,賣家的商品描述和實物有很大的差距,然后要求退貨,賣家不肯,最后需要閑魚法庭介入審理,但審理也沒有足夠公平和透明,最后只給了一個判決結果。這樣的情形我遇到了兩次。所以平臺對于買家賣家的一些管理機制特別不完善,還有商品的描述是否準確也沒有審查標準,完全把責任拋給買家和賣家。所以總的來說,使用起來愉悅感很低,平臺信任感也很差。

 

2.5.2、用戶體驗

 

用戶體驗是用戶在使用產品過程中建立起來的一種純主觀感受。我查閱了很多相關資料,這種定義還是具有普適性的。再簡單的解就是:用戶在使用產品去完成某項目標的過程中,使用感受是怎么樣的。很多知名國內外公司為了量化用戶體驗指標而設計了很多數據模型,其中出現最早且具有指導意義的是國外的谷歌的量化模型:以用戶為中心衡量的 HEART、以目標為導向衡量的 GSM;國內的最近幾年也有很多類似量化的數據模式,具有代表性的是阿里的"PTECH"、UES、五度模型;其中谷歌的數據模型更加系統和通用,而阿里的是針對不同項目而衍生出很多量化模型。下面以谷歌公司模型為例淺談下它們是如何去衡量用戶體驗指標的;

 

HEART模型出發點是做以用戶為中心的,能夠用于大范圍的用戶體驗度量方法。它包含5個維度:Happiness 愉悅度:用戶主觀體驗,用戶覺得產品對其有幫助,容易操作,使用產品或者功能時總感到愉悅。Engagement 參與度:用戶對產品內容感興趣并愿意經常使用。Adoption接受度:用戶看到新產品或新功能愿意進行使用。Rentention留存率:在一個時間內用戶愿意回來繼續使用產品或者功能。Task Success任務完成率:用戶能夠高效,準確地完成任務。

 

GSM模型Google的UX團隊為了讓HEART模型度量標準應用于實踐而提出的設計方法模型,G是Goal,S是Signal,M是Metric,是遵從「目標-信號-指標」的過程來定義數據指標的方法。

 

 

 

 

 

 

 

 

 

 

3、成為交互設計師

 

前面我們提到交互設計是一門十分復雜的學科,這個領域的研究廣而深,可創新性很強,設計帶來的意義很大,所以很多人都比較崇尚這個領域,可如果真想走上交互設計之路,就得有項目的歷練,有熟練的設計技能,有扎實的知識基礎,對事物和生活的細致觀察力。

 

3.1、交互設計師項目篇

 

當設計回歸到實際工作項目,首先我們要知道,一般交互設計的崗位在公司的組織架構里面,它是一個比較中間的位置,他的上游有產品、用研;下游有設計和研發,交互和這些崗位是交叉的,有聯系的,強如“設計驅動”的蘋果公司,交互設計師也需要掌握很多其他跨專業的知識,所以實際工作中,有很多東西需要交互設計師去學習。

 

3.1.1、交互設計的項目流程

 

互聯網公司的設計團隊都有自己的設計開發的一套流程,但項目的核心流程大體都會經歷以下三個階段:需求—設計開發—結果驗證;

 

 

 

 

需求階段需求是項目開發的源頭,我們要進行需求搜集、分析、篩選、評估、版本排期。需求的搜集可以是來自產品數據、用戶反饋、設計人員洞察探索、競品分析,然后再做需求篩選討論,確定需求的優先級;

 

設計開發階段

 

環節1:產品經理的文檔需要列出每個版本的詳細信息,包括產品創新設計或改版的背景、解決什么問題、功能的設計背景,產品目標和指標、產品策略,產品范圍層(功能規格、內容、信息、規則)等;

 

環節2:設計師需要針對產品功能結合產品目標進行設計策略上的思考,進行方案輸出,包括交互文檔(版本號、設計描述、流程圖,頁面跳轉邏輯,交互細節闡述、異常狀態處理)、交互動態(動效演示參數圖、動態demo展示)、視覺界面設計(形、色、構、字、感)等,全流程保持和前后端技術人員進行設計評審和溝通,持續評審也是為了防止后期大家互相扯皮影響工作狀態和效率,但最終目的是使項目開發降本增效,減少返工。

 

環節3:設計方案輸出結束之后,就是技術人員的開發,設計師也需要全程持續跟進,保證設計效果的實現,了解前端的一些頁面適配規則,前后端的之間數據架構和接口傳輸規則。

 

環節4:前后端開發完成第一版本成品后,項目組人員(測試人員權重較高)可以開始全局測試,交互設計師在走查時,可以內部梳理一套通用的《交互走查表》進行檢查,可以通過設計走查,專家測試,用戶內測,用戶訪談等方式,整理收集影響產品穩定性的Bug和設計細節問題,再反饋給技術員人進行修改。有條件的會進行可用性測試,檢驗設計的用戶體驗和設計可行性。

 

結果驗證階段

 

產品上線后,我們可以通過數據和用戶體驗來檢驗優劣,數據層面可以使用灰度測試、A/Btest測試等方式驗證設計方案的可行性,通過數據埋點的方式獲取用戶的行為數據,用戶體驗可以使用滿意度調查、NPS等方式通過問卷調研的手段來了解用戶的使用感受。

 

 

 

3.1.2、交互設計的5大項目思維

 

產品思維交互設計師要有培養產品思維的習慣,產品思維能夠引導我們發現很多設計點,設計出創新性的產品。做產品最核心的問題就是:用戶有什么樣的需求?這個需求待解決程度(用戶痛點、爽點、癢點)怎么樣?例如支付寶這個產品,就是改變了用戶日常的付費交易方式,從現金到線上數字貨幣支付的轉變,大大的解決了用戶不用攜帶大量現金的需求,當然了他的功能不僅限于此,更客觀的說,支付寶的出現改變了人們的生活,創造了極大的社會的價值。

 

 

 

 

 

 

 

 

用戶思維產品主要作用對象是用戶,通過用戶獲取功能需求,我們需要學習如何了解用戶,了解我們的產品典型目標人群是哪一類人,了解用戶的真實訴求是什么?了解用戶場景是什么樣的?具備用戶思維,設計師可以更精準高效的輸出設計方案,達到解決用戶問題的目的。

 

視覺思維交互原型稿和文檔是交互設計師接觸最多的工作任務,它們需要定義很多內容信息,這不僅僅靠邏輯,還需要有視覺思維,將黑白交互界面的視覺重點和信息層級展示清楚。如下圖所示為蘇寧智慧屏項目部分功能的交互設計稿樣式:

 

 

 

 

 

 

?

交互設計的視覺思維上關注的幾個點如下:第一點要有場景的概念,比如要熟悉產品在什么樣的設備上呈現,設備具有什么樣的特性和要求,用戶的使用產品的操作方式;第二點要有原子和模塊化的概念,比如一個組件和模塊主要是由哪些原子化的元素構建,如何去定義這樣內容,第三點要有設計理論應用的概念,比如在界面布局時,可以通過設計的四大基本原則(對比、重復、對齊、親密性)、格式塔原理(接近原則、相似原則、共同命運)、設計規律(黃金分割法、網格系統、系統規范)這些點去切入。

 

開發思維產品外在靠界面,內在靠代碼,好用好看的設計依靠技術作為底層支撐才能最終開發上線,我們經常做設計方案評審時,會遇到被技術人員否定的情況。我們就會拿有相同設計的產品去和他理論。最終的結果就是還是做不了。但是做不了的情況大體分為兩種,第一種情況是實現這個設計的背后,確實需要投入很多人力、資源去完成這項工作;第二種就是技術人員單純的不愿意做,可如果你有開發思維,能想到這個設計背后的技術難點,能清晰的和技術人員進行討論和協商,他們也不能或不好意思去拒絕。所以開發思維可以讓我們和技術人員成為好朋友,又可以學習一些技術原理,屬實不虧。

 

數據思維交互設計師對于數據要有一定的敏感度,業務數據可以幫助我們了解產品的經營狀況,關注產品的總體流量,轉化、營收,用戶的行為數據可以幫助我們在設計迭代時提供依據,另外通過各類數據的跟蹤、對比、分析能幫助我們評估設計方案的好壞以及后期設計修改的方向。

 

 

 

3.2、交互設計師技能篇

 

技能已經是交互設計師的入門要求,也是初級交互設計師進階的基礎,那這部分主要講解交互設計師的技能兵器庫,主要由設計手段、平臺規范、理論知識這三部分組成。

 

 

3.2.1、交互設計的兵器庫1-設計手段

 

設計軟件交互原型設計:包括靜態界面和動態demo設計,可以使用紙質原型、Axure RP、Fireworks、MockingBot、Flinto、Origami、ProtoPie、Hype、Principle、Proto.io、Frama等;界面設計:主流的軟件有Figma、Sketch、ps,網頁和客戶端通用的有即時設計、Figma、Pixso等;

 

動效和三維設計:目前動效應用廣泛的如AE,三維軟件有C4D,blender,Rhino、更高級的如游戲引擎unity3d;

 

編程軟件:網頁端如標記語言HTML+CSS,腳本語言JS,移動端如iOS的Swift和Xcode,Android的studio;

 

文檔工具:如常用的X-mind(思維導圖)、匯報用的ppt、keynote等

 

 

設計方法設計方式這里指向用戶研究部分的內容:主要有定量研究、定性研究、用戶畫像的構建,定量研究的可使用問卷調研、數據分析、眼動測試,定性研究可使用用戶訪談、焦點小組、可用性測試、卡片分類法,用戶觀察法等

 

 

3.2.2、交互設計的兵器庫2-設計規范

 

說到設計規范,這可能是很多設計師在交互入門的時候,比較忽略的基礎知識點,首先各類平臺的系統規范經過很多版本的迭代,內容特別精且多,新手設計師經常在閱讀學習的過程中失去耐心。只是碰到相應的點才會想起來去看一下。目前處在設計領域最前沿的平臺規范如蘋果系統的《人機界面指南》,安卓系統的《材料設計》,鴻蒙系統的《設計指南》,微軟系統的《設計原則》,這些平臺的系統規范非常通用,覆蓋的設備也很多,例如蘋果系統的人機界面指南覆蓋了電腦、手機、平板、手表、電視。在國內也涌現了很多平臺規范,例如阿里的antdesign,騰訊的tdcdesign,字節的acrodesign等。

 

 

3.2.3、交互設計的兵器庫3-理論知識

 

交互設計發展至今已經很長一段時間了,前輩們在無數的實踐中總結了很多科學的設計理論。我們可以利用它們指導設計工作,例如:尼爾森設計十大原則(狀態可見原則、環境貼切原則、用戶可控原則、一致性原則、防錯原則、易取原則、靈活高效原則、審美和簡約設計原則、容錯原則、人性化幫助),交互相關定律(菲茨定律、席克定律、格式塔原理、奧卡姆剃刀原則、峰終法則、帕雷托原理、米勒定律、郵編定律、序列位置效應、泰斯勒復雜性守恒定律、序列位置效應、多爾蒂閥值、雅各布定律、蔡格尼克記憶效應、馮·雷斯托夫效應等)。理論知識可以作為設計的參照標準,但用設計理論反對設計結果是很不合適的,具體問題還需要結合實際應用場景去分析解決。

3.3、交互設計師能力篇

最后一章我想和大家分享關于交互設計師的能力模型,主要分三大塊,這也是實際工作中感觸比較深的幾個點,希望對大家能有幫助!

 

3.3.1、基礎能力-學習

 

學習是一項比較基礎的能力!它包括了你技法上的突破、閱讀書籍獲取知識、適應和熟悉工作流程;例如當你在工作中,需要設計一個頁面動畫效果,你學會了一個新的軟件和新的實現方法;又或者當你閱讀了一本書,學到了很多知識,打破了自己的認知,再或者入職新公司的時候,你需要適應新環境和工作流程。設計領域的要求更新換代特別快,就好比之前我們做設計基本都使用sketch,

還得和蘋果系統捆綁,但現在像Figma等軟件不光可以客戶端下載使用,甚至都可以網頁端協同使用。所以在任何時候都要保有一顆

做學徒的心,去學習,去適應、不斷的突破自己!

 

3.3.2、通用能力-溝通、執行、總結

 

溝通、執行、總結三大能力無論是在生活還是在工作中都是比較通用的,我們在和別人交流時,需要用語言傳達自己的想法,讓別人或自己明白,然后去執行,根據執行的結果進行總結,變成自己寶貴的經驗。例如有一次在做交互方案時,產品經理直接丟過來一個需求,然后沒有說明具體的需求背景和設計方向,然后就把方案弄好了去評審,被技術人員一通亂懟,弄的大家情緒都上了頭,就開始爭吵起來,最后結果就是重新設計;這讓我后來在做方案的時候,一直記得利用這套通用能力去處理問題;確實有效。但在培養這些能力的同時需要注意:把控情緒做有效溝通,拒絕盲目執行,反復思考總結經驗,用總結能力反哺自己的溝通、執行能力。

 

 

 

 

 

 

 

3.3.3、進階能力-洞察、思考

 

洞察和思考是交互設計師的最高級的能力,擁有這種能力的設計師往往已經能夠探索到問題的本質,洞察和思考能力的培養來源對事物的探索欲,有好奇心,有細致的觀察,這要求設計師要把解決問題當作是興趣來看待;以生活中的用戶使用的出行工具單車設計為例,單車上有很多設計點都體現了交互設計師的這兩項能力;

 

 

 

 

 

1:單車的座位調節控制結構設計如上圖是哈嘍單車的不同版本的設計,第一個調節結構我們需要向逆時針向外推,才能進行座凳高低的調節,第二個調節結構我們僅需要上下方向推拉進行控制。我在使用的過程中,第二個結構操作的時候更加省力。

 

2:座凳支撐桿的身高標記設計第一個支撐桿我們可以看到是沒有任何標記的,第二個支撐桿上面有對應身高相匹配的尺寸標記,相比較第一個設計,帶標記的設計讓用戶更快的調到舒適的高度位置。

 

這個設計案例屬于從結果倒推方案,因為在已有設計方案做推理分析,但是我相信項目人員在進行產品優化的時候,也肯定是洞察到“舊的坐凳設計”結構給用戶帶來的不便,不僅操作費力,而且這樣的結構容易卡住廢車;身高標記的設計肯定也是結合用戶的不同身高這個需求,設計師觀察用戶在調節座凳高度的時候,坐上去再下來,反復的調試去選擇舒適的高度,才思考出這樣不錯的設計方案。

總結

本文分享到這里就結束了,總的來說,想成為一名交互設計師,需要投入的成本是很大的,除了軟件技能還需要有足夠的知識儲備,培養自己的各種思維和能力,那文章我也通過三個部分去說明了這些內容,首先我用設計領域的名詞作為切入點,帶大家去了解設計領域的現狀和關聯,對設計名詞有大致的概念;其次著重的分析交互設計,介紹了交互設計的起源、定義、主要對象、五大行為要素、兩大衡量標準;最后寫了關于成為交互設計師一些入門要求,第一點是通過項目流程、項目思維角度,第二點是從設計技能角度,交互設計師需要有設計手段、平臺規范、理論知識三大兵器庫,第三點是從能力模型角度,交互設計師須具備學習、溝通、執行、總結、洞察、思考6大能力。在去往交互設計的路上,建議設計師們要保持一顆進取的心,認認真真的去學習、去實踐、去進階,提升自己的設計認知。

文章內容僅供學習參考。


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

日歷

鏈接

個人資料

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

存檔