伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

首頁

當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索

前端達(dá)人

前言
 
隨著AI技術(shù)的發(fā)展,越來越多的產(chǎn)品嘗試結(jié)合AI進(jìn)行功能升級,作為設(shè)計(jì)師的你是否也在面臨這樣的問題:如何將AI技術(shù)與場景需求更好的結(jié)合,為用戶提供順暢的AI原生設(shè)計(jì)體驗(yàn)?zāi)兀?/div>
 
本文將以AI裝扮項(xiàng)目為例,分兩部分介紹我們是如何通過深入分析用戶痛點(diǎn)與需求,結(jié)合公司內(nèi)部能力支持,找到AI創(chuàng)新突破口。同時(shí)發(fā)揮設(shè)計(jì)優(yōu)勢,在沒有行業(yè)參考前提下,探尋出一條AI創(chuàng)新實(shí)踐之路,設(shè)計(jì)主導(dǎo)創(chuàng)新方案優(yōu)化落地。
 
 
第一部分:為什么要做裝扮AI創(chuàng)新
 
1.百度APP裝扮業(yè)務(wù)介紹
 
裝扮是百度APP的一個(gè)基礎(chǔ)能力,支持用戶設(shè)置頭像、皮膚、主頁背景、套裝等,以滿足用戶個(gè)性化訴求為目標(biāo),對設(shè)計(jì)有著較高的依賴。當(dāng)前主要面臨兩個(gè)問題:
 
  •  
    功能缺少吸引力:
    各類裝扮操作流程為選擇→預(yù)覽→裝扮,體驗(yàn)單一,缺乏趣味性和吸引力
 
  •  
    裝扮資源迭代慢:
    裝扮資源更新對設(shè)計(jì)師依賴度較高,但手工繪圖的成本高且周期長
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
2.裝扮用戶分析
 
通過用戶調(diào)研和數(shù)據(jù)分析,對裝扮用戶有以下兩點(diǎn)發(fā)現(xiàn):
 
  •  
    個(gè)性化需求難以滿足:
    通過裝扮調(diào)研問卷發(fā)現(xiàn),用戶沒有佩戴裝扮的大部分原因是由于現(xiàn)有的免費(fèi)裝扮資源無法滿足用戶個(gè)性化需求
 
  •  
    年輕群體對AI的喜愛:
    裝扮用戶趨于年輕化,而年輕群體對智能化、趣味性產(chǎn)品有濃厚興趣,同時(shí)對個(gè)性化、定制化也有著更高的要求
 
3.了解內(nèi)部能力支撐
 
百度文心AI生圖技術(shù)較為成熟,支持輸入描述詞后免費(fèi)生成多張圖片。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
4.設(shè)計(jì)機(jī)會點(diǎn)
 
通過前面的分析,我們提出一個(gè)洞察思考:
裝扮是否可以接入文心AI生圖的能力,讓用戶自主生圖并用于裝扮?
 
我們從用戶、業(yè)務(wù)、設(shè)計(jì)三方視角分析裝扮中心接入文心AI生圖能力的可行性和價(jià)值:
 
  •  
    用戶側(cè):豐富裝扮玩法,提升裝扮體驗(yàn)的趣味性和吸引力
 
  •  
    業(yè)務(wù)側(cè):吸引更多用戶裝扮,提高裝扮用戶量和滲透率
 
  •  
    設(shè)計(jì)側(cè):探索AI能力實(shí)際應(yīng)用場景,積累AI原生設(shè)計(jì)經(jīng)驗(yàn);同時(shí)降低設(shè)計(jì)師生圖成本,降本增效
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
 
第二部分:如何進(jìn)行裝扮AI創(chuàng)新突破
 
作為AI創(chuàng)新型項(xiàng)目,我們經(jīng)歷了三期迭代嘗試,不斷打磨升級AI裝扮體驗(yàn):1期快速試水驗(yàn)證效果,2期創(chuàng)新突破交互體驗(yàn),3期結(jié)合數(shù)據(jù)持續(xù)優(yōu)化,下面會從以下3個(gè)階段講述設(shè)計(jì)創(chuàng)新思考過程。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
Step1:快速試水,驗(yàn)證玩法
 
首先我們快速調(diào)研了國內(nèi)外具有AI生成能力的產(chǎn)品做為體驗(yàn)摸底,發(fā)現(xiàn)競品在AI生圖的創(chuàng)作體驗(yàn)上趨于雷同,創(chuàng)作頁主要分為描述詞輸入框、選擇風(fēng)格、尺寸及張數(shù)等操作模塊,對于普通用戶來說
創(chuàng)作體驗(yàn)復(fù)雜、輸入門檻高
。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
在項(xiàng)目初期,我們希望能夠快速驗(yàn)證用戶對這套新玩法是否感興趣,所以目標(biāo)是低成本快速上線驗(yàn)證玩法。
 
我們將AI裝扮流程分為4步:點(diǎn)擊入口→開始創(chuàng)作→生成圖片→預(yù)覽裝扮效果及裝扮。
 
結(jié)合一期目標(biāo)我們有兩個(gè)設(shè)計(jì)難點(diǎn):1.如何簡化創(chuàng)作流程;2.如何精簡步長減少折損
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn)1:如何簡化創(chuàng)作流程
 
解決思路:
在創(chuàng)作流程上我們決定簡化方案,采取讓用戶選取關(guān)鍵詞組合的簡化方式來生成圖片,簡化創(chuàng)作流程快速上線驗(yàn)證。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn)2:如何精簡步長減少折損
 
解決思路:
在圖片生成與裝扮預(yù)覽步驟中,通過縮短路徑讓用戶快速直達(dá)裝扮預(yù)覽頁,減少折損。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
在方案選擇上,我們基于
路徑更短、突出裝扮預(yù)覽效果
的目標(biāo),選擇了方案1進(jìn)行深化:
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
一期方案與上線數(shù)據(jù)
 
一期上線后裝扮中心的日均設(shè)置量提升近3倍,AI裝扮各環(huán)節(jié)轉(zhuǎn)化漏斗較高,在各商城中,AI裝扮設(shè)置量位列第二,僅次于頭像,驗(yàn)證AI裝扮對用戶的吸引力較大,于是我們開始啟動二期優(yōu)化。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
Step2:創(chuàng)新突破,打造亮點(diǎn)
 
對比一期直接讓用戶選取主體詞和風(fēng)格詞的半自動化方式生成圖片,雖然自定義能力較弱,但是生圖方式更容易;二期希望增加用戶自行輸入生成圖片,滿足用戶更加個(gè)性化和多樣性的需求,但同時(shí)輸入門檻對用戶來說也更高。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
現(xiàn)有AI生圖輸入門檻之所以較高,是因?yàn)橐粡埜哔|(zhì)量圖片對生圖描述詞有很高的要求。我們分析發(fā)現(xiàn),高質(zhì)量描述詞需要從畫面風(fēng)格、色彩、細(xì)節(jié)、光影效果、構(gòu)圖比例、畫質(zhì)甚至是相機(jī)設(shè)置等多維度來描述,專業(yè)詞匯多,對于普通用戶來說撰寫門檻高、難度大。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
這就留給我們一個(gè)難題:
如何讓用戶低門檻生成一張高質(zhì)量圖片?
 
結(jié)合二期目標(biāo)我們有兩個(gè)設(shè)計(jì)難點(diǎn):1.如何創(chuàng)新突破生圖體驗(yàn);2.裝扮流程整體重構(gòu)
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn)1:如何創(chuàng)新突破生圖體驗(yàn)
 
1)思路發(fā)散
 
首先我們發(fā)散了兩個(gè)方向:
 
方向1:提供高質(zhì)量描述詞范例讓用戶直接使用
 
方向2:輔助用戶寫出高質(zhì)量描述詞,比如提供描述詞潤色功能、高級描述詞庫疊加、按公式引導(dǎo)用戶選擇詞組組合等形式輔助創(chuàng)作
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
2)框架探索
 
如果創(chuàng)作頁要給用戶提供豐富的引導(dǎo)內(nèi)容,同時(shí)兼顧輸入面板的穩(wěn)定露出,基礎(chǔ)平鋪框架承載力有限,無法兼顧豐富引導(dǎo)內(nèi)容的展示和輸入功能的穩(wěn)定露出。我們提出使用雙層框架的形式,將承載“引導(dǎo)內(nèi)容”和“輸入功能”的容器拆分相互獨(dú)立,在承載“引導(dǎo)內(nèi)容”的容器中支持用戶像刷feed一樣上滑,同時(shí)頂層容器穩(wěn)定置底展示輸入功能。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
3)多方案嘗試
 
我們圍繞以上兩個(gè)方向進(jìn)行了創(chuàng)作頁從基礎(chǔ)到高階的多套方案探索。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
方案收斂過程中,我們決定進(jìn)行用戶測試,觀察用戶對不同方案的理解與接受程度。
 
4)用戶測試與痛點(diǎn)分析
 
我們找了多名不同類型的用戶,觀察他們對各個(gè)方案的理解和使用情況,了解用戶在使用過程中遇到的問題和痛點(diǎn),并制作表格記錄每一位用戶的反饋與建議。
 
匯總后得到以下發(fā)現(xiàn)點(diǎn):
 
1.用戶對點(diǎn)擊推薦描述詞的生成圖片效果沒有預(yù)期,且表示操作難以理解
 
2.有配圖會增強(qiáng)吸引力,文字或步驟多會有負(fù)面影響
 
3.用戶對風(fēng)格選擇沒有強(qiáng)烈訴求
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
5)提煉問題迭代優(yōu)化
 
根據(jù)測試結(jié)論1&2我們想到,能否結(jié)合方案2-1與2-2,采用圖片范例代替純文字范例,這樣用戶對生成效果就有了直接的預(yù)期,同時(shí)提高了點(diǎn)擊吸引力和可玩性;根據(jù)結(jié)論3我們對現(xiàn)有步驟進(jìn)行了簡化,省略風(fēng)格選擇步驟,采用智能識別描述詞風(fēng)格或默認(rèn)智能推薦生圖風(fēng)格,來減少用戶生圖步驟。
 
最終方案與競品對比生圖難度更低、生圖步驟更短,同時(shí)我們也進(jìn)行了新方案的回訪,所有用戶均表示新方案更簡單直接,且吸引力更強(qiáng)。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn)2:裝扮流程整體重構(gòu)
 
在入口頁和生成圖片&裝扮預(yù)覽流程我們也發(fā)散了多個(gè)方案,同樣通過用戶測試選出最優(yōu)方案。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
二期方案設(shè)計(jì)
 
用戶在裝扮中心點(diǎn)擊入口進(jìn)入創(chuàng)作頁,點(diǎn)擊圖例或輸入內(nèi)容后點(diǎn)擊底部生成按鈕,跳轉(zhuǎn)AI生成圖片頁面,支持用戶在當(dāng)前頁面預(yù)覽圖片、重新生成、修改描述、保存圖片及分享等操作,底部按鈕強(qiáng)引導(dǎo)進(jìn)入裝扮預(yù)覽頁進(jìn)行裝扮。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
上線效果
 
1)上線數(shù)據(jù)漏斗分析
 
AI裝扮2期上線后,在入口、輸入頁和裝扮預(yù)覽頁轉(zhuǎn)化較1期均有大幅提升,在輸入難度大于1期的前提下,輸入轉(zhuǎn)化依然高于1期。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
2)實(shí)際圖片生成效果
 
以下是一些真實(shí)用戶生成的圖片,不同風(fēng)格的生成質(zhì)量都能達(dá)到理想效果。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
3)數(shù)據(jù)指導(dǎo)持續(xù)優(yōu)化
 
同時(shí),進(jìn)一步分析漏斗數(shù)據(jù)發(fā)現(xiàn),雖然整體漏斗數(shù)據(jù)優(yōu)于以往,但是在圖片生成頁的用戶流失較大,于是我們開始探索在滿足用戶預(yù)覽圖片訴求的同時(shí),是否存在能夠快速進(jìn)入裝扮預(yù)覽頁的方案。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
Step3:持續(xù)迭代,精細(xì)體驗(yàn)
 
3期我們以簡化操作流程,提升裝扮轉(zhuǎn)化率為目標(biāo)進(jìn)行設(shè)計(jì)方案探索,結(jié)合用戶在創(chuàng)作頁點(diǎn)擊生成按鈕后希望先看到生成圖片的訴求,我們3期的設(shè)計(jì)難點(diǎn)是:
如何在預(yù)覽圖片和減步長中尋找平衡?
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
設(shè)計(jì)難點(diǎn):在預(yù)覽圖片和減步長中尋找平衡
 
1)框架探索
 
考慮到用戶想要先看到生成圖片的訴求,所以在思考方案過程中引入動效來銜接頁面之間的變化,減少用戶跳轉(zhuǎn)的可行性。
 
方向1:縮短主操作路徑,次要功能建立預(yù)期,后置操作;優(yōu)勢是層級簡單,核心操作聚焦
 
方向2:僅預(yù)覽圖片結(jié)果,后置操作;優(yōu)勢是操作路徑短
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
2)方案細(xì)化與測試
 
根據(jù)框架探索我們細(xì)化了3個(gè)方案:
 
為了更直觀的展示,我們制作了3個(gè)方案的Demo并進(jìn)行用戶測試,大部分用戶認(rèn)為方案1更直觀且簡潔。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
3)最終方案展示
 
生成中:展示重新生成、保存等相關(guān)操作,建立用戶預(yù)期
 
生成后:展示生成圖片并自動上滑,同時(shí)調(diào)起裝扮預(yù)覽面板,縮短裝扮路徑
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
優(yōu)化后數(shù)據(jù)對比
 
對比2期方案,優(yōu)化后方案點(diǎn)擊生成按鈕直達(dá)裝扮預(yù)覽頁,縮短裝扮路徑,上線后日均裝扮成功轉(zhuǎn)化率顯著提升。
 
當(dāng)設(shè)計(jì)遇上AI——百度APP裝扮體驗(yàn)AI創(chuàng)新探索
 
 
 
 
結(jié)語
 
本文以百度APP裝扮體驗(yàn)AI創(chuàng)新探索為例,分享了從設(shè)計(jì)視角出發(fā),設(shè)計(jì)師如何結(jié)合AI能力進(jìn)行設(shè)計(jì)創(chuàng)新,為用戶提供順暢的AI原生體驗(yàn),并分三步推動項(xiàng)目落地與優(yōu)化的思考過程。通過本次項(xiàng)目,我們也積累了一些經(jīng)驗(yàn)分享給大家:
 
1.避免慣性思維,站在用戶視角看問題
 
作為設(shè)計(jì)師,可能我們已經(jīng)看過、使用過很多AI類產(chǎn)品,對它的玩法非常熟悉。在設(shè)計(jì)前期,我們常常理所當(dāng)然的認(rèn)為用戶已經(jīng)理解掌握生圖的方法,結(jié)果在測試階段發(fā)現(xiàn)即便是公司內(nèi)部互聯(lián)網(wǎng)員工,理解使用起來也有一定門檻。所以我們一定要避免慣性思維,注意時(shí)刻抽身站在用戶視角,多問問自己:我們的用戶群體是否能夠快速理解并掌握設(shè)計(jì)方案。
 
2.用戶測試是有效的工具,可以幫助設(shè)計(jì)師獲得更深入的用戶反饋,并將其轉(zhuǎn)化為理想方案設(shè)計(jì)點(diǎn)
 
整個(gè)過程中,我們遇到了很多困難與挑戰(zhàn),尤其是在2期輸入體驗(yàn)的優(yōu)化上,在競品創(chuàng)作體驗(yàn)千篇一律且都不理想的情況下,初期思考的方案均沒有達(dá)到簡單且能直接輸入高質(zhì)量描述詞的理想效果,設(shè)計(jì)思路此時(shí)也達(dá)到了瓶頸。這時(shí)候引入用戶測試是一種很好的幫助設(shè)計(jì)師“換腦”的方式,用戶不會直接告訴我們理想方案是什么,但是我們可以從用戶的反饋中抽絲剝繭,轉(zhuǎn)化成理想方案的設(shè)計(jì)點(diǎn)。
 
3.設(shè)計(jì)方案應(yīng)盡量簡單直觀,避免需要用戶進(jìn)行過多的思考和轉(zhuǎn)換
 
通過我們多次的用戶測試發(fā)現(xiàn),除了大家熟知的設(shè)計(jì)方案應(yīng)該盡量簡單清晰、避免過多的復(fù)雜步驟和操作以外,還應(yīng)該盡量避免用戶需要思考轉(zhuǎn)化的步驟:比如給一段純文字示例讓用戶來生成圖片,這個(gè)文字與圖片生成的效果是需要用戶通過思考并轉(zhuǎn)換的,也許生圖結(jié)果與用戶預(yù)期天差地別。所以在調(diào)研后我們采取了“圖生圖”的方式,用戶喜歡哪張圖片,就使用它的描述詞來生成相似,這樣更加直觀,減少在大腦里轉(zhuǎn)換思考的過程。
 
以上就是我們的思考全過程與全部心得,希望對大家做類似AI創(chuàng)新型項(xiàng)目有所幫助。百度AI裝扮項(xiàng)目依然在持續(xù)優(yōu)化與完善,歡迎有興趣、有建議的小伙伴,來找我們一起溝通交流~
 
 
關(guān)于我們:
MEUX,百度移動生態(tài)用戶體驗(yàn)設(shè)計(jì)中心,負(fù)責(zé)百度移動生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。服務(wù)的產(chǎn)品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業(yè)產(chǎn)品等。MEUX以「簡單極致」為設(shè)計(jì)理念,創(chuàng)造極致用戶體驗(yàn)的同時(shí)賦能商業(yè),推動設(shè)計(jì)行業(yè)的價(jià)值和影響力,讓生活因設(shè)計(jì)而更美好。
 


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

B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動

博博

 
 
B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動,到底是個(gè)啥?
B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動,到底是個(gè)啥?
B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動,到底是個(gè)啥?
B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動,到底是個(gè)啥?
B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動,到底是個(gè)啥?
B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動,到底是個(gè)啥?
B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動,到底是個(gè)啥?
B端設(shè)計(jì)語言-形色字構(gòu)質(zhì)動,到底是個(gè)啥?

作者:啾啾復(fù)啾啾zz
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)(cqzjtgb.com )是一家專注而深入的界面設(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。

關(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ì)師,你了解交互設(shè)計(jì)文檔嗎?

博博

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


作者:Oceans1de
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)(cqzjtgb.com )是一家專注而深入的界面設(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。

關(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ā)

簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)

博博

細(xì)節(jié)成就卓越,從精致彈窗設(shè)計(jì)開始。
在移動端應(yīng)用的世界里,彈窗不僅是信息傳遞的橋梁,也是用戶體驗(yàn)的微妙觸點(diǎn)。一個(gè)精心設(shè)計(jì)的彈窗能夠在正確的時(shí)刻捕捉用戶的注意力,以一種既美觀又功能性強(qiáng)的方式提供必要信息或引導(dǎo)用戶操作。從視覺清晰度到操作簡便性,再到出現(xiàn)的時(shí)機(jī)和頻率,每一個(gè)細(xì)節(jié)都關(guān)乎著用戶對應(yīng)用的整體感受和滿意度。讓我們一起探索如何通過細(xì)致入微的設(shè)計(jì)思考,打造既符合業(yè)務(wù)目標(biāo)又讓用戶感到愉快的移動端彈窗,提升體驗(yàn),創(chuàng)造細(xì)節(jié)之美。
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗(yàn)
 
 

作者:Miao_C
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)(cqzjtgb.com )是一家專注而深入的界面設(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。

關(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ā)

如何利用動效 打造B端的用戶體驗(yàn)

博博

說到B端后臺產(chǎn)品,我們會想到業(yè)務(wù)復(fù)雜、信息龐大、用戶角色多、頁面層級深、使用門檻高等特征。這些特征讓后臺產(chǎn)品在設(shè)計(jì)時(shí)更強(qiáng)調(diào)“簡單直接”,無需多余的設(shè)計(jì)元素,相比之下,沒有C端產(chǎn)品有趣。而作為B端后臺設(shè)計(jì)師在工作中會面臨很多復(fù)雜場景的設(shè)計(jì)需求,有時(shí)候需求方未必能理解設(shè)計(jì)理念,會讓設(shè)計(jì)師陷入“頭禿”的狀態(tài)。 針對B端后臺產(chǎn)品某些體驗(yàn)問題,我們可以借助動效的力量去解決。
下面將結(jié)合工作經(jīng)驗(yàn),以及線上文章,分享如何利用動效來提升B端后臺產(chǎn)品的體驗(yàn)。
 
主要分為兩大塊:
如何利用動效  打造B端的用戶體驗(yàn)
 
如何利用動效  打造B端的用戶體驗(yàn)
 
使用動效不是為了炫技,而是輔助解決設(shè)計(jì)中發(fā)現(xiàn)的問題。我們要思考的是,眼下的問題結(jié)合動效能否達(dá)到1+1>2的解決效果。設(shè)計(jì)方案除了要得到需求方的認(rèn)可,還要有開發(fā)團(tuán)隊(duì)的支持。設(shè)計(jì)師做到從痛點(diǎn)中出發(fā),于可行處落地,才是有效的設(shè)計(jì)。那什么場景下的問題可以考慮結(jié)合動效呢?
 
1、信息量折疊收納
B端業(yè)務(wù)的復(fù)雜程度決定了產(chǎn)品的信息體量,這也考驗(yàn)著設(shè)計(jì)師設(shè)計(jì)頁面時(shí),能為用戶在有限的空間里獲取多少信息。舉個(gè)例子,用戶的辦公設(shè)備是小型筆記本,它的屏幕小,用戶一屏看到的內(nèi)容有限。這時(shí)需求方建議減少留白,壓縮空間,信息往上堆積,頁面最后會擁擠不堪。龐大的信息體量力求對用戶的吸收效率,也對設(shè)計(jì)造成困擾,針對這種情況我們可運(yùn)用“折疊收納”法
 
應(yīng)用案例1: 按鈕折疊
如果一個(gè)頁面的按鈕太多,可“折疊”按鈕。以下面的科目樹為例,每個(gè)科目有若干個(gè)功能按鈕,如按鈕全部展示,不利于用戶聚焦重要信息。用戶必定是先看科目標(biāo)題,如有需要才對科目進(jìn)行操作,基于這個(gè)思路可把按鈕折疊起來,待用戶鼠標(biāo)懸浮至科目才出現(xiàn)按鈕。在恰當(dāng)?shù)膱鼍跋聦粹o折疊,有助于精簡頁面結(jié)構(gòu)。一個(gè)頁面按區(qū)域劃分功能區(qū)和信息區(qū),信息區(qū)被文案鋪滿了,可簡化功能區(qū)的表現(xiàn)形式。比如按鈕和解釋文案,可對解釋文案進(jìn)行收納,用戶鼠標(biāo)懸浮上去顯示。對于用戶來說,一個(gè)按鈕的含義只要使用一次便清楚。
如何利用動效  打造B端的用戶體驗(yàn)
應(yīng)用案例2: 內(nèi)容折疊
B端后臺因信息量大有很多長頁面,這時(shí)可在用戶進(jìn)行頁面滾動瀏覽時(shí),根據(jù)用戶滾動的內(nèi)容進(jìn)行折疊。如下的篩選項(xiàng)占據(jù)了頁面頭部一定的空間,用戶滑到結(jié)果列表內(nèi)容時(shí),已選項(xiàng)固定在頂部精簡展示。
如何利用動效  打造B端的用戶體驗(yàn)
 
小結(jié):通過“折疊收納法”優(yōu)化頁面布局,根據(jù)用戶的操作行為給予內(nèi)容變化,幫助用戶降低信息量過大帶來的閱讀疲勞,也讓設(shè)計(jì)師在有限的設(shè)計(jì)空間里“堆積”信息。
 
2、對路徑進(jìn)行引導(dǎo),及時(shí)給與用戶反饋,提高效率
B端產(chǎn)品會有極其復(fù)雜的功能,這些功能通常用步驟條來拆分,引導(dǎo)用戶分步完成。面對復(fù)雜功能。需求方希望
在頁面的各個(gè)位置添加用法提示文案。但用戶并不想閱讀一串串文字,這時(shí)可結(jié)合用戶的操作行為,及時(shí)響應(yīng)引導(dǎo)下一步操作。
 
應(yīng)用案例1:
操作響應(yīng)如下的這個(gè)頁面需要用戶把左邊的字段拖拽到右邊生成卡片。當(dāng)用戶拖拽時(shí),給予動效反饋?zhàn)層脩舾兄侄瓮献Х较?。這種可視可感知的方式幫助用戶快速掌握用法,提升效率。
如何利用動效  打造B端的用戶體驗(yàn)
 
應(yīng)用案例2:引導(dǎo)響應(yīng)
在工作中我們也許會接到類似的修改需求:“按鈕不夠突出,不夠大,要又大又突出”。你看完后心里想:“還不夠突出嗎,要這么大干什么呢?”這時(shí)沉住氣,分析修改的根本目的,它想要突出的目的是什么?
1、這個(gè)按鈕在整個(gè)頁面中承載極其重要的功能,視覺上用戶需立刻注意到2、點(diǎn)擊按鈕后的內(nèi)容十分重要,希望增強(qiáng)點(diǎn)擊欲。
當(dāng)用戶鼠標(biāo)懸浮至按鈕時(shí),及時(shí)響應(yīng)引導(dǎo),一個(gè)箭頭既起到醒目作用,也引導(dǎo)著用戶去往下一步。
如何利用動效  打造B端的用戶體驗(yàn)
 
小結(jié): B端后臺頁面信息繁雜,功能多。通過動效幫助用戶在使用過程中增強(qiáng)反饋和引導(dǎo),正確的引導(dǎo)能縮短用戶的操作路徑,提升效率。
 
3、增加情感化體驗(yàn)
B端后臺產(chǎn)品大部分是給專業(yè)人員使用的,信息表單居多,頁面內(nèi)容相似,比較單調(diào)。加入適當(dāng)友好的情感化式效可以提升產(chǎn)品的趣味性,減少用戶使用的倦怠感。
應(yīng)用案例1: Loading動效
常規(guī)的Loading動效通常是一個(gè)圓在轉(zhuǎn)圈,當(dāng)用戶面對長時(shí)間加載時(shí),一直盯著一個(gè)圈會產(chǎn)生焦慮感。情感化Loading動效可總結(jié)為兩類:
1、產(chǎn)品本身有一個(gè)IP形象,可圍繞IP進(jìn)行創(chuàng)作。例如“加薪貓”,加載的時(shí)候貓咪追著錢幣奔跑,增加了跑步流汗的細(xì)節(jié),提升它已經(jīng)在努力加載的形象感;
2、根據(jù)Loading的文案進(jìn)行拓展設(shè)計(jì),提取文案元素,圖形場景化,分散用戶等待的焦慮。
如何利用動效  打造B端的用戶體驗(yàn)
 
應(yīng)用案例2:化抽象為形象
有些B端產(chǎn)品的業(yè)務(wù)背景專業(yè)而又抽象,可借助動效的力量化繁為簡,化抽象為形象。以下面數(shù)據(jù)字典為例。用通過該字典進(jìn)行與業(yè)務(wù)相關(guān)的字段查詢。該頁結(jié)構(gòu)較簡單:搜索欄和熱詞入口。我結(jié)合模塊名稱,對特征進(jìn)行具體物化,在頁面加入字典和放大鏡元素。通過物化讓用戶快速感知該模塊的作用。類似的大入口頁面也可以運(yùn)用3D效果,它能讓物化更加立體。
如何利用動效  打造B端的用戶體驗(yàn)
 
 
如何利用動效  打造B端的用戶體驗(yàn)
 
 
比較常用的動效設(shè)計(jì)工具有: Ae、Principle、ProtoPie。這里分享一下我在工作中常用的并能解決大部分問題的工具。
1、Principle:快速制成交互動效演示Demo
Principle是一款只能用于Mac OS系統(tǒng)的交互設(shè)計(jì)工具,它的操作界面跟Sketch類似,學(xué)習(xí)成本較低。它搭配Sketch使用,能對界面做轉(zhuǎn)場過渡動效和一些細(xì)節(jié)的交與動效。當(dāng)你想提出某個(gè)交互動效提案時(shí),可用Princidle快速制成演示Demo,導(dǎo)出GIF或視頻給到需求方,讓他們快速明白你的想法及可行性后臺界面演示demo可直接選擇箭頭光標(biāo),呈現(xiàn)效果更貼合真實(shí)場景。
 
如何利用動效  打造B端的用戶體驗(yàn)
 
 
2、After Effect: 適合各種場景下的動效制作
AE是絕大UI設(shè)計(jì)師必備的動效制作工具。它支持Mac OS和Windows系統(tǒng),其自身有著強(qiáng)大而豐富的特效庫?,F(xiàn)在也能通過AEUX插件,把Sketch里的圖層直接導(dǎo)入到AE使用。AE的功能大而全,日堂工作中多用干制作情感化需要的圖形動效,比如Loading、lcon點(diǎn)擊動效等等。
如何利用動效  打造B端的用戶體驗(yàn)
 
 
小結(jié): 設(shè)計(jì)師需要學(xué)習(xí)和掌握的軟件很多,軟件更新迭代的速度也很快??蛇x擇能解決工作中絕大設(shè)計(jì)需求的軟件精學(xué),其余可在空閑時(shí)作為知識技能儲備來學(xué)習(xí)。
 
總結(jié)
做適合的動效為B端產(chǎn)品體驗(yàn)賦能
當(dāng)你在設(shè)計(jì)一款從0-1或是重構(gòu)的B端后臺產(chǎn)品,你可重新定義設(shè)計(jì)風(fēng)格、規(guī)范控件。當(dāng)你是半途介入一款風(fēng)格規(guī)范都已相當(dāng)成熟的B端產(chǎn)品,通常遇到的問題較為繁瑣,可能是對一個(gè)按鈕、一個(gè)顏色、一句文案去精打細(xì)磨。這時(shí)設(shè)計(jì)師需提升產(chǎn)品全局觀,在設(shè)計(jì)過程中對遇到的問題層層剖析,洞悉設(shè)計(jì)的發(fā)力點(diǎn),并在恰當(dāng)?shù)膱鼍跋戮o貼產(chǎn)品特性和業(yè)務(wù)需求,提出恰到好處的動效方案,以小點(diǎn)出發(fā),真正為產(chǎn)品的體驗(yàn)賦能。
 

作者:CNLILY
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)(cqzjtgb.com )是一家專注而深入的界面設(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。

關(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ā)

用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)

博博

視覺策略:場景圖形化
我們知道對于 PaaS 類產(chǎn)品而言,產(chǎn)品的客戶價(jià)值傳遞是非常重要的,它決定著產(chǎn)品的增長獲客、銷售收入等。然而視覺設(shè)計(jì)師有時(shí)候會對所能提供的價(jià)值而感到方法有限,在完成了基本的頁面布局、層級、組件的構(gòu)建之外還能做些什么幫助產(chǎn)品傳遞客戶價(jià)值。我們嘗試為大家介紹一個(gè)設(shè)計(jì)方法“場景圖形化設(shè)計(jì)”。
場景圖形化設(shè)計(jì)是什么?
場景圖形化設(shè)計(jì)是什么?
 
其實(shí)場景圖形化的概念非常簡單,它的核心點(diǎn)在于一方面將我們希望傳達(dá)給用戶的信息進(jìn)行情境或情節(jié)的場景化構(gòu)建,另一方面則是將構(gòu)建好的場景通過圖形化的方式進(jìn)行視覺表達(dá)。那么為什么它可以幫助我們進(jìn)行客戶價(jià)值的傳遞?我們先簡要的分析下它的原理。
 
場景圖形化的原理
一般情況下我們認(rèn)為用戶產(chǎn)生某個(gè)行為背后的原理是,用戶接受一個(gè)情境的刺激,然后會根據(jù)已有的認(rèn)知經(jīng)驗(yàn)去產(chǎn)生一個(gè)主觀的期望效果,并產(chǎn)生與之對應(yīng)的行為,行為產(chǎn)生的結(jié)果反饋又會成為認(rèn)知經(jīng)驗(yàn),從而對下次行為產(chǎn)生影響。
用戶行為原理
用戶行為原理
 
而場景圖形化就是在情境刺激這個(gè)階段,通過將業(yè)務(wù)概念場景化或者情境化,然后用圖形的方式去表達(dá)場景或情境來增強(qiáng)客戶受到的感知,影響他的主觀認(rèn)知,從而更好的促進(jìn)后續(xù)的行為。因?yàn)槿祟愂且曈X動物,圖像對我們的吸引力是遠(yuǎn)大于文字的,將復(fù)雜、艱深的業(yè)務(wù)概念通過圖形的形式表達(dá)出來,相比單純的文字描述有著巨大的優(yōu)勢。
圖形化設(shè)計(jì)優(yōu)勢
圖形化設(shè)計(jì)優(yōu)勢
 
場景圖形化的項(xiàng)目實(shí)踐
在了解到場景圖形化的含義和原理之后,我們接著來看在(小程序平臺)這個(gè) PaaS 產(chǎn)品里我們是如何運(yùn)用這個(gè)方法的。
1.業(yè)務(wù)場景圖形化,傳遞產(chǎn)品客戶價(jià)值
其實(shí)在 B 端的視覺設(shè)計(jì)中圖形化的表達(dá)方式已經(jīng)屢見不鮮。但是在 PaaS 產(chǎn)品中,我們認(rèn)為左側(cè)這種常見的抽象化的表達(dá)形式其實(shí)并不適合,它雖然能夠滿足本能層和反思層的設(shè)計(jì)表現(xiàn),但是在降低業(yè)務(wù)理解門檻這個(gè)需求上并不能提供足夠的幫助,或者可以說情境刺激的強(qiáng)度不夠。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
象化的圖形設(shè)計(jì)方式在于把抽象的、看不見的事物通過提取、轉(zhuǎn)化等形式變得看的見、容易理解。這顯然更加符合我們希望增強(qiáng)情境刺激的效果,當(dāng)然抽象化的表達(dá)方式在營造氛圍和表達(dá)一些同樣的抽象概念時(shí)也有自身優(yōu)勢,綜合來看我們決定以具象化為主、抽象化為輔的形式來進(jìn)行核心情境的圖形化表達(dá)。
以 (小程序平臺)控制臺概覽頁為例,在這個(gè)場景里我們希望客戶能夠快速地了解并體驗(yàn)小程序平臺的兩個(gè)核心價(jià)值點(diǎn),于是我們把這兩個(gè)價(jià)值點(diǎn)梳理成了兩個(gè)場景,那么相對應(yīng)的我們就需要將這兩個(gè)場景進(jìn)行圖形化。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
 
首先我們需要拆解文案中的描述,將文案轉(zhuǎn)化為一個(gè)情境描述,這也需要交互設(shè)計(jì)師配合在文案設(shè)計(jì)階段,就采用相同的設(shè)計(jì)方法首先將文案場景化。當(dāng)然如果是一個(gè)非場景化的文案,我們也可以試著將它情境化。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
 
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
 
接下來,我們根據(jù)轉(zhuǎn)述好的情境來構(gòu)建整個(gè)畫面元素,在這里我們將畫面分為了主體區(qū)和背景區(qū),來表達(dá)重點(diǎn)的標(biāo)題和次重點(diǎn)的正文。在實(shí)際操作中也可以根據(jù)現(xiàn)實(shí)情況來靈活調(diào)整。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
完成圖形的構(gòu)建后,在質(zhì)感選擇上因?yàn)橄M成洮F(xiàn)實(shí)世界,所以我們放棄在質(zhì)感上過多修飾,使用了一些寫實(shí)的金屬、塑料、玻璃質(zhì)感來營造整個(gè)場景氛圍。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
最后運(yùn)用相同的設(shè)計(jì)方法完成這個(gè)場景的圖形化構(gòu)建。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
以上的思路就是一個(gè)典型的場景圖形化的設(shè)計(jì)方法。從圍繞文案的拆解來構(gòu)建圖形元素,到映射現(xiàn)實(shí)實(shí)體的質(zhì)感表達(dá)我們的目的都在于讓場景變得更加生動更加可理解易理解,從而最大限度的對客戶進(jìn)行情境刺激。秉承這個(gè)思路,我們在產(chǎn)品的整個(gè)用戶路徑中,對于關(guān)鍵場景都采用了這種圖形化的表達(dá)方式。
 
2.品牌傳遞融入場景,構(gòu)建品牌認(rèn)知
接下來從品牌維度來看,品牌價(jià)值是客戶價(jià)值在品牌側(cè)的體現(xiàn),品牌價(jià)值的構(gòu)建對客戶價(jià)值傳遞有極大的幫助。我們希望客戶在理解到產(chǎn)品的客戶價(jià)值后,可以進(jìn)一步的記憶它。針對這個(gè)維度,我們的想法是在場景圖形化在搭建中融入和露出品牌,同時(shí)貫穿整個(gè)用戶路徑,一方面潛移默化完成品牌認(rèn)知構(gòu)建,另一方面增強(qiáng)客戶價(jià)值的記憶。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
對于 B 端產(chǎn)品來說品牌融入和露出可能方法并不多,但在場景化設(shè)計(jì)思路里我們可以把場景作為品牌的載體。這樣的好處一方面是品牌的融入非常自然,形成從產(chǎn)品價(jià)值到品牌價(jià)值的傳遞鏈路。另一方面,可以在了解、試用、使用這條體驗(yàn)路徑的核心場景里反復(fù)露出。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
3.場景圖形表達(dá)標(biāo)準(zhǔn)化,打造統(tǒng)一心智
最后,針對視覺側(cè)的客戶價(jià)值傳遞形式我們需要進(jìn)行規(guī)范的制定和標(biāo)準(zhǔn)化沉淀,來保證未來設(shè)計(jì)輸出的統(tǒng)一規(guī)范,讓客戶價(jià)值在產(chǎn)品所有場景和階段的傳遞都有統(tǒng)一的用戶心智。首先我們將圖形化的場景進(jìn)行了區(qū)分,一類是傳遞業(yè)務(wù),另一類是傳遞品牌,其次給出圖形化設(shè)計(jì)的具體原則和構(gòu)圖規(guī)范,讓場景圖形構(gòu)建都有據(jù)可循。
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
「PaaS產(chǎn)品設(shè)計(jì)」用視覺策略助力產(chǎn)品客戶價(jià)值傳達(dá)
作者:cclava
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)(cqzjtgb.com )是一家專注而深入的界面設(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。

關(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ā)

如何用服務(wù)思維做體驗(yàn)升級?

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

金融品類交易中,客戶和平臺產(chǎn)品再也不是「決策-購買-結(jié)束」這種買完即走的關(guān)系,產(chǎn)品體驗(yàn)路徑貫穿投前-中-后、線下后臺,用戶體驗(yàn)鏈路漫長且復(fù)雜。尤其是私募品類,百萬起投的用戶門檻極高,高凈值人群的需求更加千人千面,給體驗(yàn)升級帶來很大的難題

用戶思維之旅,引領(lǐng)設(shè)計(jì)未來

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

用戶思維在現(xiàn)代設(shè)計(jì)中扮演著關(guān)鍵角色,經(jīng)歷了多個(gè)發(fā)展階段。從簡單的顧客是上帝到如今的以用戶為中心,我們見證了用戶思維的不斷演進(jìn)。本章將深入探討用戶思維的發(fā)展史、認(rèn)知方式和實(shí)際應(yīng)用方法,為設(shè)計(jì)團(tuán)隊(duì)提供全面的視角,引領(lǐng)我們更好地理解和滿足用戶需求。

探究UI設(shè)計(jì)中形狀的創(chuàng)意與應(yīng)用

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

在UI設(shè)計(jì)中,形狀設(shè)計(jì)是一個(gè)至關(guān)重要的環(huán)節(jié)。對其選擇和排列會直接影響到界面的美觀度和用戶的交互體驗(yàn)。接下來將詳細(xì)探討UI設(shè)計(jì)中的形狀設(shè)計(jì),包括其重要性、基本原則和實(shí)際應(yīng)用。

B端設(shè)計(jì)—常見問題&解決方式

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

B端設(shè)計(jì)—常見問題&解決方式
 
 
一、UI設(shè)計(jì)師在B端產(chǎn)品界面設(shè)計(jì)時(shí),可能會遇到的問題。
1.1復(fù)雜的數(shù)據(jù)可視化需求
B端應(yīng)用往往涉及復(fù)雜數(shù)據(jù),設(shè)計(jì)師需要創(chuàng)造清晰且有效的方式來顯示這些信息。
對于B端產(chǎn)品設(shè)計(jì)中復(fù)雜的數(shù)據(jù)可視化需求,一個(gè)詳細(xì)的解決方案需要從不同層面進(jìn)行考慮和實(shí)施:
理解用戶需求:
首先,進(jìn)行深入的用戶研究以理解不同用戶的數(shù)據(jù)需求。這可能包括用戶訪談、觀察和問卷調(diào)查,以收集關(guān)于他們?nèi)绾卫斫夂褪褂脭?shù)據(jù)的信息。
選擇合適的圖表類型:
根據(jù)數(shù)據(jù)類型和用戶需求選擇最合適的圖表類型。例如,時(shí)間序列數(shù)據(jù)適合折線圖,而比較數(shù)據(jù)則可能更適合條形圖或餅圖。同時(shí),對于更復(fù)雜的數(shù)據(jù)關(guān)系,可能需要使用散點(diǎn)圖、熱圖或樹狀圖。
簡化設(shè)計(jì):
避免過度裝飾的圖表。使用清晰的軸標(biāo)簽、標(biāo)題和圖例,確保用戶能夠輕松讀懂圖表。選擇合適的顏色方案來增強(qiáng)可讀性,同時(shí)避免使用令人分心或誤解的顏色組合。
增加交互性:
交互式元素可以大大增強(qiáng)數(shù)據(jù)可視化的效果。例如,當(dāng)用戶將鼠標(biāo)懸停在圖表的某個(gè)部分時(shí),可以顯示詳細(xì)的數(shù)據(jù)點(diǎn)信息。此外,可以允許用戶通過篩選、排序或拖動來自定義視圖。
提供上下文和引導(dǎo):
確保每個(gè)圖表都有足夠的上下文信息,比如引導(dǎo)性文本或簡短的分析,幫助用戶理解數(shù)據(jù)背后的故事。這不僅包括圖表本身的解釋,還包括如何使用圖表進(jìn)行有效決策的指導(dǎo)。
優(yōu)化性能:
對于處理大量數(shù)據(jù)的可視化,確保性能優(yōu)化是至關(guān)重要的。這可能涉及后端數(shù)據(jù)處理優(yōu)化、前端渲染優(yōu)化以及合理的數(shù)據(jù)加載策略。
用戶測試和反饋:
設(shè)計(jì)完成后,進(jìn)行用戶測試以收集反饋。觀察用戶如何與數(shù)據(jù)可視化交互,并根據(jù)他們的反饋進(jìn)行調(diào)整。這是一個(gè)持續(xù)的過程,旨在不斷提高可視化工具的有效性和用戶滿意度。
B端設(shè)計(jì)—常見問題&解決方式
 
 
可以找到大量的參考選擇適用自己產(chǎn)品風(fēng)格的可視化,之后進(jìn)行修改。
1.2深層級的功能集成
與C端產(chǎn)品相比,B端產(chǎn)品可能有更深層次和復(fù)雜的功能,難以設(shè)計(jì)簡潔直觀的用戶界面。
對于UI設(shè)計(jì)師在進(jìn)行B端產(chǎn)品界面設(shè)計(jì)時(shí)遇到的“深層級的功能集成”問題,一個(gè)詳細(xì)的解決方案需要包括以下幾個(gè)關(guān)鍵策略:
模塊化設(shè)計(jì):
通過將復(fù)雜功能分解為獨(dú)立、可重用的模塊,可以簡化界面并提高可維護(hù)性。每個(gè)模塊應(yīng)專注于單一功能或任務(wù),從而使整體系統(tǒng)更加清晰易懂。
清晰的信息架構(gòu):
建立一個(gè)邏輯清晰的信息架構(gòu)是至關(guān)重要的。這包括創(chuàng)建一個(gè)分層的菜單結(jié)構(gòu),將相關(guān)功能組織在一起,并通過適當(dāng)?shù)拿麃碇笇?dǎo)用戶。
分層的導(dǎo)航系統(tǒng):
為不同層級的功能提供清晰的導(dǎo)航路徑。這可能包括主導(dǎo)航菜單、次級導(dǎo)航以及面包屑導(dǎo)航等,幫助用戶理解他們在應(yīng)用中的位置以及如何訪問特定的功能。
搜索功能:
隨著功能數(shù)量的增加,提供一個(gè)強(qiáng)大的搜索工具變得尤為重要。這可以幫助用戶快速找到他們需要的特定功能或信息。
自定義和個(gè)性化設(shè)置:
允許用戶根據(jù)自己的工作流程和偏好來自定義界面。這包括選擇要顯示的模塊、調(diào)整布局以及設(shè)置快捷方式等。
交互式教程和幫助文檔:
為新用戶提供交互式教程,幫助他們快速了解如何使用應(yīng)用。同時(shí),提供詳細(xì)的幫助文檔和FAQ,以便用戶可以自助解決問題。
用戶測試和反饋:
持續(xù)進(jìn)行用戶測試和收集反饋,了解哪些功能集成方式有效,哪些需要改進(jìn)。根據(jù)用戶的反饋不斷調(diào)整和優(yōu)化界面設(shè)計(jì)。 通過實(shí)施這些策略,UI設(shè)計(jì)師可以有效解決深層級功能集成的問題,創(chuàng)造出既強(qiáng)大又易于使用的B端產(chǎn)品界面。
B端設(shè)計(jì)—常見問題&解決方式
 
 
1.3用戶習(xí)慣差異
B端用戶可能來自不同行業(yè),具有不同的操作習(xí)慣和偏好,滿足所有用戶的需求挑戰(zhàn)較大。
針對B端產(chǎn)品界面設(shè)計(jì)中的“用戶習(xí)慣差異”問題,一個(gè)詳細(xì)的解決方案應(yīng)包括以下幾個(gè)步驟:
深入用戶研究:
通過訪談、問卷調(diào)查、用戶觀察和分析用戶數(shù)據(jù)來理解不同用戶群體的習(xí)慣和需求。這些研究幫助揭示不同行業(yè)、角色和經(jīng)驗(yàn)水平的用戶如何與產(chǎn)品互動。
多樣化的設(shè)計(jì)解決方案:
根據(jù)研究結(jié)果,設(shè)計(jì)可以適應(yīng)不同用戶需求的界面。這可能涉及提供多種布局、導(dǎo)航樣式和交互方式供用戶選擇。
個(gè)性化和定制功能:
允許用戶根據(jù)個(gè)人偏好調(diào)整界面,包括主題、布局、快捷方式和默認(rèn)設(shè)置等。
清晰的指導(dǎo)和幫助:
為了幫助用戶理解如何使用產(chǎn)品,提供詳細(xì)的幫助文檔、FAQ和交互式教程。
持續(xù)的反饋循環(huán):
設(shè)立機(jī)制收集用戶反饋,定期進(jìn)行用戶測試,并根據(jù)反饋迭代優(yōu)化產(chǎn)品。
通過這些策略,UI設(shè)計(jì)師可以更好地應(yīng)對用戶習(xí)慣的差異,創(chuàng)造出既滿足用戶需求又易于使用的B端產(chǎn)品界面。
1.4訪問權(quán)限管理
需要設(shè)計(jì)復(fù)雜的權(quán)限設(shè)置界面,確保不同級別的用戶只能訪問特定信息。
針對B端產(chǎn)品界面設(shè)計(jì)中的“訪問權(quán)限管理”問題,一個(gè)詳細(xì)的解決方案應(yīng)該包括以下幾個(gè)關(guān)鍵策略:
深入理解不同角色的需求:
與產(chǎn)品的各種用戶群體(如管理者、普通用戶、審計(jì)員等)進(jìn)行交流,了解他們對權(quán)限管理的需求和期望。
設(shè)計(jì)靈活的權(quán)限框架:
創(chuàng)建一個(gè)可以靈活適應(yīng)不同用戶和角色需求的權(quán)限系統(tǒng)。這包括定義不同級別的權(quán)限,如查看、編輯、管理等,并允許細(xì)粒度的控制。
直觀的權(quán)限配置界面:
為管理員設(shè)計(jì)一個(gè)清晰、直觀的界面,讓他們可以輕松分配和調(diào)整權(quán)限。提供明確的指示和反饋,確保管理員理解每種權(quán)限的含義。
透明的用戶權(quán)限指引:
向用戶清晰顯示他們的權(quán)限等級和可以訪問的內(nèi)容。當(dāng)用戶嘗試進(jìn)行超出權(quán)限的操作時(shí),提供友好的錯(cuò)誤消息和指引。
權(quán)限變更的審計(jì)和記錄:
記錄所有權(quán)限的更改歷史,以便于追蹤和審計(jì)。這對于保障系統(tǒng)安全和滿足合規(guī)要求非常關(guān)鍵。
持續(xù)的測試和反饋:
定期進(jìn)行權(quán)限系統(tǒng)的用戶測試,收集反饋并根據(jù)反饋調(diào)整和優(yōu)化設(shè)計(jì)。
通過實(shí)施這些策略,可以構(gòu)建一個(gè)既強(qiáng)大又易于管理的訪問權(quán)限系統(tǒng),從而提升B端產(chǎn)品的安全性、靈活性和用戶滿意度。
1.5多設(shè)備兼容
必須確保界面在各種設(shè)備和屏幕尺寸上均表現(xiàn)良好,
尤其是需要在寬為1440px和1920px下有效運(yùn)行。
針對B端產(chǎn)品界面設(shè)計(jì)中的“多設(shè)備兼容性”問題,一個(gè)詳細(xì)的解決方案涉及多個(gè)層面。
首先,采用響應(yīng)式設(shè)計(jì)原則
,確保界面元素和布局能夠根據(jù)不同的屏幕尺寸和分辨率自動調(diào)整。
其次,對于關(guān)鍵功能,進(jìn)行徹底的跨平臺測試,包括不同操作系統(tǒng)、瀏覽器和設(shè)備類型,確保功能的一致性和穩(wěn)定性。
另外,考慮到觸控和非觸控設(shè)備的交互差異
,設(shè)計(jì)時(shí)應(yīng)確保按鈕和其他控件大小適中,易于操作。
通過這些綜合策略,可以有效解決多設(shè)備兼容性問題,提升用戶的整體體驗(yàn)。
1.6專業(yè)術(shù)語和內(nèi)容
針對B端產(chǎn)品界面設(shè)計(jì)中的“專業(yè)術(shù)語和內(nèi)容”問題,一個(gè)詳細(xì)的解決方案包括深入行業(yè)研究,確保使用對目標(biāo)用戶群來說準(zhǔn)確、相關(guān)的術(shù)語。
與此同時(shí),與行業(yè)專家合作,以驗(yàn)證內(nèi)容的準(zhǔn)確性和適用性,確保信息傳達(dá)清晰無誤。
設(shè)計(jì)時(shí),考慮到不同用戶的知識背景,提供容易理解的解釋或工具提示,對復(fù)雜術(shù)語進(jìn)行簡化。此外,創(chuàng)建全面的幫助文檔和在線教育資源,幫助用戶深入理解專業(yè)內(nèi)容。
定期更新內(nèi)容,確保與行業(yè)發(fā)展保持同步,同時(shí)收集用戶反饋,不斷優(yōu)化和調(diào)整術(shù)語和內(nèi)容的使用。通過這些方法,UI設(shè)計(jì)師可以在確保專業(yè)準(zhǔn)確性的同時(shí),提升用戶的理解和操作效率
1.7交互復(fù)雜性
了解用戶:
深入理解B端用戶的工作流程和任務(wù)需求。B端用戶往往更關(guān)注效率和功能,因此設(shè)計(jì)師需要明確用戶的專業(yè)性和任務(wù)目標(biāo)。
簡化流程:
盡管B端應(yīng)用可能功能復(fù)雜,但設(shè)計(jì)師應(yīng)努力簡化用戶流程。這包括創(chuàng)建直觀的導(dǎo)航系統(tǒng),減少不必要的步驟,以及提供清晰的指引。
模塊化設(shè)計(jì):
將復(fù)雜功能拆分成獨(dú)立的模塊或組件。每個(gè)模塊專注于一個(gè)具體任務(wù)或功能,用戶可以根據(jù)需要組合使用它們。
定制化和個(gè)性化:
允許用戶根據(jù)自己的需求和偏好定制界面和功能。例如,提供可定制的儀表板,讓用戶可以選擇對他們最重要的信息和工具。
清晰的視覺層級:
通過顏色、大小和布局等視覺元素創(chuàng)建清晰的層級,幫助用戶理解信息的重要性和操作的先后順序。
 
二、不同的B端產(chǎn)品所面對的問題也不一樣
不同B端產(chǎn)品可能面臨的問題包括用戶角色多樣化、數(shù)據(jù)密集、嚴(yán)格的安全要求、高度定制的工作流程和快速變化的行業(yè)規(guī)范。在B端產(chǎn)品設(shè)計(jì)中,UI設(shè)計(jì)師可能面臨的問題和注意事項(xiàng)舉例:
ERP系統(tǒng):
可能出現(xiàn)的問題包括復(fù)雜的數(shù)據(jù)集成和大量的用戶角色。設(shè)計(jì)時(shí)應(yīng)注重清晰的數(shù)據(jù)可視化和靈活的權(quán)限設(shè)置。
醫(yī)療保健平臺:
面臨嚴(yán)格的合規(guī)和隱私要求。設(shè)計(jì)應(yīng)確保數(shù)據(jù)安全性,同時(shí)提供易于理解的導(dǎo)航和專業(yè)術(shù)語解釋。
金融管理軟件:
需要處理復(fù)雜的交易和報(bào)告。應(yīng)關(guān)注于精確的數(shù)據(jù)展示和高效的任務(wù)流程設(shè)計(jì)。
CRM系統(tǒng):
需管理大量客戶數(shù)據(jù)和銷售流程,可能面臨數(shù)據(jù)整合和用戶個(gè)性化需求的問題。設(shè)計(jì)時(shí)應(yīng)側(cè)重于清晰的數(shù)據(jù)組織和自定義視圖。
供應(yīng)鏈管理軟件:
可能面臨復(fù)雜的物流數(shù)據(jù)和多級用戶訪問問題。解決方案包括強(qiáng)大的數(shù)據(jù)過濾功能和靈活的權(quán)限設(shè)置。
項(xiàng)目管理工具:
需處理不同項(xiàng)目和任務(wù)的組織,可能面臨用戶協(xié)作和進(jìn)度追蹤的挑戰(zhàn)。設(shè)計(jì)應(yīng)側(cè)重于簡化的任務(wù)管理界面和實(shí)時(shí)更新功能。
財(cái)務(wù)報(bào)告系統(tǒng):
可能遇到的問題包括復(fù)雜的財(cái)務(wù)數(shù)據(jù)展示和各種報(bào)告格式的需求。設(shè)計(jì)時(shí)應(yīng)注重靈活的報(bào)告工具和定制的數(shù)據(jù)儀表板。
教育管理平臺:
面臨多樣化的用戶群體和教育內(nèi)容的問題。設(shè)計(jì)應(yīng)提供清晰的課程導(dǎo)航和易于訪問的教學(xué)資源。
工業(yè)監(jiān)控系統(tǒng):
可能面臨實(shí)時(shí)數(shù)據(jù)流和高級監(jiān)控功能的需求。設(shè)計(jì)時(shí)應(yīng)重視數(shù)據(jù)實(shí)時(shí)更新和高效的警報(bào)系統(tǒng)。


作者:張陽光Designer
來源:站酷

 

藍(lán)藍(lán)設(shè)計(jì)(cqzjtgb.com )是一家專注而深入的界面設(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。

關(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ā)

日歷

鏈接

個(gè)人資料

存檔

本溪市| 友谊县| 怀柔区| 伊宁县| 兴宁市| 开鲁县| 屏南县| 滕州市| 息烽县| 收藏| 淳安县| 扎鲁特旗| 邹城市| 郁南县| 河曲县| 太谷县| 平阳县| 安康市| 永新县| 高雄市| 武宣县| 自贡市| 台前县| 三门峡市| 元谋县| 读书| 保亭| 金堂县| 伊吾县| 哈密市| 上思县| 沁水县| 津南区| 长治市| 永安市| 湾仔区| 和平县| 怀化市| 五台县| 全南县| 南召县|