首頁

未來主義視角下的 UI 用戶體驗設計創(chuàng)新路徑

藍藍設計的小編

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

一、交互方式:打破傳統(tǒng)邊界

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

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

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

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

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

2025年UI設計師必看的15個網(wǎng)站

藍藍設計的小編

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


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

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

藍藍設計的小編

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


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

ui設計師的產(chǎn)品體驗日記

藍藍設計的小編

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

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

2025 年 UI 大屏設計新風向

藍藍設計的小編

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

一、沉浸式體驗設計

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

二、極簡主義與信息聚焦

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

三、動態(tài)與交互性增強

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

四、可持續(xù)性設計理念融入

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

五、跨平臺與多設備協(xié)同設計

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

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

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

如何做好 UI 大屏設計

藍藍設計的小編

做好 UI 大屏設計需要綜合考慮多個方面的因素,從明確設計目標和用戶需求,到合理的布局規(guī)劃、色彩搭配、數(shù)據(jù)可視化設計,再到適配性與性能優(yōu)化以及細節(jié)處理和用戶反饋等。只有在每一個環(huán)節(jié)都做到精益求精,才能打造出優(yōu)秀的 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
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

藍藍設計的小編

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

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

藍藍設計的小編

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

 

 

 

 

 

 

 

 

1、關(guān)于設計名詞

 

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

 

 

 

 

 

1.1、設計名詞的分類

 

1.1.1、按照設計學科

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

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

 

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

 

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

 

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

 

1.1.2、按照載體媒介

 

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

 

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

 

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

 

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

 

1.1.3、按照設計模式

 

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

 

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

 

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

 

 

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

 

 

 

 

 

 

 

 

2、了解交互設計

 

2.1、交互設計的故事

 

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

 

 

 

 

 

 

 

 

2.2、交互設計的定義

 

關(guān)于交互設計的概念,國內(nèi)外組織或?qū)W者有不同的定義,如下圖:

 

 

 

 


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

 

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

 

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

 

 

 

2.3、交互設計的對象

 

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

 

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

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

 

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

 

2.4、交互設計的行為要素

 

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

 

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

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

 

 

 

 

 

 

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

 

 

2:OPPO手機ColorOS系統(tǒng)的手勢交互:

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

 

 

 

 

 

 

 

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

 

 

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

 

 

 

 

 

 

 

2.5、交互設計的衡量指標

 

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

 

2.5.1、可用性

 

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

 

 

 

 

 

 

 

 

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

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

 

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

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

 

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

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

 

 

 

 

 

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

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

 

 

 

 

 

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

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

 

2.5.2、用戶體驗

 

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

 

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

 

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

 

 

 

 

 

 

 

 

 

 

3、成為交互設計師

 

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

 

3.1、交互設計師項目篇

 

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

 

3.1.1、交互設計的項目流程

 

互聯(lián)網(wǎng)公司的設計團隊都有自己的設計開發(fā)的一套流程,但項目的核心流程大體都會經(jīng)歷以下三個階段:需求—設計開發(fā)—結(jié)果驗證;

 

 

 

 

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

 

設計開發(fā)階段

 

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

 

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

 

環(huán)節(jié)3:設計方案輸出結(jié)束之后,就是技術(shù)人員的開發(fā),設計師也需要全程持續(xù)跟進,保證設計效果的實現(xiàn),了解前端的一些頁面適配規(guī)則,前后端的之間數(shù)據(jù)架構(gòu)和接口傳輸規(guī)則。

 

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

 

結(jié)果驗證階段

 

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

 

 

 

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

 

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

 

 

 

 

 

 

 

 

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

 

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

 

 

 

 

 

 

?

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

 

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

 

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

 

 

 

3.2、交互設計師技能篇

 

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

 

 

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

 

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

 

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

 

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

 

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

 

 

設計方法設計方式這里指向用戶研究部分的內(nèi)容:主要有定量研究、定性研究、用戶畫像的構(gòu)建,定量研究的可使用問卷調(diào)研、數(shù)據(jù)分析、眼動測試,定性研究可使用用戶訪談、焦點小組、可用性測試、卡片分類法,用戶觀察法等

 

 

3.2.2、交互設計的兵器庫2-設計規(guī)范

 

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

 

 

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

 

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

3.3、交互設計師能力篇

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

 

3.3.1、基礎(chǔ)能力-學習

 

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

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

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

 

3.3.2、通用能力-溝通、執(zhí)行、總結(jié)

 

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

 

 

 

 

 

 

 

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

 

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

 

 

 

 

 

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

 

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

 

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

總結(jié)

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

文章內(nèi)容僅供學習參考。


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

日歷

鏈接

個人資料

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

存檔