少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕 欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

首頁

大屏 UI 設(shè)計(jì)風(fēng)格的未來趨勢

ui設(shè)計(jì)分享達(dá)人 大數(shù)據(jù)可視化設(shè)計(jì)文章及欣賞

在科技飛速革新的時(shí)代,大屏設(shè)備的應(yīng)用領(lǐng)域不斷拓展,從城市的智能交通指揮中心,到商場的互動廣告大屏,再到家庭的超大尺寸智能電視,大屏已然成為信息展示與交互的關(guān)鍵載體。大屏 UI 設(shè)計(jì)風(fēng)格也隨之不斷演變,順應(yīng)技術(shù)發(fā)展和用戶需求,展現(xiàn)出一系列引人矚目的未來趨勢。

一、深度融合 AI 與動態(tài)交互

隨著人工智能技術(shù)的深度融入,大屏 UI 將不再局限于靜態(tài)展示。AI 驅(qū)動的動態(tài)交互設(shè)計(jì)將成為主流,系統(tǒng)能夠依據(jù)用戶的行為數(shù)據(jù)、使用習(xí)慣,甚至實(shí)時(shí)情緒狀態(tài),智能調(diào)整界面元素的布局、色彩和展示內(nèi)容。例如,在數(shù)據(jù)監(jiān)控大屏中,AI 可以根據(jù)數(shù)據(jù)的變化趨勢自動突出顯示關(guān)鍵信息,通過動態(tài)圖表和實(shí)時(shí)動畫,讓數(shù)據(jù)的呈現(xiàn)更加直觀、生動。這不僅提升了信息傳達(dá)的效率,還能為用戶帶來個(gè)性化、沉浸式的交互體驗(yàn)。

二、沉浸式的 3D 與虛擬現(xiàn)實(shí)體驗(yàn)

未來的大屏 UI 設(shè)計(jì)將朝著沉浸式體驗(yàn)大步邁進(jìn),3D 技術(shù)和虛擬現(xiàn)實(shí)(VR)、增強(qiáng)現(xiàn)實(shí)(AR)的應(yīng)用會更加廣泛。用戶不再是簡單地觀看屏幕,而是能夠身臨其境地與界面內(nèi)容互動。在展廳展示中,利用 3D 建模和 VR 技術(shù),用戶可以仿佛置身于虛擬的產(chǎn)品世界,全方位查看產(chǎn)品細(xì)節(jié),進(jìn)行虛擬操作。這種沉浸式的體驗(yàn)將模糊現(xiàn)實(shí)與虛擬的界限,極大地增強(qiáng)用戶的參與感和記憶度。

三、可持續(xù)與環(huán)保設(shè)計(jì)理念的滲透

環(huán)保意識的增強(qiáng)促使大屏 UI 設(shè)計(jì)融入可持續(xù)發(fā)展理念。未來的設(shè)計(jì)將更加注重色彩的選擇和圖形元素的運(yùn)用,以減少視覺疲勞和能源消耗。同時(shí),在界面設(shè)計(jì)中可能會融入環(huán)保主題的元素,鼓勵(lì)用戶關(guān)注環(huán)境問題。例如,采用低飽和度、柔和的色彩搭配,不僅符合環(huán)保理念,還能營造出舒適的視覺氛圍,讓用戶在長時(shí)間觀看大屏?xí)r也能保持輕松愉悅的心情。

四、打破常規(guī)的跨界融合風(fēng)格

不同設(shè)計(jì)領(lǐng)域的跨界融合將為大屏 UI 帶來全新的風(fēng)格。藝術(shù)、時(shí)尚、建筑等領(lǐng)域的設(shè)計(jì)理念和元素將被引入大屏 UI 設(shè)計(jì)中。從藝術(shù)作品中汲取靈感,打造具有獨(dú)特藝術(shù)風(fēng)格的界面;借鑒時(shí)尚界的流行元素,讓大屏 UI 更具時(shí)尚感和潮流感;融合建筑設(shè)計(jì)的空間布局和結(jié)構(gòu)美學(xué),使界面的層次感和空間感更強(qiáng)。這種跨界融合將創(chuàng)造出獨(dú)一無二的大屏 UI 風(fēng)格,滿足用戶日益多樣化的審美需求。

五、強(qiáng)化無障礙設(shè)計(jì)與包容性

未來的大屏 UI 設(shè)計(jì)將更加關(guān)注所有用戶群體,包括殘障人士。無障礙設(shè)計(jì)將成為重要標(biāo)準(zhǔn),確保視力障礙用戶能夠通過輔助技術(shù)(如屏幕閱讀器)順利獲取信息,聽力障礙用戶能夠通過視覺提示理解內(nèi)容。同時(shí),設(shè)計(jì)將更加注重通用性和包容性,使不同文化背景、年齡層次的用戶都能輕松使用大屏設(shè)備,實(shí)現(xiàn)真正意義上的信息平等和便捷交互。
大屏 UI 設(shè)計(jì)風(fēng)格的未來充滿無限可能。設(shè)計(jì)師需要緊跟技術(shù)發(fā)展潮流,關(guān)注用戶需求和社會趨勢,不斷創(chuàng)新和探索,將各種先進(jìn)的理念和技術(shù)融入設(shè)計(jì)中,打造出既符合時(shí)代特征又能滿足用戶多樣化需求的大屏 UI 界面,引領(lǐng)未來數(shù)字交互體驗(yàn)的新潮流。

高效 PC 端界面設(shè)計(jì),如何兼顧美觀與實(shí)用?

ui設(shè)計(jì)分享達(dá)人 系統(tǒng)UI設(shè)計(jì)文章及欣賞

在數(shù)字化時(shí)代,PC 端軟件和應(yīng)用程序無處不在,無論是辦公、娛樂還是學(xué)習(xí),我們都離不開它們。一個(gè)優(yōu)秀的 PC 端界面設(shè)計(jì),不僅要美觀,讓用戶賞心悅目,更要實(shí)用,能夠高效地幫助用戶完成各種任務(wù)。那么,如何在設(shè)計(jì)中兼顧美觀與實(shí)用呢?本文將為你一一揭曉。

一、理解美觀與實(shí)用的內(nèi)涵

(一)美觀的界面設(shè)計(jì)

美觀的界面設(shè)計(jì)并非僅僅是視覺上的好看,它涉及到色彩的協(xié)調(diào)搭配、元素的合理布局以及風(fēng)格的統(tǒng)一。色彩能夠營造出不同的氛圍,比如藍(lán)色常給人專業(yè)、可靠的感覺,適合辦公類軟件;而橙色則充滿活力,常用于娛樂類應(yīng)用。合理的元素布局可以引導(dǎo)用戶視線,讓重要信息一目了然。統(tǒng)一的風(fēng)格則能增強(qiáng)界面的整體感和品牌辨識度。

(二)實(shí)用的界面設(shè)計(jì)

實(shí)用的界面設(shè)計(jì)重點(diǎn)在于用戶操作的便捷性和功能的高效實(shí)現(xiàn)。操作流程應(yīng)簡潔明了,避免繁瑣的步驟。例如,文件保存功能應(yīng)能讓用戶快速找到并完成保存動作。同時(shí),界面要能準(zhǔn)確傳達(dá)功能信息,讓用戶無需過多思考就能明白每個(gè)按鈕或菜單的作用。

二、平衡美觀與實(shí)用的難點(diǎn)

在實(shí)際設(shè)計(jì)中,平衡美觀與實(shí)用并非易事。有時(shí)為了追求美觀,可能會采用一些復(fù)雜的設(shè)計(jì)元素或獨(dú)特的布局,這可能會增加用戶理解和操作的難度,影響實(shí)用性。反之,如果過于注重實(shí)用,界面可能會顯得單調(diào)乏味,缺乏吸引力。比如,一些辦公軟件為了追求功能的全面展示,界面堆滿了各種圖標(biāo)和菜單,導(dǎo)致用戶眼花繚亂,降低了使用效率。

三、實(shí)現(xiàn)美觀與實(shí)用兼顧的方法

(一)合理的布局設(shè)計(jì)

采用簡潔清晰的布局結(jié)構(gòu),如常見的 “F” 型或 “Z” 型布局。“F” 型布局符合用戶從左到右、從上到下的閱讀習(xí)慣,適用于信息展示較多的界面;“Z” 型布局則更適合引導(dǎo)用戶關(guān)注重要信息。同時(shí),要合理劃分界面區(qū)域,將相關(guān)功能模塊放在一起,減少用戶的操作路徑。

(二)色彩的巧妙運(yùn)用

選擇合適的色彩搭配,避免過于刺眼或沖突的顏色組合。一般來說,主色調(diào)不宜超過三種,以一種主色調(diào)為主,搭配一兩種輔助色。同時(shí),要考慮色彩對用戶情緒和注意力的影響。比如,在閱讀類應(yīng)用中,采用柔和的色調(diào)可以減輕用戶眼睛的疲勞;而在警示類信息中,使用醒目的紅色來引起用戶的注意。

(三)元素的簡潔與統(tǒng)一

界面元素要簡潔明了,避免過多的裝飾和復(fù)雜的圖案。圖標(biāo)設(shè)計(jì)應(yīng)具有明確的表意,讓用戶一看就懂。同時(shí),保持界面元素風(fēng)格的統(tǒng)一,包括字體、圖標(biāo)、按鈕等,這樣可以增強(qiáng)界面的整體感和專業(yè)性。

(四)用戶反饋與迭代優(yōu)化

在設(shè)計(jì)過程中,要充分收集用戶的反饋意見。通過用戶測試,了解用戶在使用過程中遇到的問題和需求,根據(jù)反饋對界面進(jìn)行迭代優(yōu)化。不斷調(diào)整和改進(jìn),才能使界面設(shè)計(jì)在美觀與實(shí)用之間找到最佳的平衡點(diǎn)。

四、案例分析

以某知名辦公軟件為例,其界面設(shè)計(jì)簡潔大方,采用了經(jīng)典的藍(lán)色調(diào),給人專業(yè)、可靠的感覺。布局上,將常用功能如新建、打開、保存等放在顯眼位置,方便用戶操作。同時(shí),通過簡潔的圖標(biāo)和清晰的菜單,讓用戶能夠快速找到所需功能。在不斷收集用戶反饋后,該軟件持續(xù)優(yōu)化界面,如調(diào)整某些功能的位置,使其操作更加便捷,同時(shí)也保持了界面的美觀性。
高效 PC 端界面設(shè)計(jì)中,美觀與實(shí)用并非相互矛盾,而是相輔相成的。通過合理的布局設(shè)計(jì)、巧妙的色彩運(yùn)用、簡潔統(tǒng)一的元素以及不斷的用戶反饋與迭代優(yōu)化,我們完全可以打造出既美觀又實(shí)用的 PC 端界面,為用戶帶來更好的使用體驗(yàn)。
 

ui設(shè)計(jì)的真需求

ui設(shè)計(jì)分享達(dá)人 設(shè)計(jì)管理與成長

設(shè)計(jì)的真需求
 
 
 
一、引言
 
設(shè)計(jì)的終極目標(biāo)是什么?是解決用戶問題,滿足商業(yè)需求,還是超越功能與形式,為用戶和社會創(chuàng)造更深遠(yuǎn)的價(jià)值?這些問題一直在設(shè)計(jì)師的職業(yè)生涯中反復(fù)思考與探索。
在《真需求》一書中,梁寧提出了一個(gè)核心觀點(diǎn):商業(yè)的本質(zhì)在于滿足“真需求”。她通過“價(jià)值、共識、模式”的商業(yè)閉環(huán)模型,幫助我們從用戶真實(shí)需求出發(fā),創(chuàng)造持久的價(jià)值。這一框架不僅為商業(yè)創(chuàng)新提供了指導(dǎo),也為設(shè)計(jì)師提供了深刻的啟發(fā),尤其是在技術(shù)快速發(fā)展、設(shè)計(jì)不斷迭代的今天。設(shè)計(jì)師如何在用戶、產(chǎn)品與社會之間找到自己的定位,這本書給出了重要的思考方向。
設(shè)計(jì)的真需求
 
 
從設(shè)計(jì)師的角度來看,用戶需求是設(shè)計(jì)的出發(fā)點(diǎn),但更重要的是如何透過顯性需求挖掘出更深層次的情感和價(jià)值訴求。通過建立價(jià)值共識、推動設(shè)計(jì)共創(chuàng),進(jìn)而探索設(shè)計(jì)模式的創(chuàng)新,設(shè)計(jì)師不僅能夠交付優(yōu)質(zhì)的作品,還能重新定義設(shè)計(jì)的意義和角色。
本文將結(jié)合《真需求》的核心理念,從設(shè)計(jì)師的視角出發(fā),探討設(shè)計(jì)如何通過滿足用戶需求,創(chuàng)造卓越的體驗(yàn)并實(shí)現(xiàn)商業(yè)價(jià)值。同時(shí),反思設(shè)計(jì)師在職業(yè)發(fā)展中如何通過設(shè)計(jì)為社會、用戶和自身帶來更多可能性。設(shè)計(jì)的本質(zhì)不僅是一種解決問題的能力,更是一種塑造未來的創(chuàng)造力。
 
二、設(shè)計(jì)的核心:從真需求到價(jià)值創(chuàng)造
 
1. 真需求:設(shè)計(jì)的出發(fā)點(diǎn)
在設(shè)計(jì)領(lǐng)域,理解用戶需求是所有工作的起點(diǎn)。然而,許多設(shè)計(jì)師在實(shí)際工作中容易陷入“假需求”的誤區(qū),比如過分關(guān)注表面功能或迎合主觀美感,而忽略了用戶真正需要解決的問題。梁寧在《真需求》中提到,真正的商業(yè)價(jià)值在于“滿足用戶的真需求”——即用戶愿意為之付費(fèi)或持續(xù)使用的核心價(jià)值。
設(shè)計(jì)的真需求
 
 
對于設(shè)計(jì)師而言,理解真需求需要從三個(gè)方面入手:
剖析用戶痛點(diǎn)
:通過用戶調(diào)研和數(shù)據(jù)分析,找出用戶行為背后的深層原因,避免僅根據(jù)顯性需求作設(shè)計(jì)決策。
構(gòu)建需求網(wǎng)絡(luò)
:分析設(shè)計(jì)在更大的使用場景中的作用,找到“需求空洞”,填補(bǔ)用戶體驗(yàn)鏈中的缺失環(huán)節(jié)。
移情式思考
:站在用戶的角度,體驗(yàn)設(shè)計(jì)的每一步,確保設(shè)計(jì)是易用、有效且能讓用戶滿意的。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:
醫(yī)療產(chǎn)品的設(shè)計(jì)不僅需要滿足功能上的精確和高效,還應(yīng)從患者的角度關(guān)注操作是否友好、是否能緩解焦慮情緒。這種雙向思考幫助設(shè)計(jì)師更全面地定義價(jià)值。
設(shè)計(jì)的真需求
 
 
2. 價(jià)值的三重維度:功能、情緒與資產(chǎn)
梁寧將價(jià)值分為功能價(jià)值、情緒價(jià)值和資產(chǎn)價(jià)值,為設(shè)計(jì)師提供了系統(tǒng)化評估設(shè)計(jì)價(jià)值的框架:
設(shè)計(jì)的真需求
 
 
功能價(jià)值:解決用戶的問題
功能價(jià)值是設(shè)計(jì)的基礎(chǔ),它回答了“這個(gè)設(shè)計(jì)能幫用戶完成什么”的問題。功能價(jià)值要求設(shè)計(jì)師精確理解用戶任務(wù),并提供清晰、高效的解決方案。界面中的簡潔布局、直觀的操作引導(dǎo),都是實(shí)現(xiàn)功能價(jià)值的關(guān)鍵。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
Google搜索的首頁設(shè)計(jì)以其簡潔著稱,僅提供搜索框和按鈕。這種極簡設(shè)計(jì)最大化了功能價(jià)值,讓用戶專注于搜索任務(wù)本身。
設(shè)計(jì)的真需求
 
 
情緒價(jià)值:帶給用戶的感受
功能之外,設(shè)計(jì)還能通過情緒價(jià)值與用戶建立情感連接。情緒價(jià)值可以是讓人愉悅的視覺設(shè)計(jì)、友好的提示語,或是讓用戶感到被理解的交互體驗(yàn)。通過配色、字體、微交互動效等手段,設(shè)計(jì)師可以在細(xì)節(jié)中增強(qiáng)情緒價(jià)值,讓用戶不僅“用得好”,還“用得開心”。 用戶在操作困難時(shí),貼心的引導(dǎo)和輕松的提示語可以有效緩解負(fù)面情緒。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
Airbnb的設(shè)計(jì)注重用戶情緒體驗(yàn),從柔和的色彩到溫暖的語言,都讓用戶感受到一種“家”的氛圍,增強(qiáng)了品牌的情感連接力。
設(shè)計(jì)的真需求
 
 
資產(chǎn)價(jià)值:長期積累的品牌效應(yīng)
資產(chǎn)價(jià)值體現(xiàn)在設(shè)計(jì)能否為品牌建立獨(dú)特的身份和記憶點(diǎn)。資產(chǎn)價(jià)值要求設(shè)計(jì)師通過一致的視覺風(fēng)格和體驗(yàn)邏輯,幫助品牌在用戶心中建立清晰的形象。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
蘋果的產(chǎn)品設(shè)計(jì)通過極簡風(fēng)格、一致的界面語言和高辨識度的工業(yè)設(shè)計(jì),建立了強(qiáng)大的品牌資產(chǎn)價(jià)值,使得用戶一提到“極簡創(chuàng)新”就聯(lián)想到蘋果。 蘋果產(chǎn)品的設(shè)計(jì)語言不僅傳遞了科技感,還樹立了“創(chuàng)新、簡約”的品牌形象,使用戶在購買產(chǎn)品時(shí)會優(yōu)先想到它。
設(shè)計(jì)的真需求
 
 
3. 設(shè)計(jì)師的挑戰(zhàn):如何平衡不同的價(jià)值
在設(shè)計(jì)過程中,功能、情緒和資產(chǎn)三種價(jià)值往往是相互交織的,但它們的實(shí)現(xiàn)需要不同的資源投入,有時(shí)甚至?xí)嗷_突。設(shè)計(jì)師的挑戰(zhàn)在于如何在這三者之間找到平衡點(diǎn),以最大化設(shè)計(jì)的效果。
功能至上
——可能會導(dǎo)致設(shè)計(jì)顯得冷冰冰、缺乏情感,無法與用戶建立情感連接。
情緒至上
——可能忽視設(shè)計(jì)的實(shí)用性,最終影響用戶體驗(yàn),甚至導(dǎo)致用戶流失。
資產(chǎn)至上
——可能讓設(shè)計(jì)在短期內(nèi)表現(xiàn)良好,但缺乏長期的用戶粘性和實(shí)際使用價(jià)值。
設(shè)計(jì)的真需求
 
 
在設(shè)計(jì)初期,明確優(yōu)先級非常重要。例如,初創(chuàng)產(chǎn)品可以更多聚焦于
功能價(jià)值
,確保產(chǎn)品能夠有效解決用戶的核心問題;而對于成熟品牌,則可以側(cè)重于
情緒價(jià)值
資產(chǎn)價(jià)值
的提升,強(qiáng)化品牌形象和用戶忠誠度。在設(shè)計(jì)迭代過程中,持續(xù)校驗(yàn)這三種價(jià)值,確保它們在不同使用場景中的有效性與平衡性。
設(shè)計(jì)的真需求
 
 
根據(jù)商業(yè)目標(biāo)合理分配設(shè)計(jì)資源,確保將精力集中在最關(guān)鍵的價(jià)值上,避免在非核心價(jià)值上投入過多資源,導(dǎo)致設(shè)計(jì)失衡或資源浪費(fèi)。通過精確的優(yōu)先排序,確保每個(gè)階段的設(shè)計(jì)都能最大化其價(jià)值貢獻(xiàn)。
在了解了如何通過設(shè)計(jì)滿足用戶的真需求,并為產(chǎn)品帶來價(jià)值后,接下來的關(guān)鍵問題是:用戶如何感知并接受這些設(shè)計(jì)價(jià)值?這就是我們接下來要討論的‘用戶共識’。設(shè)計(jì)不僅需要解決問題,更需要與用戶建立共識,確保他們能夠充分理解設(shè)計(jì)的意義,并在實(shí)際使用中感受到其價(jià)值。
 
三、用戶共識:構(gòu)建設(shè)計(jì)與用戶的深層連接
 
1. 共識構(gòu)建:如何讓設(shè)計(jì)被用戶理解與接受
梁寧在《真需求》中指出,共識是連接價(jià)值與交易的橋梁,解決了“有價(jià)值卻未成交”的問題。對于設(shè)計(jì)師來說,共識構(gòu)建的關(guān)鍵在于幫助用戶“明確感知設(shè)計(jì)價(jià)值”,并在設(shè)計(jì)與用戶心理之間建立深度連接。她提出了三個(gè)核心共識維度,帶來了重要啟示:
感知共識:讓設(shè)計(jì)價(jià)值直觀可見
用戶對設(shè)計(jì)的第一印象來自感知。如果用戶無法在短時(shí)間內(nèi)明確設(shè)計(jì)的功能和意義,設(shè)計(jì)就無法達(dá)成感知共識。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:
Instagram 的點(diǎn)贊按鈕采用簡單明了的“心形”圖標(biāo),放置在顯眼位置,并通過顏色變化(從空心到實(shí)心)和動畫反饋清晰傳遞交互結(jié)果。用戶無需說明便能直觀理解其功能,這種設(shè)計(jì)通過直觀的視覺符號和互動效果,讓用戶迅速建立對功能的感知共識,同時(shí)增強(qiáng)了使用體驗(yàn)的愉悅感。
設(shè)計(jì)的真需求
 
 
場景共識:設(shè)計(jì)融入用戶使用場景
梁寧強(qiáng)調(diào),設(shè)計(jì)要嵌入特定的使用場景,才能讓用戶自然而然地接受它。場景的具體化能縮短用戶認(rèn)知路徑,增加設(shè)計(jì)的貼近感。深入研究用戶行為,挖掘高頻或未被滿足的使用場景。 針對具體場景定制設(shè)計(jì)解決方案,確保功能契合使用情境。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
一個(gè)為學(xué)生設(shè)計(jì)的在線教育應(yīng)用,應(yīng)強(qiáng)化“課后復(fù)習(xí)”或“考試準(zhǔn)備”的場景細(xì)分,而不是泛泛地解決所有教育需求。這樣的明確定位有助于設(shè)計(jì)在特定場景中建立聯(lián)系,提高用戶接受度。Kindle 的設(shè)計(jì)充分考慮了“碎片化閱讀”這一場景。通過輕便設(shè)備、簡化交互和護(hù)眼模式,完美契合了用戶在旅途中或睡前的閱讀需求。
設(shè)計(jì)的真需求
 
 
想象共識:與用戶人設(shè)相契合
在現(xiàn)代消費(fèi)環(huán)境中,用戶不再僅僅關(guān)心產(chǎn)品能做什么,還關(guān)心它是否符合自己的身份、價(jià)值觀或生活方式。梁寧提出“用戶人設(shè)”的概念,鼓勵(lì)設(shè)計(jì)師關(guān)注用戶的自我認(rèn)知和期許。將目標(biāo)用戶的自我期許融入設(shè)計(jì)語言,如視覺風(fēng)格或品牌調(diào)性。 通過個(gè)性化設(shè)計(jì)增強(qiáng)用戶與產(chǎn)品的情感連接,例如提供可定制選項(xiàng)或創(chuàng)造屬于用戶的獨(dú)特體驗(yàn)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
Nike 通過“Just Do It”這一品牌口號,精準(zhǔn)觸達(dá)了用戶內(nèi)心深處的奮斗精神與自我突破的愿望。這一策略不僅為運(yùn)動愛好者提供功能性的運(yùn)動裝備,還賦予其品牌一種超越功能的象征意義,激勵(lì)用戶將運(yùn)動視為一種表達(dá)自我的方式。無論是專業(yè)運(yùn)動員還是普通健身愛好者,都能在 Nike 的設(shè)計(jì)中找到與自己“挑戰(zhàn)極限”人設(shè)相契合的情感共鳴。
設(shè)計(jì)的真需求
 
 
2. 用戶共創(chuàng):設(shè)計(jì)如何通過用戶反饋提升價(jià)值
梁寧提到,共識的最終結(jié)果是“建立關(guān)系”,這種關(guān)系不僅是一種商業(yè)紐帶,更是一種用戶與設(shè)計(jì)共創(chuàng)的可能性。在設(shè)計(jì)中,用戶的參與不僅提升了產(chǎn)品的體驗(yàn),也讓用戶成為了設(shè)計(jì)價(jià)值的共同創(chuàng)造者。
用戶反饋驅(qū)動設(shè)計(jì)迭代
用戶共創(chuàng)的核心是從反饋中不斷優(yōu)化設(shè)計(jì)。無論是通過用戶訪談還是可用性測試,設(shè)計(jì)師都需要打開設(shè)計(jì)與用戶的雙向互動通道,深入理解用戶的真實(shí)感受。將用戶測試和數(shù)據(jù)分析融入設(shè)計(jì)流程,形成“反饋—迭代”的閉環(huán)。在設(shè)計(jì)中提供“驚喜點(diǎn)”,讓用戶感受到他們的建議被轉(zhuǎn)化為實(shí)際成果。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
Airbnb通過邀請用戶測試新功能,不斷優(yōu)化平臺界面和流程,同時(shí)讓用戶感受到自己的意見被重視。這種“共創(chuàng)感”增加了用戶對產(chǎn)品的信任和忠誠度。
設(shè)計(jì)的真需求
 
 
設(shè)計(jì)師與用戶的長期關(guān)系
超越一次性的交互設(shè)計(jì),成功的設(shè)計(jì)師更關(guān)注如何通過持續(xù)的體驗(yàn)優(yōu)化,建立與用戶的深層次關(guān)系。例如,為老用戶提供專屬功能或優(yōu)待,強(qiáng)化用戶的歸屬感與參與感。為用戶提供自定義或擴(kuò)展空間,讓他們能夠個(gè)性化調(diào)整設(shè)計(jì)。 借助社區(qū)運(yùn)營或功能升級,與用戶共同打造產(chǎn)品生態(tài)系統(tǒng)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
Spotify 不僅提供流暢的音樂播放功能,還通過年度回顧功能(Spotify Wrapped)與用戶建立深度連接。用戶在感受個(gè)性化服務(wù)的同時(shí),也增強(qiáng)了對平臺的忠誠度。
設(shè)計(jì)的真需求
 
 
一旦設(shè)計(jì)能夠建立與用戶的共識,它就能夠在實(shí)際應(yīng)用中產(chǎn)生更深的影響。那么,如何讓這些設(shè)計(jì)實(shí)現(xiàn)持久的價(jià)值并持續(xù)創(chuàng)新呢?這就引出了我們接下來要討論的設(shè)計(jì)模式。
 
四、設(shè)計(jì)的模式:創(chuàng)新與可持續(xù)發(fā)展
在商業(yè)中,模式是企業(yè)在市場中持續(xù)生存的能力。而在設(shè)計(jì)領(lǐng)域,模式同樣意味著設(shè)計(jì)師和團(tuán)隊(duì)在快速變化的環(huán)境中,通過系統(tǒng)化方法實(shí)現(xiàn)創(chuàng)新與可持續(xù)發(fā)展的能力。梁寧在《真需求》中提出的三大模式要素——“能力系統(tǒng)、變現(xiàn)邏輯、分配機(jī)制”,為設(shè)計(jì)的長期成功提供了明確的框架。
 
1. 設(shè)計(jì)的能力系統(tǒng):創(chuàng)新與實(shí)施的平衡
梁寧提出的“認(rèn)知是頂,安全是底”這一理念,強(qiáng)調(diào)了創(chuàng)新與可行性的平衡。這一思想對設(shè)計(jì)團(tuán)隊(duì)尤其重要,因?yàn)樵O(shè)計(jì)本質(zhì)上既是創(chuàng)造性工作,又需要落地執(zhí)行。
認(rèn)知是頂:設(shè)計(jì)師如何站在前沿創(chuàng)新
創(chuàng)新需要設(shè)計(jì)師保持對趨勢、技術(shù)和用戶行為的敏銳洞察。例如,隨著AI技術(shù)(如AIGC)在設(shè)計(jì)中的廣泛應(yīng)用,設(shè)計(jì)師需要主動學(xué)習(xí)如何將這些新技術(shù)與設(shè)計(jì)工作流相結(jié)合,以提升效率和創(chuàng)造力。定期關(guān)注行業(yè)趨勢,例如UI/UX設(shè)計(jì)中語音交互、動態(tài)設(shè)計(jì)等領(lǐng)域的最新發(fā)展。為團(tuán)隊(duì)搭建學(xué)習(xí)機(jī)制,通過分享會、培訓(xùn)課程保持知識更新。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
Canva 引入了 AI 支持的設(shè)計(jì)功能,幫助用戶通過簡單的操作快速生成高質(zhì)量的設(shè)計(jì)內(nèi)容。設(shè)計(jì)師團(tuán)隊(duì)通過分析用戶在社交媒體和品牌設(shè)計(jì)中的常見需求,將 AI 技術(shù)無縫集成到工具中,讓非專業(yè)用戶也能高效完成復(fù)雜的設(shè)計(jì)任務(wù)。這一功能不僅降低了設(shè)計(jì)門檻,也為專業(yè)設(shè)計(jì)師提供了更靈活的創(chuàng)作方式。
設(shè)計(jì)的真需求
 
 
安全是底:構(gòu)建設(shè)計(jì)的可行性與穩(wěn)定性
在追求創(chuàng)新的同時(shí),設(shè)計(jì)師需要考慮現(xiàn)實(shí)限制(如技術(shù)、預(yù)算、法律合規(guī)性等)。只有在可行性與風(fēng)險(xiǎn)可控的基礎(chǔ)上,設(shè)計(jì)才能真正落地。與開發(fā)團(tuán)隊(duì)緊密協(xié)作,確保設(shè)計(jì)方案技術(shù)上可實(shí)現(xiàn)。在項(xiàng)目中設(shè)定約束條件(例如時(shí)間與資源),優(yōu)先完成最關(guān)鍵的功能設(shè)計(jì)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:
產(chǎn)品出海設(shè)計(jì)中,考慮不同市場的文化和法規(guī)限制(如隱私保護(hù)或內(nèi)容展示),能夠避免后期的不可控風(fēng)險(xiǎn),讓設(shè)計(jì)更穩(wěn)定、合規(guī)。
設(shè)計(jì)的真需求
 
 
2. 變現(xiàn)邏輯:從用戶體驗(yàn)到商業(yè)價(jià)值
設(shè)計(jì)不僅是美學(xué)和交互的表達(dá),還直接影響商業(yè)目標(biāo)的實(shí)現(xiàn)。梁寧指出,變現(xiàn)的核心在于找到“套利空間”,而設(shè)計(jì)的作用就是通過提升效率和體驗(yàn),優(yōu)化商業(yè)轉(zhuǎn)化路徑。
提高商業(yè)轉(zhuǎn)化率:設(shè)計(jì)如何推動用戶行為
高效的設(shè)計(jì)能夠縮短用戶完成目標(biāo)的路徑,從而提升產(chǎn)品的商業(yè)轉(zhuǎn)化率。優(yōu)化用戶體驗(yàn)流程,減少操作步驟,讓用戶更快速地完成核心任務(wù)。通過微交互和視覺提示,吸引用戶注意,推動行為轉(zhuǎn)化。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:
亞馬遜的“一鍵下單”功能通過簡化支付步驟,大幅提升了購買轉(zhuǎn)化率。這種通過設(shè)計(jì)直接提升效率的方式,充分體現(xiàn)了變現(xiàn)邏輯的核心。
設(shè)計(jì)的真需求
 
 
長期價(jià)值:設(shè)計(jì)如何助力品牌忠誠度
除了短期的轉(zhuǎn)化提升,設(shè)計(jì)還能夠通過建立品牌認(rèn)同,提升用戶的長期忠誠度。通過一致的視覺語言和情感化設(shè)計(jì),增強(qiáng)用戶對品牌的記憶點(diǎn)。在用戶生命周期中持續(xù)提供附加價(jià)值,如專屬功能或個(gè)性化推薦。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
星巴克通過會員體系和移動應(yīng)用設(shè)計(jì)提升用戶忠誠度。界面保持一致的品牌風(fēng)格(如綠色主題和簡潔布局),同時(shí)通過個(gè)性化推薦、積分獎(jiǎng)勵(lì)機(jī)制和專屬優(yōu)惠強(qiáng)化用戶體驗(yàn)。此外,定期推出的限量活動和節(jié)日主題設(shè)計(jì)進(jìn)一步拉近了品牌與用戶的情感連接。這種設(shè)計(jì)策略將品牌價(jià)值與用戶體驗(yàn)深度融合,不僅提供貼心服務(wù),還通過一致性和個(gè)性化增強(qiáng)用戶的長期信任與歸屬感。
設(shè)計(jì)的真需求
 
 
3. 資源分配:如何聚焦核心優(yōu)勢以實(shí)現(xiàn)長期價(jià)值
分配機(jī)制是資源調(diào)配的策略。梁寧強(qiáng)調(diào),資源應(yīng)優(yōu)先流向能夠增強(qiáng)生存優(yōu)勢的領(lǐng)域。在設(shè)計(jì)中,這意味著設(shè)計(jì)師和團(tuán)隊(duì)?wèi)?yīng)集中精力在能夠帶來最大價(jià)值的關(guān)鍵點(diǎn)上,而不是平均分配資源或盲目追求全面覆蓋。
聚焦核心設(shè)計(jì)能力
每個(gè)設(shè)計(jì)團(tuán)隊(duì)都有自己的核心優(yōu)勢,例如擅長用戶界面、交互設(shè)計(jì)或品牌塑造。資源分配應(yīng)優(yōu)先支持這些優(yōu)勢領(lǐng)域。明確團(tuán)隊(duì)優(yōu)勢,分配更多時(shí)間和預(yù)算用于強(qiáng)化核心能力。 在能力邊界內(nèi)合理試驗(yàn)創(chuàng)新,避免資源分散帶來的執(zhí)行風(fēng)險(xiǎn)。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
小米的設(shè)計(jì)團(tuán)隊(duì)專注于打造智能硬件與軟件的深度整合,通過其獨(dú)特的生態(tài)鏈戰(zhàn)略,將資源集中于優(yōu)化用戶在多個(gè)設(shè)備間的無縫體驗(yàn)。這種聚焦于智能生態(tài)系統(tǒng)的設(shè)計(jì)策略,不僅提升了各個(gè)產(chǎn)品之間的協(xié)同效應(yīng),還加深了用戶對小米品牌的忠誠度,最大化了其在智能硬件領(lǐng)域的核心競爭力。
設(shè)計(jì)的真需求
 
 
優(yōu)化設(shè)計(jì)資源分配
資源分配不僅要聚焦于優(yōu)勢,還需避免對非核心需求的過度投入。例如,過度追求復(fù)雜視覺效果而忽略功能體驗(yàn),可能導(dǎo)致資源浪費(fèi)。在項(xiàng)目啟動前明確設(shè)計(jì)優(yōu)先級,將資源集中在高價(jià)值任務(wù)上。定期復(fù)盤項(xiàng)目中的資源使用情況,找到優(yōu)化空間。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子:
知乎在初期發(fā)展時(shí),專注于優(yōu)化用戶的核心需求——精準(zhǔn)的信息獲取和高效的問答功能。盡管其界面設(shè)計(jì)簡潔,但團(tuán)隊(duì)將大量資源投入到交互體驗(yàn)和信息流的優(yōu)化上,而非追求復(fù)雜的視覺效果。這一策略確保了平臺的易用性和功能性,同時(shí)避免了不必要的設(shè)計(jì)過度,從而提升了用戶粘性。隨著用戶需求的變化,知乎又根據(jù)反饋逐步改進(jìn)設(shè)計(jì),確保資源分配與產(chǎn)品目標(biāo)始終對齊。
設(shè)計(jì)的真需求
 
 
在建立了設(shè)計(jì)的創(chuàng)新能力與可持續(xù)性后,我們需要將其與設(shè)計(jì)師的個(gè)人成長與職業(yè)使命結(jié)合起來。設(shè)計(jì)不僅僅是解決問題,更關(guān)乎設(shè)計(jì)師如何通過設(shè)計(jì)找到個(gè)人的歸屬感與意義。
 
五、設(shè)計(jì)師的自我反思:真需求與生命的意義
梁寧在《真需求》中提出,商業(yè)問題歸根到底是哲學(xué)問題:“人生到底需要什么?市場到底需要什么?”對于設(shè)計(jì)師而言,這一問題可以轉(zhuǎn)換為“用戶到底需要什么?我自己到底需要什么?”設(shè)計(jì)師不僅需要關(guān)注用戶的真需求,還應(yīng)誠實(shí)面對自己的需求和價(jià)值,以找到設(shè)計(jì)與個(gè)人成長的平衡點(diǎn)。這種反思能夠讓設(shè)計(jì)從單純的職業(yè)實(shí)踐,升華為生命的自我表達(dá)。
 
1. 避免偽創(chuàng)新:如何專注于用戶的真實(shí)需求
許多設(shè)計(jì)師在工作中容易陷入“自嗨式設(shè)計(jì)”的陷阱,例如為了炫技追求復(fù)雜的視覺效果,或過分迎合流行趨勢而忽略用戶實(shí)際需求。這種設(shè)計(jì)表面上光鮮亮麗,實(shí)際上卻脫離了用戶場景,難以創(chuàng)造真正的價(jià)值。
拒絕偽創(chuàng)新,回歸用戶本質(zhì)需求
梁寧提到,商業(yè)價(jià)值來自于滿足用戶的真需求。同樣,設(shè)計(jì)的成功在于能否為用戶解決實(shí)際問題,而非制造無意義的花哨。定期開展用戶調(diào)研,與用戶直接對話,避免假設(shè)驅(qū)動設(shè)計(jì)。在設(shè)計(jì)流程中設(shè)置校驗(yàn)機(jī)制(如可用性測試),確保設(shè)計(jì)方案符合用戶的實(shí)際需求和期望。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
Dropbox 在初期專注于簡化文件存儲和共享的功能,而非追求復(fù)雜的設(shè)計(jì)或炫酷的視覺效果。團(tuán)隊(duì)通過與用戶的持續(xù)溝通,了解他們的核心需求:高效、安全、便捷地管理文件。通過一系列用戶調(diào)研和可用性測試,Dropbox 將其界面設(shè)計(jì)簡化,確保操作直觀易懂,避免了無意義的復(fù)雜功能。
設(shè)計(jì)的真需求
 
 
透過表面需求,挖掘深層次的情感與價(jià)值
用戶往往不知道自己真正需要什么,這就需要設(shè)計(jì)師具備洞察力,找到需求背后的痛點(diǎn)或欲望。從用戶行為和場景中尋找隱藏需求,例如他們未被滿足的情感訴求。提升設(shè)計(jì)的情感價(jià)值,通過視覺、語言和交互細(xì)節(jié)拉近與用戶的距離。
設(shè)計(jì)的真需求
 
 
舉個(gè)例子
網(wǎng)易云音樂通過其個(gè)性化推薦系統(tǒng)和社交功能,成功滿足了用戶在聽音樂時(shí)的情感需求。除了基本的音樂播放功能外,網(wǎng)易云音樂通過精準(zhǔn)的算法分析用戶的聽歌習(xí)慣,為用戶推薦符合其情感需求的歌曲,同時(shí)允許用戶創(chuàng)建歌單并與朋友分享,從而創(chuàng)造了一種情感共鳴和社交連接。
設(shè)計(jì)的真需求
 
 
2. 設(shè)計(jì)師的成長:面對個(gè)人與職業(yè)需求的挑戰(zhàn)
在不斷追求創(chuàng)新和成果的過程中,設(shè)計(jì)師也需要反思自己的目標(biāo)和價(jià)值。梁寧指出,真正的安全感并非來自完美無缺,而是源于誠實(shí)面對自己與他人的需求,這對設(shè)計(jì)師的個(gè)人成長有深刻啟發(fā)。
理解自己的角色:從解決問題到創(chuàng)造可能
設(shè)計(jì)師常被視為“問題解決者”,但更重要的是成為“可能性創(chuàng)造者”。通過設(shè)計(jì),激發(fā)用戶的想象力,讓他們看到更多選擇和更美好的未來。在項(xiàng)目中尋找能提升用戶生活質(zhì)量的機(jī)會,推動設(shè)計(jì)從功能解決擴(kuò)展到體驗(yàn)優(yōu)化。 保持對多學(xué)科領(lǐng)域的興趣,例如心理學(xué)、行為經(jīng)濟(jì)學(xué),為設(shè)計(jì)注入更多可能性。
設(shè)計(jì)的真需求
 
 
與設(shè)計(jì)和解:接受有限性,專注長期價(jià)值
很多設(shè)計(jì)師在職業(yè)生涯中容易陷入“無限追求完美”的焦慮狀態(tài)。事實(shí)上,完美設(shè)計(jì)并不存在,每個(gè)項(xiàng)目都有時(shí)間、預(yù)算和技術(shù)限制。學(xué)會接受設(shè)計(jì)的有限性,專注于長期價(jià)值的積累,才能在職業(yè)道路上走得更遠(yuǎn)。在每個(gè)項(xiàng)目中明確最核心的目標(biāo),優(yōu)先解決關(guān)鍵問題,避免過度設(shè)計(jì)。 記錄自己的設(shè)計(jì)成果和成長點(diǎn),總結(jié)經(jīng)驗(yàn),逐步積累長期設(shè)計(jì)資產(chǎn)。
設(shè)計(jì)的真需求
 
 
3. 設(shè)計(jì)師的社會責(zé)任:超越商業(yè),創(chuàng)造社會價(jià)值
梁寧在書中提到,“商業(yè)只是社會的一個(gè)局部,生命才是全局”。設(shè)計(jì)師不僅是為商業(yè)目標(biāo)服務(wù)的工具人,更是社會創(chuàng)新的重要力量。通過設(shè)計(jì),解決用戶問題、傳遞價(jià)值觀,甚至影響文化和社會結(jié)構(gòu),這是設(shè)計(jì)師在更大框架中的角色所在。
設(shè)計(jì)作為改變世界的工具
設(shè)計(jì)的意義不僅在于優(yōu)化現(xiàn)有產(chǎn)品,還在于推動社會問題的解決。例如,環(huán)保包裝、無障礙設(shè)計(jì)和公益產(chǎn)品,這些設(shè)計(jì)不僅實(shí)現(xiàn)了功能目標(biāo),還為社會帶來了積極影響。在設(shè)計(jì)中融入社會責(zé)任感,例如使用可持續(xù)材料、優(yōu)化資源利用。 主動參與公益項(xiàng)目,將設(shè)計(jì)能力用于支持弱勢群體或解決社會問題。
設(shè)計(jì)的真需求
 
 
讓設(shè)計(jì)為生命賦能
梁寧指出,美好的商業(yè)應(yīng)該讓人們的生命綻放。同樣,美好的設(shè)計(jì)不僅服務(wù)于用戶的基本需求,更能激發(fā)他們的潛能,幫助他們實(shí)現(xiàn)更高層次的價(jià)值。設(shè)計(jì)關(guān)注用戶的成長和進(jìn)步,例如幫助用戶學(xué)習(xí)新技能或提高效率。 通過情感化設(shè)計(jì),構(gòu)建更有溫度的產(chǎn)品體驗(yàn),給用戶帶來啟發(fā)和感動。
設(shè)計(jì)的真需求
 
 
 
六、結(jié)語
 
設(shè)計(jì)不僅是解決問題的工具,更是一種改變生活的力量。《真需求》讓我們深刻意識到,設(shè)計(jì)師的工作不僅僅是完成任務(wù),它應(yīng)致力于滿足用戶的真需求,通過創(chuàng)造價(jià)值、構(gòu)建共識和優(yōu)化設(shè)計(jì)模式,推動產(chǎn)品、用戶與社會之間更深層次的連接。
對于設(shè)計(jì)師而言,梁寧的“價(jià)值、共識、模式”模型提供了系統(tǒng)化的實(shí)踐框架:
在價(jià)值層面
,從功能、情緒和資產(chǎn)三個(gè)維度出發(fā),創(chuàng)造打動用戶的作品。
在共識層面
,通過感知、場景和想象的共識構(gòu)建,讓設(shè)計(jì)與用戶的心理、情境和期望緊密結(jié)合。
在模式層面
,不斷提升自己的能力系統(tǒng),探索設(shè)計(jì)的商業(yè)價(jià)值和資源分配策略,推動設(shè)計(jì)的長期可持續(xù)發(fā)展。
設(shè)計(jì)的真需求
 
 
設(shè)計(jì)的價(jià)值遠(yuǎn)不止于商業(yè)范疇,它應(yīng)從更廣闊的社會和生命角度進(jìn)行探索。設(shè)計(jì)師的使命不僅是完成項(xiàng)目或滿足客戶需求,更是通過設(shè)計(jì)改善世界,讓人們的生活更加豐富和有意義。關(guān)注“真需求”不僅能為用戶帶來更好的生活體驗(yàn),也能為設(shè)計(jì)師自身提供從容與篤定的成長方向。這才是設(shè)計(jì)的真正力量,也是設(shè)計(jì)師應(yīng)不斷追求的目標(biāo)。
設(shè)計(jì)的真需求
 
 
設(shè)計(jì)的真需求
 
 
設(shè)計(jì)師的成長離不開對自身需求的深刻反思。只有坦誠面對自身的局限,專注于長期的積累與價(jià)值創(chuàng)造,我們才能在職業(yè)道路上走得更遠(yuǎn),在設(shè)計(jì)中找到真正的意義與從容。這不僅是《真需求》理念的實(shí)踐,更是設(shè)計(jì)師的生活態(tài)度。設(shè)計(jì)的未來,除了技術(shù)創(chuàng)新和形式變化,更在于設(shè)計(jì)師如何通過真需求的思考,讓設(shè)計(jì)為社會和個(gè)人創(chuàng)造更加美好的可能性。
 

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

沉浸交互,APP 界面設(shè)計(jì)新視界

ui設(shè)計(jì)分享達(dá)人 系統(tǒng)UI設(shè)計(jì)文章及欣賞

 
在移動互聯(lián)網(wǎng)蓬勃發(fā)展的今天,APP 已滲透到生活的各個(gè)角落。從日常社交到工作辦公,從休閑娛樂到學(xué)習(xí)求知,各類 APP 琳瑯滿目。在這激烈的競爭中,融入沉浸交互理念的 APP 界面設(shè)計(jì),正成為吸引并留住用戶的核心競爭力。

一、沉浸交互,突破傳統(tǒng)藩籬

傳統(tǒng) APP 界面設(shè)計(jì)多以功能展示為主,用戶操作時(shí)如同使用獨(dú)立工具,缺乏深度體驗(yàn)。而沉浸交互打破了這種局限,通過精心設(shè)計(jì),讓用戶仿若置身于與現(xiàn)實(shí)緊密相連又獨(dú)具特色的虛擬空間。
以一款旅行 APP 為例,打開它不再是單調(diào)的景點(diǎn)、酒店列表,而是借助 3D 動畫、全景展示等技術(shù),瞬間將用戶 “傳送” 至目的地?;瑒悠聊?,就像漫步當(dāng)?shù)亟窒?;點(diǎn)擊景點(diǎn),專業(yè)語音講解隨即響起,用戶從信息被動接收者,轉(zhuǎn)變?yōu)橹鲃訁⑴c者。

二、沉浸交互的關(guān)鍵要素

  1. 視覺沉浸:精美的界面是吸引用戶的敲門磚。高清圖片、協(xié)調(diào)的色彩搭配與流暢動畫,共同營造出逼真且極具吸引力的視覺環(huán)境。攝影類 APP 在圖片展示時(shí)采用全屏高清,并搭配細(xì)膩光影,讓用戶仿若置身拍攝現(xiàn)場。
  1. 聽覺沉浸:合適的音效能強(qiáng)化沉浸感。游戲 APP 中逼真的環(huán)境音效與緊張背景音樂,能讓玩家迅速投入;冥想類 APP 里舒緩的自然音效,如潺潺流水、悠悠鳥鳴,幫助用戶放松身心,沉浸其中。
  1. 操作沉浸:簡潔、流暢且符合用戶習(xí)慣的操作流程至關(guān)重要。短視頻 APP 用戶只需上下滑動就能瀏覽視頻,簡單便捷,無需思索操作步驟,便可沉浸于內(nèi)容海洋。

三、沉浸交互的顯著優(yōu)勢

  1. 提升用戶體驗(yàn):豐富有趣的交互體驗(yàn),大幅提高用戶滿意度與忠誠度。
  1. 增強(qiáng)用戶粘性:用戶沉浸其中,更愿投入時(shí)間,APP 的使用時(shí)長和打開頻率隨之增加。
  1. 助力品牌塑造:獨(dú)特的交互設(shè)計(jì)使 APP 在競品中脫穎而出,塑造鮮明品牌形象,讓用戶記憶深刻。

四、未來展望

隨著 VR、AR 等技術(shù)的成熟,沉浸交互在 APP 界面設(shè)計(jì)中的應(yīng)用將更加廣泛深入。未來,我們或許能通過手機(jī)參加虛擬演唱會,足不出戶游覽全球博物館。
沉浸交互為 APP 界面設(shè)計(jì)開拓了新視野,讓 APP 從單純的工具,轉(zhuǎn)變?yōu)槌錆M無限可能的體驗(yàn)平臺。開發(fā)者與設(shè)計(jì)師應(yīng)持續(xù)探索創(chuàng)新,將沉浸交互發(fā)揮到極致,為用戶帶來更多精彩。

講講AI在B端設(shè)計(jì)上的應(yīng)用方法

ui設(shè)計(jì)分享達(dá)人 B端ui設(shè)計(jì)文章及欣賞

B 端設(shè)計(jì)領(lǐng)域的 AI 應(yīng)用
大多數(shù)同學(xué)目前對 AI 應(yīng)用的認(rèn)識只有文生圖、對話、駕駛等領(lǐng)域,但 AI 應(yīng)用的場景遠(yuǎn)遠(yuǎn)不止它們。
和頭部的明星 AI 產(chǎn)品、模型相比,細(xì)分市場的 AI 應(yīng)用就非常沒有存在感了。比如使用 AI 進(jìn)行財(cái)務(wù)的審核、飲料配方的調(diào)節(jié)、工程安全的模擬等等,它可以幫助企業(yè)節(jié)約大量的人力完成工作。
概括起來,就是一些可以通過計(jì)算機(jī)完成的(也不止)重復(fù)性勞動或標(biāo)準(zhǔn)化流程,都可以引入 AI 的技術(shù)進(jìn)行降本增效。
那在 UI 設(shè)計(jì)領(lǐng)域中,這些重復(fù)性和標(biāo)準(zhǔn)化的工作內(nèi)容有嘛?
有,但是并不會像外行或者新手想象的那么多。AI 難以覆蓋的場景我們過去的分享探討過,等等也會做進(jìn)一步的說明,而這里我們先要探討的,就是能用 AI 實(shí)現(xiàn)的 B 端設(shè)計(jì)場景,具體有哪些。
我們都知道市面上現(xiàn)在有很多開源的 B 端前端框架,各個(gè)大廠前赴后繼地對它們進(jìn)行更新和完善,里面包含了非常豐富的組件庫。
講講AI在B端設(shè)計(jì)上的應(yīng)用方法
 
 
這些組件庫不不止是 UI 的組件,也包含了前端的對應(yīng)代碼,前端工程師可以快速調(diào)用這些代碼組件而不用自己去重新寫一遍樣式和交互。
原則上,使用現(xiàn)成的組件開發(fā)就可以快速完成整套項(xiàng)目的前端內(nèi)容,這可以給前端工程師節(jié)省大量時(shí)間。所以即使項(xiàng)目中有完整的設(shè)計(jì)稿,前端在開發(fā)過程中也會偷懶直接略過,直接套用框架內(nèi)的組件實(shí)現(xiàn)。
這和設(shè)計(jì)師直接套用素材完成運(yùn)營圖設(shè)計(jì)一樣,明明有現(xiàn)成的素材在那里,為什么要浪費(fèi)一大堆時(shí)間自己重新畫一遍還是用 3D 建模渲染?同理,要是組件足夠豐富,滿足項(xiàng)目的需要,設(shè)計(jì)師也可以直接復(fù)用官方的組件素材,不用自己設(shè)計(jì)。
組件化思維的運(yùn)用,就是項(xiàng)目工作標(biāo)準(zhǔn)化和重復(fù)性的根源,不僅應(yīng)用在設(shè)計(jì)領(lǐng)域,對于前、后端開發(fā)來說同理。
基于這種思路,催生出了一種新的 SaaS 模式 —— 低代碼 Low-Code 服務(wù)。
即通過少量的代碼,或者干脆不用代碼,僅通過可視的工具和組件實(shí)現(xiàn)軟件的開發(fā),并完成相應(yīng)的配置和部署的工具。
這概念咋一看不就是建站工具?比如有贊、微店之類的,用戶可以在里面直接創(chuàng)建并配置店鋪,然后以網(wǎng)頁、H5 或小程序的形式發(fā)布。
但這只是最初級的應(yīng)用,傳統(tǒng)的建站工具屬于幫你預(yù)制好了主要的參數(shù)和功能,用戶只能在這個(gè)范圍內(nèi)做少量的自定義編輯和設(shè)置。但進(jìn)階的 Low-Code,會賦予用戶更大的編輯范圍和自由度,讓用戶通過可視化的界面創(chuàng)建自己想要的產(chǎn)品和功能。
講講AI在B端設(shè)計(jì)上的應(yīng)用方法
 
 
這類產(chǎn)品已經(jīng)衍生出一個(gè)規(guī)模不小的市場,因?yàn)橛写罅康闹行∑髽I(yè)不想投入太多的精力和成本進(jìn)數(shù)字化平臺的搭建上,
并希望能快速創(chuàng)建不同的管理工具來匹配企業(yè)日新月異的發(fā)展需要
。
這里要?jiǎng)澲攸c(diǎn),對于一部分企業(yè)來說,經(jīng)營模式和業(yè)務(wù)流程是持續(xù)迭代的,如果使用傳統(tǒng)的開發(fā)模式那么很難跟上這種迭代。
以連鎖餐飲品牌舉例,前期只在一個(gè)城市經(jīng)營,和后期擴(kuò)張到全省或全國,采購流程和供應(yīng)鏈管理必然會持續(xù)進(jìn)行調(diào)整,提交一個(gè)采購工單所需填寫的字段就會發(fā)生變化,同理展示的表格、詳情頁也要跟著調(diào)整。
這類變化往往并沒有修改界面的視覺、交互、組件,僅僅是增加和減少字段數(shù)據(jù),而用傳統(tǒng)的收集需求再輸出進(jìn)行開發(fā)的模式效率非常低,所以它們就成為 Low-Code 的最佳應(yīng)用場景。業(yè)務(wù)方自己配置、修改直接上線,省掉產(chǎn)品經(jīng)理、設(shè)計(jì)師、程序員中間耗差時(shí)……
并且對于很多企業(yè)來說,只需要應(yīng)用一些非?;A(chǔ)的功能服務(wù)和頁面類型。比如我經(jīng)常提到的 B 端管理系統(tǒng)的四個(gè)核心頁面類型:
講講AI在B端設(shè)計(jì)上的應(yīng)用方法
 
 
Low-Code 就是把常規(guī)需求標(biāo)準(zhǔn)化,并運(yùn)用組件化的框架,讓用戶通過簡單的填寫和編輯就能生成出想要的頁面和功能。
既然需求不復(fù)雜,功能、組件、頁面、代碼都可以標(biāo)準(zhǔn)化,那不用 AI 降本增效還有王法嘛?
所以,使用 AI 生成 B 端頁面(不是設(shè)計(jì)稿)的工具已經(jīng)在大廠內(nèi)部開始應(yīng)用了,開發(fā)專屬大模型,再把做好的組件喂給模型,用戶只要在相應(yīng)的表單內(nèi)填入需求,就可以快速生成出落地的頁面。
并且各家大廠內(nèi)部的 B 端組件庫,可遠(yuǎn)遠(yuǎn)不止對外分享的這些開源框架里包含的數(shù)量,還有很多特殊的業(yè)務(wù)組件,可以讓模型得到更好的訓(xùn)練和產(chǎn)出,比普通 Low-Code 模式更簡單高效,大幅度提升企業(yè)內(nèi)部B端產(chǎn)品的落地和運(yùn)用效率。
從已經(jīng)了解到的信息中,有一部分業(yè)務(wù)部門已經(jīng)開始進(jìn)入實(shí)踐環(huán)節(jié)了。且隨著技術(shù)的迭代,這種工具必然會越來越強(qiáng)大,功能越來越豐富。
所以,了解完這個(gè)趨勢,設(shè)計(jì)師和前端工程師迎來大結(jié)局了?要被AI技術(shù)清洗了?現(xiàn)在該捧起《從0到1學(xué)習(xí)炒粉》學(xué)習(xí)了嘛?
這就是下面要討論的內(nèi)容。
B 端 AI 和設(shè)計(jì)的關(guān)聯(lián)
前面做了不少鋪墊,就是為了強(qiáng)調(diào),適用于 Low-Code 和 AI 生成的 B 端產(chǎn)品,是有前提條件的,包含下面這些要素:
  •  
    完整成熟的前后端組件庫
  •  
    需求使用基礎(chǔ)做法就能實(shí)現(xiàn)
  •  
    需要經(jīng)常變動調(diào)整的業(yè)務(wù)需求
  •  
    對設(shè)計(jì)和交互本身要求不高
而這里面最關(guān)鍵的東西,就是標(biāo)準(zhǔn)化。必須要知道在今天的 AI 的應(yīng)用發(fā)展中,要生成出符合實(shí)際工作需要的結(jié)果,絕對不是靠輸入信息以后它自己 “蒙” 出來的。為了讓結(jié)果盡可能準(zhǔn)確,那么喂給模型的數(shù)據(jù)也就要越多且越有針對性。
理論上面向 B 端的 AI 工具,只要不斷提供給他新的組件、頁面,就能拓展它可以實(shí)現(xiàn)的范圍。但不管你怎么訓(xùn)練它,都要滿足標(biāo)準(zhǔn)化的前提。
而標(biāo)準(zhǔn)化,恰恰就是國內(nèi) B 端業(yè)務(wù)的命門……
我們都知道國內(nèi) SaaS 行業(yè)現(xiàn)在發(fā)展非常的混亂,雖然在不同的細(xì)分領(lǐng)域有自己的獨(dú)角獸,比如財(cái)務(wù)領(lǐng)域的金蝶,OA 領(lǐng)域的釘釘,ERP 領(lǐng)域的用友等等。
但是這些公司就發(fā)展?fàn)顩r良好利潤豐厚了?24年一季度的 SaaS 頭部公司業(yè)績非常蕭條,比如網(wǎng)上找到的統(tǒng)計(jì),和國外 SaaS 頭部公司的估值和利潤形成鮮明的對比:
講講AI在B端設(shè)計(jì)上的應(yīng)用方法
 
 
為什么國內(nèi) SaaS 市場那么慘淡?說到底就是在國內(nèi) B 端領(lǐng)域很難實(shí)現(xiàn)真正的標(biāo)準(zhǔn)化,而不是國內(nèi) B 端市場規(guī)模太小。
比如釘釘、飛書這樣的 OA 軟件已經(jīng)很成熟了,但它們的實(shí)際普及程度一點(diǎn)都不高,而中大型企業(yè)又有各種考量,現(xiàn)成的不用就熱衷于開發(fā)一套自己的系統(tǒng),簡稱定制化。這就倒逼 SaaS 工具為了滿足更多的企業(yè)需求,拼命疊加功能,使得這些 SaaS 工具一個(gè)比一個(gè)臃腫。
而我們前面提到的 AI 生成,想要普及同樣需要面對這種困境,因?yàn)槟P筒还茉趺醋?,它都是基于特定?biāo)準(zhǔn)化下的產(chǎn)物,它可以滿足其中一部分需求,但難以滿足其它需求。尤其是國內(nèi) B 端定制化需求中,混亂、抽象、聯(lián)系復(fù)雜的問題非常突出。
換句話說,國內(nèi) B 端市場的大多數(shù)系統(tǒng),是非標(biāo)準(zhǔn)化的,需要產(chǎn)品團(tuán)隊(duì)在面對這些非標(biāo)準(zhǔn)的需求下做出創(chuàng)新和適配,就必須要考慮很多抽象的因素,領(lǐng)導(dǎo)、背景、體驗(yàn)、交互、周期、難度等等。這個(gè)過程不可能由業(yè)務(wù)方自己完成,且最終導(dǎo)出的設(shè)計(jì)結(jié)果,往往會和常規(guī)方案有很大的差異。
按常規(guī)邏輯考慮的話,那有多少組件我們整理多少組件,早晚有一天不得窮盡設(shè)計(jì)師思考范圍的邊界?
且不說獲得不同商業(yè)項(xiàng)目的業(yè)務(wù)組件有多困難,如果組件之間沒有更底層的思路去規(guī)范它們的設(shè)計(jì)和交互,那么硬湊到一起的項(xiàng)目是非常割裂的,而 AI 在短時(shí)間內(nèi)沒辦法做到真正理解交互的邏輯并根據(jù)使用場景做理性的推理。
所以基于一套團(tuán)隊(duì)產(chǎn)出的組件必然是有限的,它們或許可以滿足自己項(xiàng)目,但不可能滿足市面上所有項(xiàng)目的使用需求。
還有一個(gè)很關(guān)鍵的疑問,就是很多人會想,一個(gè)項(xiàng)目中的特殊組件往往只是少數(shù),我們用 AI 工具生成多數(shù)頁面,少數(shù)進(jìn)行定制和獨(dú)立開發(fā)不就行了?
這思路在邏輯上很合理,但實(shí)踐起來的問題非常多。舉個(gè)例子比如設(shè)計(jì)稿直接生成網(wǎng)頁這種技術(shù),從20年前我剛了解到網(wǎng)頁設(shè)計(jì)那天說到現(xiàn)在了,這個(gè)實(shí)現(xiàn)邏輯理應(yīng)不需要 AI 的參與都能做到,中間也問世了不少產(chǎn)品和工具,但沒有一個(gè)做成了,反而網(wǎng)頁前端工程師都成為一個(gè)獨(dú)立熱門職業(yè)了(以前是 UI 寫)。
原因就是作為商業(yè)項(xiàng)目來說,團(tuán)隊(duì)需要 “可控性”,機(jī)器生成代碼雖然容易,但是如果要修改里面的東西怎么辦?實(shí)際情況就是前端對這些外部代碼深惡痛絕,因?yàn)楦钠饋硖闊?,而越大的?xiàng)目改起來難度也越高。而且這個(gè)版本的一部分你改了,下個(gè)版本工具再生成的代碼要不要兼容你前面寫的東西?
所以現(xiàn)在即使有設(shè)計(jì)稿直接生成代碼的工具前端也寧愿自己寫,但當(dāng)他們用到第三方框架的時(shí)候,能不動框架里面的東西就不動。想要理解這個(gè)感受,只要拿這些框架的組件素材用它們的組件、自動布局形式做完一個(gè)項(xiàng)目,你們就會產(chǎn)生 —— 還不如自己重做一遍的想法。
講講AI在B端設(shè)計(jì)上的應(yīng)用方法
 
 
所以生成工具,要不然能一次性完整滿足所有需求,要不然就會因?yàn)閮扇傻娜笨谛纬芍旅钠款i。當(dāng)然,還有遠(yuǎn)比這些復(fù)雜的進(jìn)一步因素,我就不在這里展開。
標(biāo)準(zhǔn)化無法在定制化的面前獲得優(yōu)勢,這是國內(nèi) B 端行業(yè)面臨的直接困局,當(dāng)然這里有壞的影響也有好的影響。
壞的影響,就是頭部 SaaS 企業(yè)沒辦法得到快速的發(fā)展,推高整個(gè) B 端軟件業(yè)的收入水平和吸引力,AI 生成頁面這些技術(shù)適用范圍小,沒辦法真惠及全體,行業(yè)處于反復(fù)造輪子但根本沒辦法停下來。
好的影響,則是頭部的 SaaS 企業(yè)發(fā)展不起來,市占率就低,它們就沒辦像 C 端市場一樣形成非常顯著的馬太效應(yīng),形成事實(shí)的壟斷。大家重復(fù)造輪子,那么提供的就業(yè)崗位才多,才能讓我國的炒粉行業(yè)沒有那么卷,競爭沒有那么激烈(???)……
講講AI在B端設(shè)計(jì)上的應(yīng)用方法
 
 
如果你關(guān)注過 B 端市場足夠多年,你就會明白任何企圖用一種標(biāo)準(zhǔn)、方法論直接平鋪整個(gè)行業(yè)的做法,注定是徒勞的,而無序、野蠻、熵增才是不變的主旋律。
但 AI 的作用短時(shí)間內(nèi)完全發(fā)揮不了嗎?也不是。除了前面提到的一些簡單的項(xiàng)目之外,還有一個(gè)非常大的可能,就是中小模型的開發(fā)會變得越來越容易,而基于項(xiàng)目自研的界面 AI 生成工具很有可能會普及起來。雖然它們不能隨心所欲生成任何需求的樣式,但可以完全根據(jù)業(yè)務(wù)方的實(shí)際需要進(jìn)行定制,去服務(wù)小范圍的群體。
這不代表項(xiàng)目里面就不需要設(shè)計(jì)師,符合這套項(xiàng)目的標(biāo)準(zhǔn)依舊需要設(shè)計(jì)師去制定,也需要設(shè)計(jì)師持續(xù)輸出特殊的頁面和組件。
所以,未來很長一段時(shí)間內(nèi) AI 和 B 端 UI 設(shè)計(jì)師之間會是互補(bǔ)的關(guān)系,而不是替代關(guān)系。這也會對崗位要求形成進(jìn)一步的影響,所以下面是我對 B 端 UI 設(shè)計(jì)師所需技能的建議:
  1.  
    進(jìn)一步提升交互能力,尤其是基于業(yè)務(wù)認(rèn)知輸出交互方案的抽象思維能力
  2.  
    進(jìn)一步鞏固項(xiàng)目設(shè)計(jì)規(guī)范的創(chuàng)建能力,深入了解規(guī)范的應(yīng)用和落地流程
  3.  
    進(jìn)一步提升全局性設(shè)計(jì)思維,能提煉核心價(jià)值觀并在項(xiàng)目中進(jìn)行應(yīng)用
  4.  
    進(jìn)一步了解編程開發(fā)邏輯,能更好的配合前后端完成項(xiàng)目的輸出提高效率
這些能力的掌握是 B 端 UI 設(shè)計(jì)師應(yīng)對未來市場變化的核心競爭力,也是 AI 在短時(shí)間內(nèi)絕對無法替代的東西。
不管是作為已經(jīng)入行的,還是準(zhǔn)備入行的 B 端設(shè)計(jì)新人,都不用對 AI 技術(shù)在 B 端的影響太過擔(dān)心,自怨自艾,因?yàn)?/span>
如果 B 端項(xiàng)目的設(shè)計(jì)都那么簡單的話,那么從前端框架普及的那一天起,B 端 UI 設(shè)計(jì)師就可以集體下崗,而不用等到 AI 應(yīng)用的那天
。
換個(gè)表述方式,祝大家不會菜到那么輕易就被 AI 給取代了……


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

藍(lán)藍(lán)設(shè)計(jì)(www.jsyqsx.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 

以用戶為中心的交互設(shè)計(jì)思維

ui設(shè)計(jì)分享達(dá)人 用戶研究

聊聊關(guān)于設(shè)計(jì)思維的內(nèi)容,會從產(chǎn)品設(shè)計(jì)、體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)三個(gè)方面入手。
目前是第三篇,關(guān)于交互設(shè)計(jì)思維的內(nèi)容。到這里設(shè)計(jì)思維的內(nèi)容全部結(jié)束了。
感謝
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
以用戶為中心的交互設(shè)計(jì)思維
 
 
 


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

AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈

ui設(shè)計(jì)分享達(dá)人 設(shè)計(jì)管理與成長

這兩年生成式ai爆發(fā)性增長并且重塑數(shù)字創(chuàng)作的工具生態(tài)。從文本生成、圖像視頻生成以及模型訓(xùn)練,可以說無法離開ai,ai的介入讓創(chuàng)意生產(chǎn)變得前所未有的高效簡單,但同時(shí)也帶來了體驗(yàn)上的困境,例如我們在使用自動化生成便利的同時(shí),還能保持對創(chuàng)作過程的深層控制?比如在進(jìn)行文生圖或者線稿轉(zhuǎn)3D的流程中,我們?nèi)绻刂颇硞€(gè)部分的設(shè)計(jì)表現(xiàn),需要利用多個(gè)方法才能完成,僅僅通過提示詞的修改并無法完成,這個(gè)矛盾在之前的SD等開源模型中非常明顯;
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
 
算法模型的開放讓設(shè)計(jì)達(dá)到了無限的可能,但更多設(shè)計(jì)師卻被迫在控制權(quán)和易用性之間做出了妥協(xié),當(dāng)重復(fù)一個(gè)流程無法生成滿意的圖象時(shí),大多情況都是基于一個(gè)“不滿意”的圖像進(jìn)行優(yōu)化,我把這個(gè)理解為用戶心理上的妥協(xié);
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
以節(jié)點(diǎn)式工作流工具ComfyUI為例,其通過可視化編程賦予用戶對Stable Diffusion生成流程的精細(xì)控制權(quán),允許自由組合模型、調(diào)節(jié)參數(shù)、插入預(yù)處理模塊,成為專業(yè)創(chuàng)作者的首選工具。然而,這種高度自由的設(shè)計(jì)也帶來了顯著的認(rèn)知負(fù)擔(dān):錯(cuò)綜復(fù)雜的節(jié)點(diǎn)連線、晦澀的參數(shù)術(shù)語、缺乏引導(dǎo)的開放式畫布,讓0基礎(chǔ)設(shè)計(jì)望而止步;數(shù)據(jù)顯示,超過67%的新用戶在首次使用ComfyUI時(shí)因“界面混亂”而放棄進(jìn)一步探索(來源:ComfyUI社區(qū)調(diào)研)。這一現(xiàn)象揭示了生成式AI工具設(shè)計(jì)的核心矛盾——系統(tǒng)的靈活性與用戶的心智模型之間如何實(shí)現(xiàn)平衡?
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
一、核心問題與矛盾
1、設(shè)計(jì)師對“控制權(quán)”的需求本質(zhì)
安全感需求:
用戶希望理解生成過程(分布控制、seed數(shù)值、CFG),避免黑箱帶來的不可預(yù)測性;
注:大多數(shù)AI工具(如Midjourney)像一臺自動售貨機(jī)——輸入提示詞,隨機(jī)吐出一張圖片。用戶無法知曉AI為何生成一只三頭六臂的貓,只能反復(fù)“抽卡”直到滿意。
 
創(chuàng)造性需求:
通過精細(xì)化的控制實(shí)現(xiàn)獨(dú)特的風(fēng)格,例如分布提示,基于大模型訓(xùn)練出來的lora,不同lora模型融合后的混合模型,這些需要付出很大的學(xué)習(xí)成本和時(shí)間才能滿足,我個(gè)人理解ai給設(shè)計(jì)師通往目標(biāo)的過程中搭建了不同的道路,但設(shè)計(jì)師如果在沒有導(dǎo)航的情況下要達(dá)到這個(gè)目標(biāo),中間可能會輾轉(zhuǎn)反側(cè),也可能一條道路就能到達(dá)目的地;
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
效率需求:
自動化設(shè)計(jì)(如MJ和國內(nèi)其他一鍵生圖的ai產(chǎn)品)可以降低設(shè)計(jì)的操作成本,但同時(shí)犧牲了可控性;
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
2、comfyUI的設(shè)計(jì)矛盾
過度控制悖論:
ComfyUI試圖打破黑箱,將AI拆解成可調(diào)節(jié)的“齒輪組”(如調(diào)節(jié)“采樣器”改變畫質(zhì)、用“ControlNet”控制構(gòu)圖)。但當(dāng)用戶面對50多個(gè)參數(shù)和上百種節(jié)點(diǎn)時(shí),反而因信息過載陷入“該調(diào)哪個(gè)參數(shù)?連錯(cuò)節(jié)點(diǎn)會爆炸嗎?”的決策癱瘓。
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
過高的配置要求:
comfyUI解決了MJ帶來的黑箱效應(yīng),但同時(shí)也帶來了物質(zhì)上的門檻,設(shè)計(jì)師需要配備更高的配置或者使用第三方租用云電腦等才能運(yùn)行,否則前者就會造成漫長的等待,后者則需要花費(fèi)大量的財(cái)力,對于設(shè)計(jì)師而言反而是造成了時(shí)間上的負(fù)荷;
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
功能維度:
節(jié)點(diǎn)系統(tǒng)支持無限組合,但缺乏對用戶意圖的主動理解,如自動推薦節(jié)點(diǎn);
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
認(rèn)知維度:
參數(shù)暴露(如CFG Scale、Sampler)提供控制感,但引發(fā)“選擇過載”實(shí)際使用過程中,如果是普通玩家,無法短時(shí)間內(nèi)通過這些參數(shù)來控制結(jié)果,核心還是在于認(rèn)知門檻過高;
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
交互維度:
自由連接節(jié)點(diǎn)導(dǎo)致邏輯混亂(如錯(cuò)誤連線無及時(shí)提示),增加調(diào)試成本。
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
我把ControlNet的“負(fù)面條件”打亂連接到“正面clip文本框”上,而采樣器的“負(fù)面條件”直接連接到“負(fù)面clip文本框”內(nèi),整個(gè)過程是不會出現(xiàn)任何報(bào)錯(cuò)提示,但是當(dāng)運(yùn)行調(diào)試的時(shí)候就會運(yùn)行失敗,提示ControlNet缺少負(fù)面條件,ControlNet(應(yīng)用)缺少負(fù)面條件輸出等問題,眾所周知對于一些低配玩家,運(yùn)行一次需要等很久,等到最后發(fā)現(xiàn)生產(chǎn)出來一個(gè)“報(bào)錯(cuò)”?。?!
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
二、對比分析:comfyUI和midjourney
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
當(dāng)設(shè)計(jì)師想生成“一只穿宇航服的柴犬”,Midjourney可能輸出卡通風(fēng)格或超現(xiàn)實(shí)照片,設(shè)計(jì)師只能通過追加提示詞(如“3D、黏土”)逼近目標(biāo),不停的抽卡;
(實(shí)在不想用mj了,下面的圖本地跑的,大概的意思一樣就是不停的抽卡抽卡)
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
,
在ComfyUI中,設(shè)計(jì)師可以強(qiáng)制指定:用FLUX模型生成基礎(chǔ)圖像,然后加載相關(guān)LoRA模型,在添加個(gè)視覺風(fēng)格遷移的模型,添加宇航服,在添加個(gè)視覺風(fēng)格模型,連接OpenPose節(jié)點(diǎn)調(diào)整柴犬姿勢,最后用放大模型,放大畫質(zhì);但我就想說:我只是想畫只貓,為什么要弄這么復(fù)雜。。。
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
關(guān)鍵結(jié)論:
ComfyUI的“高可控性”吸引專家設(shè)計(jì)師,但普通設(shè)計(jì)師或者0基礎(chǔ)設(shè)計(jì)師因認(rèn)知負(fù)荷大多放棄使用。Midjourney通過“限制控制權(quán)”降低門檻,但設(shè)計(jì)師可能因無法干預(yù)細(xì)節(jié)感到焦慮。
三、comfyui沖突點(diǎn)和機(jī)會點(diǎn)
為什么說這個(gè)呢,因?yàn)閏omfyui目前是趨勢ai,核心的生成邏輯包括實(shí)際應(yīng)用都已經(jīng)大于mj了,所以接下來的內(nèi)容也是圍繞comfyui拆解的;
1、參數(shù)暴露vs認(rèn)知負(fù)荷
問題:
ComfyUI將所有參數(shù)(如LoRA權(quán)重、VAE選擇、采樣器、各種模型加載器)暴露給用戶,導(dǎo)致界面信息過載。
例如:
設(shè)計(jì)師需要同時(shí)調(diào)整“提示詞權(quán)重”“采樣器類型”“ControlNet強(qiáng)度”時(shí),易混淆參數(shù)優(yōu)先級,對于這個(gè)結(jié)果的影響,是采樣器類型問題呢還是ControlNet的數(shù)值不對呢,最后我猜大多人過程都是一個(gè)個(gè)試一遍,最后哪個(gè)效果好用哪個(gè);
思考點(diǎn):
動態(tài)參數(shù)分組,根據(jù)生成的目標(biāo)隱藏?zé)o關(guān)的參數(shù),比如當(dāng)輸入完成“提示詞”后,可以識別出輸入的提示詞類型,生成一個(gè)3d風(fēng)格海報(bào),那么基于這個(gè)提示詞,就可以提前預(yù)判出跟3d風(fēng)格海報(bào)相關(guān)的參數(shù)都可以隱藏;參數(shù)依賴的可視化,通過邏輯線的方式標(biāo)記他們之間的關(guān)系,例如CFG與采樣步數(shù),通常來講CFG數(shù)值越高生成的圖越接近提示詞,但是圖像質(zhì)量會下降,采樣步數(shù)越高生成的圖質(zhì)量就越高,那么問題來了,當(dāng)設(shè)計(jì)師調(diào)整CFG數(shù)值時(shí),是不是可以標(biāo)記或者提示設(shè)計(jì)師采樣步數(shù)的變化,以此來達(dá)到最優(yōu)解;
下方示例
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
2、自由連接vs邏輯錯(cuò)誤
問題:
節(jié)點(diǎn)可任意連接,但缺乏邏輯校驗(yàn)?zāi)壳癱omfyUI中只是告訴設(shè)計(jì)師如果兩個(gè)節(jié)點(diǎn)本身沒有前后關(guān)系的情況下不可以連接(沒有節(jié)點(diǎn)對應(yīng)的收入口)另一種情況是兩個(gè)節(jié)點(diǎn)在一個(gè)工作流中都能起到作用,但是節(jié)點(diǎn)是多功能化的,連線的時(shí)候可以正常連接,最后運(yùn)行的時(shí)候就會出現(xiàn)某某節(jié)點(diǎn)不匹配。
例如:
設(shè)計(jì)師錯(cuò)誤連接ControlNet預(yù)處理器與VAE節(jié)點(diǎn),導(dǎo)致生成失敗且無報(bào)錯(cuò)提示。
思考點(diǎn):
實(shí)時(shí)邏輯校驗(yàn),在設(shè)計(jì)師連線時(shí)提示沖突(如“該節(jié)點(diǎn)僅接受潛空間輸入”)。
工作流自檢模式,一鍵檢測缺失節(jié)點(diǎn)(如缺少“提示詞編碼器”時(shí)提醒用戶)。
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
四、設(shè)計(jì)師心理與工具的“錯(cuò)位戰(zhàn)爭”
生成式AI工具的設(shè)計(jì)矛盾,本質(zhì)上是人類認(rèn)知模式與技術(shù)邏輯的沖突。以ComfyUI為例,其設(shè)計(jì)暴露了以下深層問題:
1、“技術(shù)透明化”的認(rèn)知陷阱
ComfyUI將AI生成過程拆解為節(jié)點(diǎn),試圖通過“透明化”提升用戶信任,但普通人并不需要(也無法理解)技術(shù)細(xì)節(jié);不知道你們有沒有,當(dāng)我第一次看到“VAE解碼器”“潛在空間降噪”等節(jié)點(diǎn)時(shí),大腦會觸發(fā)“意義建構(gòu)焦慮”——“這些詞和我想要的圖片有什么關(guān)系?”
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
2、控制權(quán)的“虛假承諾”
ComfyUI看似賦予用戶完全控制權(quán),但多數(shù)參數(shù)的實(shí)際影響難以預(yù)測(如CFG值從7到8可能導(dǎo)致畫風(fēng)突變)這類似于讓設(shè)計(jì)師駕駛一輛方向盤與輪胎無機(jī)械連接的汽車,轉(zhuǎn)動方向盤時(shí),輪胎可能隨機(jī)偏轉(zhuǎn)。設(shè)計(jì)師誤以為“控制節(jié)點(diǎn)=控制結(jié)果”,實(shí)則是“在黑暗中調(diào)整未知旋鈕”;
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
3. 技術(shù)極客與大眾的“認(rèn)知斷層”
開源社區(qū)的理想:“人人可 Hack”的民主化工具;現(xiàn)實(shí)問題是開發(fā)者設(shè)計(jì)節(jié)點(diǎn)時(shí)默認(rèn)用戶理解SD原理(如Latent Space、擴(kuò)散模型、euler_ancestralcai、dpmpp_2m),但普通用戶只關(guān)心“如何讓圖片更逼真”;這種斷層導(dǎo)致ComfyUI的文檔充滿技術(shù)術(shù)語,而非用戶目標(biāo)導(dǎo)向的指南(如“修復(fù)模糊人臉”對應(yīng)哪些節(jié)點(diǎn)組合),這也是技術(shù)工具與用戶體驗(yàn)的博弈;
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
五、對于comfyUI的暢想
1、適配不同能力的設(shè)計(jì)師
專家模式:保留完整的節(jié)點(diǎn)和參數(shù),讓這類設(shè)計(jì)師自由編輯;
精簡模式:隱藏底層參數(shù),僅僅提供目標(biāo)導(dǎo)向的選項(xiàng);
自動化操作:根據(jù)提示詞推薦采樣器、cfg數(shù)值等組合,例如提示詞是自然語言,那就匹配關(guān)于flux模型的專屬采樣器;
AI創(chuàng)作工具的「可控性」與「用戶體驗(yàn)」博弈
 
 
2、智能節(jié)點(diǎn)推薦引擎
目標(biāo)推薦:輸入“生成賽博朋克城市”后,自動推薦“SDXL模型+ControlNet邊緣檢測+色調(diào)調(diào)整節(jié)點(diǎn)”;行為預(yù)測:分析歷史工作流,推薦高頻使用的節(jié)點(diǎn)組合(如“LoRA模型+分層提示詞”);
3、可解釋性反饋面板
參數(shù)與結(jié)果的實(shí)時(shí)性:實(shí)時(shí)顯示調(diào)整CFG值對圖像細(xì)節(jié)、對比度的量化影響。節(jié)點(diǎn)的貢獻(xiàn)度分析:生成后標(biāo)記關(guān)鍵節(jié)點(diǎn)(如“ControlNet貢獻(xiàn)度72%”),幫助用戶理解流程。
六、總結(jié):控制的幻覺與設(shè)計(jì)的謙卑
ComfyUI揭示了生成式AI時(shí)代的核心矛盾——技術(shù)的能力越強(qiáng)大,人類越需要承認(rèn)自身認(rèn)知的局限性。工具設(shè)計(jì)不應(yīng)追求“上帝模式”,而需尋找“剛剛好的控制權(quán)”給用戶“扳手”而非“零件庫”:提供高層級調(diào)節(jié)維度(如“畫面精細(xì)度”“風(fēng)格偏離度”),隱藏底層技術(shù)參數(shù),并不是每個(gè)設(shè)計(jì)師都是工程師的角色;大多設(shè)計(jì)師的角色只是維修工;擁抱“不完美的人性”:允許用戶保留“我不知道為什么要調(diào)這個(gè),但調(diào)了就有用”的玄學(xué)操作,而非強(qiáng)迫所有人成為AI工程師。重新定義“控制”:從“絕對掌控流程”轉(zhuǎn)向“有效影響結(jié)果”,讓AI的不可預(yù)測性成為創(chuàng)意催化劑而非焦慮來源。


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

產(chǎn)品設(shè)計(jì)如何利用心理學(xué)

ui設(shè)計(jì)分享達(dá)人 設(shè)計(jì)思維

產(chǎn)品設(shè)計(jì)的成功除了依賴設(shè)計(jì)方案和技術(shù)實(shí)現(xiàn),還與用戶的心理密切相關(guān)。用戶心里決定了我們用怎樣的設(shè)計(jì)策略解決問題。我們常認(rèn)為人們做決策時(shí)是理性的,但其實(shí)用戶行為經(jīng)常是非理性,會受到情緒、習(xí)慣和社交環(huán)境的影響。了解這些心理學(xué)規(guī)律能幫助我們更好地的預(yù)測和引導(dǎo)用戶行為,優(yōu)化產(chǎn)品體驗(yàn),提高用戶的粘性、留存率和轉(zhuǎn)化率,從而產(chǎn)品商業(yè)價(jià)值最大化。
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計(jì)如何利用心理學(xué)


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

關(guān)于設(shè)計(jì)組件庫,一些新思考

ui設(shè)計(jì)分享達(dá)人 設(shè)計(jì)管理與成長

關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
從網(wǎng)上搜索設(shè)計(jì)組件,我們能找到各種對外公開的設(shè)計(jì)組件庫,同樣還有不少或概括或詳細(xì)的文章,手把手教你“如何搭建一個(gè)好的設(shè)計(jì)組件庫”,但這些方法論很少探討面對C端組件頻繁增改、設(shè)計(jì)規(guī)范動態(tài)調(diào)整,如何高效賦能業(yè)務(wù)設(shè)計(jì)交付的相關(guān)內(nèi)容,但這恰恰是搜索業(yè)務(wù)面臨的關(guān)鍵問題。
 
搜索是一個(gè)“牽一發(fā)而動全身”的業(yè)務(wù),每一個(gè)微小的設(shè)計(jì)細(xì)節(jié)都有可能影響各個(gè)業(yè)務(wù)的數(shù)據(jù)指標(biāo),一個(gè)“好的設(shè)計(jì)組件庫”需要以一種潛移默化的方式讓設(shè)計(jì)師掌握設(shè)計(jì)規(guī)范,完成合規(guī)的設(shè)計(jì),從這個(gè)角度而言它應(yīng)該比較
「好懂」
。
 
而作為服務(wù)于整個(gè)設(shè)計(jì)團(tuán)隊(duì)的公用設(shè)計(jì)組件庫,面對每月數(shù)以萬計(jì)的調(diào)用次數(shù),它必須保障最基本的易用性,應(yīng)該非常
「好用」
 
同時(shí),面對頻繁迭代,“好的設(shè)計(jì)組件”還需要保持最快的更新速度,為各個(gè)橫向團(tuán)隊(duì)提供正確的樣式,從這個(gè)角度來說它還要
「好維護(hù)」
。
 
因此,
「好懂、好用、好維護(hù)」
是搜索設(shè)計(jì)語境下,對一個(gè)“好的設(shè)計(jì)組件”的定義。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
接下來,我們將從這三個(gè)「好」入手,分享搜索設(shè)計(jì)組件庫在升級過程中的一些思考,希望能和大家共同探討。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
“萬丈高樓平地起”,我們先來說說如何從零開始構(gòu)建一個(gè)既符合設(shè)計(jì)規(guī)范又易于理解的設(shè)計(jì)組件。
 
首先,在搭建組件時(shí),我們可以考慮采用
多層嵌套
的方式,即組件(Component)內(nèi)部嵌套變體(Instance)。這種方式不僅能省去組件搭建和修改過程中的重復(fù)操作,甚至還能在解綁組件時(shí),通過選中內(nèi)部的子組件圖層進(jìn)行解綁,大大簡化了搭建和使用雙方的操作流程。
 
在多層嵌套的思路下,我們可以進(jìn)一步用
“底層靈活、上層收斂”
來指導(dǎo)組件的搭建。這意味著底層變體的形式足夠多樣,能夠支持大部分的狀態(tài)切換,而在上層組件搭建的過程中顯性地加強(qiáng)規(guī)范的指引(如規(guī)范中不允許使用的樣式不對外展示),以降低超出規(guī)范設(shè)計(jì)的可能。
 
具體的搭建流程可以大致分為三步:
場景收集和分析、搭建基本變體組、拓展高階變體組
。
 
我們將通過視頻組件搭建的生動案例,具體介紹如何依據(jù)“底層靈活、上層收斂”原則來搭建組件庫,使得組件本身既足夠靈活,又能起到足夠的約束作用。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
在著手搭建某類組件時(shí),我們首先通過規(guī)范確認(rèn)和場景遍歷,廣泛收集各類變體。隨后,從我們能想到的所有維度出發(fā),對這些變體進(jìn)行細(xì)致定義。這樣,我們就能得到一張?jiān)敱M描述組件變體性質(zhì)的表格。表格的第一列依次列出變體1、變體2、變體3等,而第一行則羅列出各種維度,如寬度、比例等。通過這種方法,我們可以將原本零散、雜亂的組件變體描述,系統(tǒng)地歸納整理成一張清晰明了的表格。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
表格通過不同維度來唯一確定一個(gè)變體,這些維度可大致分為兩個(gè)特性和一個(gè)共性。共性指的是所有變體在這一維度上均保持一致,常見特性則涵蓋了最常見的分類性質(zhì),如寬度、高度、數(shù)量和優(yōu)先級等,而業(yè)務(wù)特性則與具體業(yè)務(wù)緊密相關(guān)。
 
在搭建組件時(shí),我們可以遵循
「共性-常見特性-業(yè)務(wù)特性」
順序,這樣的順序有助于降低理解成本,因?yàn)樽罘闲闹堑姆诸惐恢糜谕鈱?,同時(shí)底層的組件又保持了足夠的靈活性,便于切換各種變量。對于業(yè)務(wù)特性,我們可以根據(jù)實(shí)際情況靈活處理,既可以將其作為基本組件的延展,也可以不將其納入組件范疇。
 
以視頻組件為例,我們從表格中獲取的信息如下:
 
  •  
    視頻尺寸及其組合是最符合用戶心智的變體選擇;
  •  
    播放狀態(tài)是所有變體的共有性質(zhì);
  •  
    自動播放情況與業(yè)務(wù)相關(guān),但不一定需要在組件庫中呈現(xiàn);
  •  
    高階組件僅涉及少部分尺寸的組件,應(yīng)在完成基本組件搭建后再進(jìn)行。
 
據(jù)此,我們可以輕松梳理出視頻組件搭建流程的優(yōu)先級:
 
  1.  
    播放狀態(tài)作為共性,應(yīng)首先搭建;
  2.  
    基本組件尺寸和組合是最符合用戶心智的變體選擇,應(yīng)緊隨其后;
  3.  
    高階組件在完成基本組件搭建后再進(jìn)行。
 
值得注意的是,“封面槽位”是“播放狀態(tài)”中的一個(gè)圖層。根據(jù)“底層靈活、上層收斂”的原則,我們將其插入到搭建播放狀態(tài)之前。因此,視頻組件的最終搭建流程為:
 
  1.  
    封面槽位;
  2.  
    播放狀態(tài);
  3.  
    基本組件尺寸和組合;
  4.  
    高階組件。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
完成對視頻組件搭建的分析,我們就可以有條不紊地開始搭建組件了。先搭建基本組件視頻組件,再用基本組件搭建高階組件。這一步驟雖然為大家所熟知,但仍需格外注意,如配置項(xiàng)的設(shè)置要力求合理,也可以融入設(shè)計(jì)規(guī)范和使用規(guī)范,同時(shí)還應(yīng)將一些搭建過程中的零散組件集中收納避免被調(diào)用。關(guān)于這些具體的注意事項(xiàng),我們將在后續(xù)部分進(jìn)行詳細(xì)闡述。
 
至此我們完成了組件搭建的基本流程,一個(gè)達(dá)到及格線的視頻組件就誕生了。據(jù)統(tǒng)計(jì),優(yōu)化后每次調(diào)用視頻組件將節(jié)省至少10步的點(diǎn)擊操作!
 
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
完成了一個(gè)基本組件的搭建后,我們可以轉(zhuǎn)換視角,從使用的角度來審視并檢查這個(gè)組件。
 
我們期望,從插入組件變體、切換組件配置,再到最后的解綁組件,整個(gè)流程都能縱享絲滑且穩(wěn)定可靠,確保業(yè)務(wù)設(shè)計(jì)師在使用過程中獲得最佳體驗(yàn)。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
我們可以一步步來審視組件的使用過程。首先是插入組件,據(jù)觀察,通常有三種方式,①在左側(cè)的資產(chǎn)面板(Assets)中直接找到對應(yīng)組件并插入;②通過查閱設(shè)計(jì)規(guī)范,鎖定所需的變體后復(fù)制粘貼;③選中一個(gè)不需要的組件,通過右側(cè)的“切換變體”面板(Swap instance)切換成所需的變體。很明顯,在這個(gè)過程中依賴的是組件的精準(zhǔn)搜索和快速定位。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
為了提升搜索精度,我們可以從組件命名入手,采用中、英、數(shù)字結(jié)合的方式,實(shí)現(xiàn)模糊匹配;也可以在發(fā)布時(shí)隱藏不希望被調(diào)用的組件,以減少無用的搜索結(jié)果。如果組件是采用前文提到的“多層嵌套”方式搭建的,我們可以添加“Preferred”子組件,這樣在切換時(shí)會優(yōu)先展示這些子組件,這個(gè)功能在切換圖標(biāo)時(shí)尤為實(shí)用。
 
對于習(xí)慣邊查閱設(shè)計(jì)規(guī)范邊使用組件的設(shè)計(jì)師,我們增加了更多實(shí)際使用的正誤案例,這些案例直觀展示了組件變體的正確選擇和使用方式,進(jìn)一步降低了規(guī)范的理解成本,有效輔助設(shè)計(jì)決策。同時(shí),我們專門維護(hù)了一個(gè)固定區(qū)域,用于平鋪展示所有組件變體。為了確保能夠輕松點(diǎn)選,我們將變體放在最外層展示(即不在任何Frame、Group或Section中)。這樣能讓設(shè)計(jì)師一目了然地看到所有變體,從而快速選擇所需的組件。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
在組件配置階段,有三項(xiàng)注意點(diǎn)能讓組件更加易用,即“重視組件的可視化效果、設(shè)置高效易用的配置項(xiàng)、貼心地保存修改”。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
考慮到C端組件的多樣性和用戶的使用習(xí)慣,我們應(yīng)避免使用過于復(fù)雜的分組方式。相反,應(yīng)更注重組件的樣式展示,并盡量簡化組件的層級結(jié)構(gòu)。這樣,設(shè)計(jì)師在使用時(shí)能夠更直觀地看到組件的外觀,而無需深入復(fù)雜的層級去查找。
 
另外值得注意的是,F(xiàn)igma會默認(rèn)用組件集合中最左上角的組件生成預(yù)覽樣式,因此應(yīng)當(dāng)把視覺上最有代表性的變體放在左上角,這個(gè)效果在切換變體(Swap instance)時(shí)很重要,因?yàn)槟壳霸谠撁姘逯袥]法查看組件細(xì)節(jié),只能靠縮略圖和名稱來推測是哪個(gè)組件。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
其次對于配置項(xiàng)的設(shè)置也大有講究,業(yè)界有組件庫為了實(shí)現(xiàn)C2D2C,從源頭上將設(shè)計(jì)組件和前端組件的配置項(xiàng)打平,這是不錯(cuò)的思路,但有可能會提升設(shè)計(jì)側(cè)的理解成本。針對搜索業(yè)務(wù)的特殊語境,我們還是選擇了從「規(guī)范理解」角度去設(shè)置組件的配置項(xiàng),將所有允許自定義的配置盡可能外露,并清晰地說明修改限制,如字?jǐn)?shù)限定、選項(xiàng)個(gè)數(shù)等,這樣能夠在使用的過程中強(qiáng)化業(yè)務(wù)設(shè)計(jì)師對規(guī)范的掌握。
 
另一個(gè)常常被忽視的關(guān)鍵點(diǎn)是選項(xiàng)和配置的排序問題。為了提高瀏覽和選擇的效率,建議對選項(xiàng)和選項(xiàng)之間,以及外層的不同配置項(xiàng),都按照一定的邏輯順序進(jìn)行排序。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
最后一點(diǎn),我們稱之為
“貼心地保存修改”
機(jī)制,這個(gè)針對的是文字修改的場景。
 
在實(shí)際操作中,使用一個(gè)組件可能需要對多個(gè)配置項(xiàng)進(jìn)行修改。有時(shí)在修改完文字內(nèi)容后再去調(diào)整其他配置時(shí),已修改的文字會被重置。這時(shí)文本屬性(text property)的設(shè)置就顯得尤為重要,它能夠記憶并保存修改過的文字內(nèi)容,從而免于重復(fù)輸入。
 
還有一些情況是,某個(gè)組件變體實(shí)際上并沒有與某個(gè)值相對應(yīng)的組件(盡管Figma機(jī)制允許選擇該值),用戶切換后就會發(fā)現(xiàn)組件完全變了,只能撤回。為了避免這類情況,建議使用另外的標(biāo)記來表明組件某個(gè)設(shè)置項(xiàng)是不可切換的。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
完成了組件的搭建和檢查,接下來讓我們聚焦于組件的日常維護(hù)。
 
這一環(huán)節(jié)可以從兩個(gè)維度展開,一是依托中臺的日常數(shù)據(jù)監(jiān)控進(jìn)行維護(hù),二是通過團(tuán)隊(duì)內(nèi)部的緊密協(xié)同機(jī)制來保障。后者更多側(cè)重協(xié)作流程和機(jī)制上的建設(shè),在本文中我們不做更多展開,重點(diǎn)討論前者。
 
數(shù)據(jù)監(jiān)控的方式主要依托Figma中的組件數(shù)據(jù)看板(查看路徑:View libraries-Analytics),看板中展示了各個(gè)組件的調(diào)用數(shù)和解綁數(shù)數(shù)據(jù),這些數(shù)據(jù)不直接反映組件的優(yōu)劣,但如果我們觀測到某個(gè)組件解綁率偏高,我們會考慮直接把它
作為模板
而不是創(chuàng)建成組件。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
 
總結(jié)
 
以上是百度搜索設(shè)計(jì)團(tuán)隊(duì)在設(shè)計(jì)組件庫升級過程中的心得分享,包括搜索業(yè)務(wù)對于“好的設(shè)計(jì)組件”的訴求,以及一些搭建和優(yōu)化組件的實(shí)用思路,核心是探討如何從組件庫建設(shè)的角度入手,成功助力團(tuán)隊(duì)提升設(shè)計(jì)資產(chǎn)消費(fèi)效率。
 
關(guān)于設(shè)計(jì)組件庫,我們有一些新思考
 
 
 
 


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

日歷

鏈接

個(gè)人資料

存檔