首頁(yè)

北京藍(lán)藍(lán)UI設(shè)計(jì)公司 | 如何挖掘產(chǎn)品需求 | 利益相關(guān)者漣漪&SWOT

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

在一個(gè)項(xiàng)目中,我們第一步要確認(rèn)的是如何準(zhǔn)確的定位用戶群體。

即這個(gè)項(xiàng)目對(duì)接的核心角色是誰(shuí)?

我們知道一個(gè)B端需求會(huì)涉及多個(gè)角色,每個(gè)角色都可以看作是一個(gè)利益相關(guān)者。

越靠近核心角色,代表重要程度越高,這就意味著,我們做這個(gè)需求的時(shí)候要根據(jù)重要程度排優(yōu)先級(jí),才能符合需求。

數(shù)據(jù)透視設(shè)計(jì)力:北京藍(lán)藍(lán)UI設(shè)計(jì)揭秘如何量化評(píng)估設(shè)計(jì)系統(tǒng)的用戶體驗(yàn)

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

在當(dāng)今數(shù)字化時(shí)代,設(shè)計(jì)系統(tǒng)的健康運(yùn)轉(zhuǎn)對(duì)于提升用戶體驗(yàn)、優(yōu)化產(chǎn)品功能至關(guān)重要。然而,如何科學(xué)地度量評(píng)估設(shè)計(jì)系統(tǒng)的表現(xiàn),尤其是組件庫(kù)的維護(hù)升級(jí)效果,一直是業(yè)內(nèi)關(guān)注的焦點(diǎn)。傳統(tǒng)的問(wèn)卷形式定性評(píng)估雖然廣泛應(yīng)用,但因其受限于樣本量和周期性評(píng)估的特性,難以提供實(shí)時(shí)、精準(zhǔn)的反饋。

在B端設(shè)計(jì)領(lǐng)域,Light Design設(shè)計(jì)系統(tǒng)憑借其出色的組件庫(kù),為用戶帶來(lái)了極大的便利。然而,隨著產(chǎn)品功能的不斷迭代和用戶體驗(yàn)要求的提升,組件庫(kù)的維護(hù)升級(jí)也面臨著越來(lái)越多的挑戰(zhàn)。為了更加敏捷地應(yīng)對(duì)這些挑戰(zhàn),我們急需一種實(shí)時(shí)的定量監(jiān)測(cè)能力,以便快速定位問(wèn)題、明確迭代方向,進(jìn)而減少維護(hù)成本,提升組件庫(kù)的易用性。

本文將以Light Design設(shè)計(jì)系統(tǒng)的組件庫(kù)為例,深入探討如何通過(guò)定量指標(biāo)來(lái)優(yōu)化組件庫(kù)的維護(hù)升級(jí)流程。我們將從四個(gè)關(guān)鍵方面展開(kāi):明確問(wèn)題、選擇指標(biāo)、探究現(xiàn)狀、解決風(fēng)險(xiǎn)。

首先,我們需要明確想要挖掘組件庫(kù)的哪些問(wèn)題。這些問(wèn)題可能涉及組件的使用頻率、錯(cuò)誤率、性能表現(xiàn)等多個(gè)方面。通過(guò)將這些問(wèn)題按維度分類,我們可以更加清晰地了解組件庫(kù)的現(xiàn)狀和潛在風(fēng)險(xiǎn)。

接下來(lái),根據(jù)設(shè)立的維度,我們將選擇合適的觀測(cè)指標(biāo)。這些指標(biāo)應(yīng)該能夠準(zhǔn)確地反映組件庫(kù)的性能表現(xiàn)和用戶體驗(yàn),同時(shí)也需要具有可量化、可比較的特點(diǎn)。

在確定了觀測(cè)指標(biāo)后,我們將開(kāi)始探究這些指標(biāo)所反映的現(xiàn)狀和風(fēng)險(xiǎn)。通過(guò)收集和分析實(shí)際數(shù)據(jù),我們可以了解組件庫(kù)在實(shí)際使用中的表現(xiàn),發(fā)現(xiàn)存在的問(wèn)題和瓶頸,為后續(xù)的優(yōu)化提供有力支持。

首先,我們需要明確希望定量評(píng)估幫助解決哪些問(wèn)題,從參與組件庫(kù)的角色來(lái)入手把問(wèn)題維度進(jìn)行分類:

角色一是維護(hù)方,負(fù)責(zé)生產(chǎn)和迭代組件。對(duì)于這一方,希望宏觀的知道目前組件庫(kù)的體量,判斷是需要精簡(jiǎn)還是擴(kuò)充;

以及還需要判斷迭代周期是否合理,那么就對(duì)應(yīng)以下2個(gè)維度:

1.構(gòu)成規(guī)模-即組件庫(kù)由多少組件構(gòu)成。

2.維護(hù)效率-即組件庫(kù)迭代的快慢。

角色二是引用方,也就是各個(gè)業(yè)務(wù)平臺(tái)的設(shè)計(jì)師、研發(fā)同學(xué)。他們會(huì)在日常的需求消化中,引用組件完成功能迭代。我們希望通過(guò)這些引用的行為觀測(cè)組件庫(kù)的覆蓋能力,提前預(yù)知不易用的風(fēng)險(xiǎn)組件,盡早升級(jí)。于是就有了以下2個(gè)維度:

1.引用規(guī)模-即有多少平臺(tái)用到了組件庫(kù)。

2.易用性-即組件是否在各業(yè)務(wù)場(chǎng)景都方便引用。

有了維度分類后,接下來(lái)就需要在眾多組件庫(kù)的觀測(cè)數(shù)據(jù)中,選取合適的數(shù)據(jù)成為觀測(cè)指標(biāo)。

下面是我們根據(jù)評(píng)估維度選擇的觀測(cè)指標(biāo):

構(gòu)成規(guī)模

1.組件個(gè)數(shù)-基礎(chǔ)、業(yè)務(wù)、圖表等多組件庫(kù)分別計(jì)數(shù)。

2.組件庫(kù)覆蓋率-各組件庫(kù)中被引用組件對(duì)于全集的占比。

維護(hù)效率

1.組件庫(kù)迭代進(jìn)度-迭代性質(zhì)可分為問(wèn)題修復(fù)、特性和實(shí)驗(yàn)性功能增優(yōu)。

引用規(guī)模

1.引用平臺(tái)數(shù)-有多少平臺(tái)引用了組件庫(kù)。

2.組件庫(kù)版本引用占比-各平臺(tái)引用的是哪個(gè)版本的組件庫(kù)(組件庫(kù)每升級(jí)一次,即為一個(gè)新版本)。

3.各平臺(tái)組件庫(kù)引用覆蓋-我們提供了基礎(chǔ)、業(yè)務(wù)、圖表3個(gè)大組件庫(kù),從這個(gè)數(shù)據(jù)可以獲知各個(gè)業(yè)務(wù)平臺(tái)都引用了前述的哪些組件庫(kù),以及各引用了多少組件。

易用性

1.組件引用次數(shù)-組件被各業(yè)務(wù)方引用了多少次。

2.組件改寫次數(shù)-此處為非正常改寫,業(yè)務(wù)的研發(fā)強(qiáng)行破壞了組件的既有樣式,業(yè)內(nèi)通常稱其為"Hack"。

通過(guò)上面的分析,我們就得到了一個(gè)較為完整的觀測(cè)指標(biāo)框架,下面我們來(lái)探討下如何利用他們實(shí)際去發(fā)現(xiàn)和解決問(wèn)題。

探&解

確定以上觀測(cè)指標(biāo),我們搭建了監(jiān)測(cè)平臺(tái),日常監(jiān)控組件庫(kù)的數(shù)據(jù)表現(xiàn),產(chǎn)出數(shù)據(jù)報(bào)告。下面就用實(shí)際的例子來(lái)講講如何利用這些定量的觀測(cè)指標(biāo),發(fā)現(xiàn)并解決組件庫(kù)的易用性和維護(hù)上的一系列問(wèn)題。

易用性相關(guān)

問(wèn)題1:如何定位到不好用的組件?是否值得升級(jí)?又如何進(jìn)行優(yōu)化呢?

解:這里需要依靠2個(gè)數(shù)據(jù)指標(biāo)來(lái)判斷,分別是組件的引用次數(shù)和改寫次數(shù)。簡(jiǎn)單解釋就是高頻引用同時(shí)又頻繁改寫的組件嚴(yán)重影響了業(yè)務(wù)方的引用效率,這些組件自然是不好用的,需要重點(diǎn)解決。

我們以表單組件為例,來(lái)看下具體的工作流。

1.定位出高頻引用且高頻改寫的組件:首先定位到"表單"組件出現(xiàn)在引用數(shù)Top5內(nèi),且改寫數(shù)是非常頻繁的。

2.還原具體改寫場(chǎng)景并分類歸因:針對(duì)"表單"組件,拉取了改寫的css代碼,逐一分析都改寫了哪些樣式。從中提煉出共性的改寫場(chǎng)景,進(jìn)行分類歸因。于是可以把表單組件的改寫問(wèn)題分為4大類,分別是行間距問(wèn)題、標(biāo)簽寬度問(wèn)題、橫向表單缺失問(wèn)題、附屬表單樣式規(guī)范問(wèn)題。

3.針對(duì)不同原因?qū)С鼋鉀Q手段進(jìn)行組件升級(jí):最后,根據(jù)上述問(wèn)題,逐一進(jìn)行設(shè)計(jì)和研發(fā)升級(jí)。升級(jí)后的表單組件再被業(yè)務(wù)方引用時(shí),免去了改寫的成本,平均單次引用可節(jié)省約1h的研發(fā)耗時(shí)。

問(wèn)題2:上面解決了單個(gè)組件的易用性問(wèn)題,但無(wú)法從全局判斷組件庫(kù)整體的易用性表現(xiàn),那應(yīng)該如何解決呢。

解:把所有組件的引用次數(shù)加和,得到總體數(shù)值,并結(jié)合時(shí)間維度,觀察組件庫(kù)整體改寫數(shù)與引用數(shù)各自的變化趨勢(shì)。用線形圖來(lái)描述的話,隨著時(shí)間推移,引用越多,改寫越少,兩條線呈開(kāi)口狀,那就表示組件庫(kù)處于越來(lái)越健康的狀態(tài)。反之則需要警惕了。同時(shí)我們搭建了一套評(píng)分體系,基于引用/改寫數(shù)值,通過(guò)歸一化和加權(quán)等一系列計(jì)算,by月/季度給組件庫(kù)易用性打分,也能精準(zhǔn)的知道組件庫(kù)易用性的表現(xiàn),如果分值是下降的,就要具體去定位哪些組件出了問(wèn)題,再根據(jù)上述的方法相應(yīng)地進(jìn)行升級(jí)。

日常維護(hù)相關(guān)

問(wèn)題1:業(yè)務(wù)方反饋的升級(jí)訴求經(jīng)常扎堆,怎么去快速判斷升級(jí)的優(yōu)先級(jí)呢,提高維護(hù)效率呢?

解:為了能提高組件庫(kù)的維護(hù)效率,及時(shí)滿足各業(yè)務(wù)方的訴求,會(huì)從易用性、引用規(guī)模、升級(jí)成本這三方面來(lái)綜合判斷升級(jí)的優(yōu)先級(jí)。

首先,將業(yè)務(wù)側(cè)提出升級(jí)訴求的組件按業(yè)務(wù)上線時(shí)間由近到遠(yuǎn)排序。這就有了一個(gè)基礎(chǔ)的優(yōu)先級(jí)。

然后,從中挑選有嚴(yán)重bug的組件(易用性差)、多平臺(tái)高頻引用的組件(引用規(guī)模大),往前調(diào)整優(yōu)先級(jí)。

最后,評(píng)估它們的升級(jí)成本,如果成本小,迅速能迭代,那就按順序解決。如果其中有大規(guī)模升級(jí)的組件,不一定能敏捷支持,那就需要與業(yè)務(wù)側(cè)商量,先提供臨時(shí)替代方案,再專項(xiàng)升級(jí)組件。

問(wèn)題2:日常維護(hù)組件庫(kù),如何保持組件庫(kù)的活力?

解:組件庫(kù)若長(zhǎng)期未更新,說(shuō)明對(duì)業(yè)務(wù)升級(jí)訴求的支持效率不高。此外若存在一些低頻使用甚至冗余的組件,則會(huì)在組件庫(kù)升級(jí)時(shí)帶來(lái)很大的負(fù)擔(dān)。所以需要時(shí)刻保持組件庫(kù)的精煉和活力。我們從兩方面來(lái)評(píng)估,第一、固定周期內(nèi)的迭代頻次,這體現(xiàn)了應(yīng)對(duì)業(yè)務(wù)方訴求的響應(yīng)速度和自驅(qū)升級(jí)的主動(dòng)性;第二、低頻引用的組件個(gè)數(shù),首先我們會(huì)定期清理引用數(shù)為0的組件,并分析低頻組件不常被引用的原因,相應(yīng)做精簡(jiǎn)、合并,控制低頻引用組件個(gè)數(shù),有利于我們將更多的精力聚焦在重點(diǎn)組件的維護(hù)升級(jí)上。

結(jié)語(yǔ)

上述給大家簡(jiǎn)單地介紹了設(shè)計(jì)系統(tǒng)相關(guān)的定量指標(biāo)及其使用案例,那么除了以上這些,其實(shí)我們還有很多可擴(kuò)展的空間,如目前的數(shù)據(jù)維度都是針對(duì)系統(tǒng)"維護(hù)方"和"引用方"的,還缺少"平臺(tái)體驗(yàn)者",也就是真正用戶對(duì)設(shè)計(jì)系統(tǒng)的視覺(jué)/操作體驗(yàn)指標(biāo),如何通過(guò)定量的手段收集這些指標(biāo)數(shù)據(jù),與定性數(shù)據(jù)相輔相成讓組件庫(kù)的評(píng)估更為精準(zhǔn),將是我們接下來(lái)需要探索的課題。

 

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn)交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司軟件界面設(shè)計(jì)公司

超全面、超詳細(xì)的B端篩選設(shè)計(jì)|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

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

當(dāng)然產(chǎn)品本身也是隨著實(shí)際業(yè)務(wù)場(chǎng)景的變化,從而考慮設(shè)計(jì)不同的形式來(lái)達(dá)到該功能的使用。產(chǎn)品需要優(yōu)化,交互和布局同樣需要優(yōu)化,所以在B端產(chǎn)品中并不是一個(gè)同樣的功能就僅限于只有一種解決方案。

對(duì)于產(chǎn)品而言,只有參與的項(xiàng)目越多,設(shè)計(jì)和思考的場(chǎng)景越全面,了解的產(chǎn)品越多,才能更好的掌握一個(gè)功能的多種類型和使用場(chǎng)景,這一次能夠在原來(lái)的基礎(chǔ)上更加全面的總結(jié)同一個(gè)功能的類型和場(chǎng)景,主要是在工作中也有遇到類似的業(yè)務(wù)場(chǎng)景,加上對(duì)其他產(chǎn)品的體驗(yàn),從而讓我更加全面的了解到該功能的多樣性。

區(qū)塊組件-表格頁(yè)的設(shè)計(jì)梳理|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

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

表格的設(shè)計(jì),雖然看似簡(jiǎn)單,但是作為用戶最常用的組件之一,我們需要對(duì)視覺(jué)和交互的精準(zhǔn)把握,才能保證用戶在使用表格時(shí)更加高效表格被公認(rèn)是展現(xiàn)結(jié)構(gòu)化數(shù)據(jù)最為清晰、高效的形式。常和按鈕、搜索、篩選、分頁(yè)等其他元素一起協(xié)同,構(gòu)成表格頁(yè)。表格的設(shè)計(jì),雖然看似簡(jiǎn)單,但是作為用戶最常用的組件之一,我們需要對(duì)視覺(jué)和交互的精準(zhǔn)把握,才能保證用戶在使用表格時(shí)更加高效。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

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

首先看我們這次改版的對(duì)象:

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

光憑第一印象,整體效果是還不錯(cuò)的,落實(shí)到每個(gè)局部的話,布局也是合理的,可以看到是有設(shè)計(jì)的細(xì)節(jié)在里面.jpg。

但是,再多看幾眼,就會(huì)發(fā)現(xiàn)整體的效果似乎有點(diǎn)不和諧,但又找不出來(lái)問(wèn)題具體在哪,不知道怎么改下去。問(wèn)題的根源就是 —— 過(guò)度設(shè)計(jì)。

我們強(qiáng)調(diào)過(guò)很多次,表盤頁(yè)的設(shè)計(jì)是作品集項(xiàng)目中最重要的頁(yè)面,因?yàn)橛^看者對(duì)整體視覺(jué)和設(shè)計(jì)水準(zhǔn)的印象是通過(guò)它建立起來(lái)的,不管你分析怎么寫,我們首先關(guān)注的肯定也是設(shè)計(jì)的效果。

但重要不代表需要過(guò)度傾注和堆疊視覺(jué)元素,過(guò)度的設(shè)計(jì)會(huì)讓界面看起來(lái)有 “飛機(jī)” 敢,不僅不真實(shí)的印象產(chǎn)生了,還會(huì)顯得業(yè)余不夠自信。同時(shí)任何項(xiàng)目中表盤頁(yè)過(guò)度設(shè)計(jì)都會(huì)對(duì)整個(gè)項(xiàng)目造成負(fù)擔(dān),后續(xù)的頁(yè)面要怎么設(shè)計(jì)才能不和它產(chǎn)生隔閡,保持一致性。

下面,我們根據(jù)原頁(yè)面進(jìn)行分析,來(lái)找出問(wèn)題并優(yōu)化:

問(wèn)題 1:導(dǎo)航欄的圖標(biāo)

導(dǎo)航的頂部 LOGO 描邊沒(méi)有太大必要,以及圖標(biāo)的設(shè)計(jì)在這個(gè)尺寸下非常的局促,因?yàn)榧?xì)節(jié)較多,不僅復(fù)雜性提升了,也缺乏圖形辨識(shí)。

所以改動(dòng)中,將多余的背景去掉,再簡(jiǎn)化圖標(biāo)本身的樣式。


如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問(wèn)題 2:頂欄的設(shè)計(jì)

頂部欄本身設(shè)計(jì)單看是沒(méi)有問(wèn)題的,但是作為全局欄目和導(dǎo)航欄顏色缺乏區(qū)分,而且用了投影來(lái)強(qiáng)化層次,就讓這個(gè)模塊的權(quán)重被過(guò)度放大。

所以我們?nèi)サ袅吮尘吧?,并適當(dāng)增高欄目的高度,讓局部更舒展。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問(wèn)題 3:統(tǒng)計(jì)數(shù)字的問(wèn)題

統(tǒng)計(jì)數(shù)字在作品展示里用特殊字體很常見(jiàn),因?yàn)橐酶烙^的字體來(lái)呈現(xiàn)重要的信息。但任何頁(yè)面中的信息權(quán)重都要保持階梯性,不能讓加粗、深色、特殊字體幾個(gè)要素作用在過(guò)多的信息上,這就讓畫面顯得非常的“吵”。

所以要對(duì)字重和色彩做控制,創(chuàng)造對(duì)比來(lái)降低視覺(jué)的壓力。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問(wèn)題 4:圖表的應(yīng)用

原圖中的圖表應(yīng)用有一定的問(wèn)題,第一個(gè)柱狀的堆疊類型并不是太符合實(shí)際數(shù)據(jù)應(yīng)用,下方的環(huán)形圖中起始位置顯然不對(duì),并且色彩比較混亂。

所以是答案對(duì)它們做出優(yōu)化,并調(diào)整了一些小細(xì)節(jié)。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問(wèn)題 5:配圖類型選擇

在引導(dǎo)卡片中,用的扁平插畫素材一方面不高級(jí),另一方面內(nèi)容太碎,再加上用奇怪的字體和傾斜,使得這個(gè)卡片看起來(lái)非常別扭。

改動(dòng)中替換新的圖片素材(臨時(shí)找的,理解意思就行),同時(shí)使用一般黑體的標(biāo)題,以及增加背景色,來(lái)形成新的卡片樣式。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

問(wèn)題 6:裝飾圖標(biāo)應(yīng)用

在快速入口和日程模塊中,都有使用裝飾圖標(biāo),顯然大家也能理解他們對(duì)于目前的語(yǔ)境來(lái)講還是細(xì)節(jié)過(guò)多了,所以需要做一些調(diào)整,讓它們簡(jiǎn)化。

如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

最后,再加上一些細(xì)節(jié)的小改動(dòng),最終的樣式就完成了。


如何給界面做減法,實(shí)現(xiàn)B端設(shè)計(jì)提效效果?

表盤的設(shè)計(jì)一定要在最后做檢查,一些設(shè)計(jì)感強(qiáng)的元素是否有必要這么做,尤其是類似圖標(biāo)元素,做得很花哨是否對(duì)信息的識(shí)別能帶來(lái)幫助?如果不行,那就可以果斷的放棄。

表盤頁(yè)的設(shè)計(jì)感來(lái)自 —— 全局元素和色彩的控制,而不是單一某個(gè)局部?jī)?nèi)容的加強(qiáng)。

文章來(lái)源:優(yōu)設(shè)
作者:酸梅干超人

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì)包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

AIGC | B端視覺(jué)設(shè)計(jì)全攻略-手把手教程|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

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

人工智能的嶄新概念正在逐漸改變我們對(duì)設(shè)計(jì)的認(rèn)識(shí)和實(shí)踐方式。在這個(gè)數(shù)字化時(shí)代,AI不再僅僅是一種輔助工具,它已經(jīng)成為設(shè)計(jì)師的得力助手,能夠提供更高效、更智能的設(shè)計(jì)方案。在B端設(shè)計(jì)視覺(jué)中,AI的應(yīng)用為我們開(kāi)辟了一條通向更優(yōu)質(zhì)設(shè)計(jì)的道路,本文將深入探討如何借助AI技術(shù),輔助設(shè)計(jì)師完成B端設(shè)計(jì)視覺(jué)。無(wú)論你是剛剛踏入設(shè)計(jì)領(lǐng)域的小白,還是經(jīng)驗(yàn)豐富的資深設(shè)計(jì)師,都可以利用AI工具來(lái)提升設(shè)計(jì)效率、優(yōu)化視覺(jué)效果。

設(shè)計(jì)鏈路拆解用戶旅程圖|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

博博

通常設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)鏈路大致可以分成四個(gè)步驟:需求分析->用研交互->UI視覺(jué)->驗(yàn)收迭代。在不同的階段,需要團(tuán)隊(duì)中的交互/UI/視覺(jué)...設(shè)計(jì)師各司其職,每位設(shè)計(jì)師要解決的核心問(wèn)題不同:

這里引入一個(gè)結(jié)構(gòu)化的設(shè)計(jì)方法——“雙鉆”模型

“雙鉆設(shè)計(jì)模型”已經(jīng)被很多設(shè)計(jì)師或設(shè)計(jì)機(jī)構(gòu)做過(guò)概念變體和衍生,所以可能經(jīng)常會(huì)看到各種各樣類似的“設(shè)計(jì)模型”,有的是“三鉆”的,有的是三角形的或是正方形的。不過(guò),不要太在意這些模型是叫做“雙鉆模型”、“三鉆模型”還是“兩個(gè)四邊形模型”,其核心都是在講
一套使用設(shè)計(jì)思維來(lái)解決問(wèn)題的思路和方法,這套思路和方法適用于
從產(chǎn)品需求定義到設(shè)計(jì)成果產(chǎn)出的整個(gè)過(guò)程。

在這個(gè)過(guò)程中,“設(shè)計(jì)模型”能夠分別幫助設(shè)計(jì)師達(dá)到三個(gè)目的:

  1. 洞察和挖掘產(chǎn)品真正的問(wèn)題
    也就是模型中第一個(gè)“鉆”的核心目的:為正確的事情做設(shè)計(jì)(Designing the right thing),即“做正確的事”。

  2. 通過(guò)恰當(dāng)方法找到設(shè)計(jì)最優(yōu)解
    也就是模型中第二個(gè)“鉆”的核心目的:用正確的方法做設(shè)計(jì)(Designing things right),即“將設(shè)計(jì)做正確”。

  3. 復(fù)盤并驗(yàn)證問(wèn)題設(shè)計(jì)的結(jié)果
    也就是模型中第三個(gè)“鉆”的核心目的:驗(yàn)證做的設(shè)計(jì)是否正確(Verify Desig Effectiveness),即“驗(yàn)證設(shè)計(jì)的效果”。

  4. 鏈路1-需求分析

可能有人會(huì)說(shuō):“分析需求不是產(chǎn)品經(jīng)理的事情嗎?”

確實(shí),在產(chǎn)品需求階段產(chǎn)品經(jīng)理會(huì)起主導(dǎo)角色,產(chǎn)品經(jīng)理的需求分析:側(cè)重于從商業(yè)維度考慮產(chǎn)品目標(biāo),考慮用戶的需求是什么,以及用什么樣的功能去滿足用戶需求。
但同時(shí),設(shè)計(jì)師會(huì)協(xié)助產(chǎn)品參與需求挖掘工作,可以更直觀了解產(chǎn)品的背景和設(shè)計(jì)目標(biāo),同時(shí)會(huì)協(xié)助產(chǎn)品經(jīng)理分析用戶的使用場(chǎng)景和各個(gè)接觸點(diǎn),使得產(chǎn)品在需求階段可以更好的與后續(xù)交互設(shè)計(jì)銜接。

設(shè)計(jì)師的需求分析側(cè)重點(diǎn):基于對(duì)產(chǎn)品需求的正確理解,通過(guò)運(yùn)營(yíng)與用戶層面考慮,平衡業(yè)務(wù)與用戶之間的訴求,讓設(shè)計(jì)在達(dá)到用戶體驗(yàn)的情況下更大化的發(fā)揮商業(yè)價(jià)值。

  1. 鏈路2-用研交互

在提出需求目標(biāo)后,需要精準(zhǔn)定位目標(biāo)用戶,將假設(shè)與用戶訴求進(jìn)行驗(yàn)證。

交互設(shè)計(jì)師會(huì)采用用戶畫像/體驗(yàn)地圖/用戶移情圖等方法構(gòu)建用戶使用情景,將抽象的業(yè)務(wù)目標(biāo)在用戶層面進(jìn)行價(jià)值試驗(yàn)后的故事轉(zhuǎn)譯。通過(guò)前期調(diào)研和用戶故事還原體驗(yàn)情景,最終分析驗(yàn)證前期方案的假設(shè),并為方案原型交互設(shè)計(jì)提供客觀數(shù)據(jù)支撐。

通過(guò)用研及數(shù)據(jù)結(jié)果分析驗(yàn)證后,就到了原型設(shè)計(jì)階段,最終修正的需求文檔會(huì)交由交互設(shè)計(jì)師轉(zhuǎn)化交互原型文檔。

交互文檔主要是用來(lái)承載設(shè)計(jì)思路、設(shè)計(jì)方案、信息架構(gòu)、原型線框、交互說(shuō)明等內(nèi)容,大致會(huì)包含:基礎(chǔ)信息(項(xiàng)目簡(jiǎn)介、需求分析),交互說(shuō)明(信息架構(gòu)思維導(dǎo)圖、任務(wù)流程圖),頁(yè)面交互流程原型圖(包含交互設(shè)計(jì)的方案闡述界面布局、操作手勢(shì)、反饋效果、元素的規(guī)則定義、以及異常頁(yè)面和異常情況的說(shuō)明)。

  1. 鏈路3-UI視覺(jué)

建立設(shè)計(jì)規(guī)范

UI即User Interface(用戶界面),而UI設(shè)計(jì)規(guī)范通俗來(lái)說(shuō),是圍繞在某種風(fēng)格或者大型設(shè)計(jì)項(xiàng)目下形成可視化、數(shù)據(jù)化的標(biāo)準(zhǔn),針對(duì)相對(duì)獨(dú)立的體系建立的統(tǒng)一遵守條款。 UI組件庫(kù)則是是基于用戶界面產(chǎn)品而制定的一套可復(fù)用設(shè)計(jì)庫(kù),也是為了方便設(shè)計(jì)師、開(kāi)發(fā)和測(cè)試人員共同協(xié)作,而遵循的規(guī)律和法則。
其中色彩范圍、圖標(biāo)設(shè)計(jì)方案、插畫配圖以及動(dòng)效等,這些都可以在定義視覺(jué)風(fēng)格的階段進(jìn)行思考,并有所結(jié)論。而字體的選擇且通常情況下會(huì)使用iOS和Android系統(tǒng)的模型字體作為規(guī)范字體,因?yàn)橄到y(tǒng)字體更為勻稱,顯示效果更為舒適,醒目利于閱讀,更利于視覺(jué)信息的傳達(dá)。

搭建設(shè)計(jì)組件庫(kù)

搭建組件庫(kù),其實(shí)是利用組件庫(kù)型思維,產(chǎn)品需求場(chǎng)景化、視覺(jué)表達(dá)模塊化并最終將解決方案進(jìn)行封裝。

通過(guò)標(biāo)準(zhǔn)的規(guī)范組合方式來(lái)構(gòu)建整個(gè)設(shè)計(jì)方案,從而提升設(shè)計(jì)效能。一方面使團(tuán)隊(duì)的每位設(shè)計(jì)師和開(kāi)發(fā)都能通過(guò)組件庫(kù)直觀了解產(chǎn)品設(shè)計(jì)規(guī)范,通過(guò)組件的復(fù)用性原理提升設(shè)計(jì)與開(kāi)發(fā)的協(xié)同效率。另一方面通過(guò)清晰有規(guī)律樣式布局,保證產(chǎn)品界面視覺(jué)及體驗(yàn)性的一致性。

  1. 鏈路4-驗(yàn)收迭代

設(shè)計(jì)走查驗(yàn)收

設(shè)計(jì)界面交付后就算完成設(shè)計(jì)任務(wù)了嗎?

設(shè)計(jì)交付不等于設(shè)計(jì)任務(wù)的結(jié)束,在產(chǎn)品正式版發(fā)布之前,交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師需要對(duì)線上測(cè)試版本進(jìn)行走查。有些團(tuán)隊(duì)內(nèi)部協(xié)作習(xí)慣于直接口頭或是簡(jiǎn)單文字溝通,面對(duì)簡(jiǎn)單且量少的問(wèn)題時(shí)可能會(huì)相對(duì)比較快速。但是一定會(huì)存在信息遺漏、溝通誤差等問(wèn)題。

產(chǎn)品設(shè)計(jì)迭代
雖然有些公司的產(chǎn)品真的過(guò)硬,可能會(huì)具備較長(zhǎng)的生命周期,但它們始終會(huì)被更加優(yōu)秀、好用、新穎的競(jìng)品所取代。
因此產(chǎn)品設(shè)計(jì)的持續(xù)優(yōu)化迭代,是能保持發(fā)揮產(chǎn)品優(yōu)勢(shì),不斷找到用戶痛點(diǎn)的關(guān)鍵,而做好產(chǎn)品迭代不僅是產(chǎn)品經(jīng)理的職能, 也是設(shè)計(jì)師的職能所在。

寫在最后,我們來(lái)梳理一下整個(gè)設(shè)計(jì)鏈路的結(jié)構(gòu)

作者:7V_Kevin
來(lái)源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

設(shè)計(jì)師如何用ChatGPT提高工作效率?給你16個(gè)例子!

博博


當(dāng)設(shè)計(jì)師利用ChatGPT提高工作效率時(shí),可以通過(guò)以下16個(gè)例子來(lái)實(shí)現(xiàn):
獲得設(shè)計(jì)靈感:設(shè)計(jì)師可以向ChatGPT提出關(guān)于特定主題或風(fēng)格的問(wèn)題,以獲取創(chuàng)意和靈感,幫助他們更快速地開(kāi)展設(shè)計(jì)工作。
快速生成設(shè)計(jì)草圖:設(shè)計(jì)師可以與ChatGPT交流,描述自己的設(shè)計(jì)想法,然后ChatGPT可以幫助生成初步的設(shè)計(jì)草圖或構(gòu)思,從而加速設(shè)計(jì)流程。
獲取設(shè)計(jì)反饋:設(shè)計(jì)師可以與ChatGPT分享他們的設(shè)計(jì),并詢問(wèn)對(duì)于改進(jìn)的建議。ChatGPT可以提供反饋和專業(yè)意見(jiàn),幫助設(shè)計(jì)師改進(jìn)設(shè)計(jì)。
設(shè)計(jì)布局優(yōu)化:設(shè)計(jì)師可以提供設(shè)計(jì)布局的描述和需要解決的問(wèn)題,ChatGPT可以提供布局改進(jìn)的建議,包括元素的排列、間距和對(duì)齊等。
確定色彩方案:設(shè)計(jì)師可以向ChatGPT描述設(shè)計(jì)項(xiàng)目的需要和目標(biāo),ChatGPT可以提供符合品牌形象和用戶體驗(yàn)的色彩方案建議。
輔助設(shè)計(jì)圖標(biāo)和圖形:設(shè)計(jì)師可以向ChatGPT描述需要的圖標(biāo)或圖形的特點(diǎn)和樣式,ChatGPT可以提供相關(guān)圖標(biāo)和圖形的素材或幫助設(shè)計(jì)符合要求的圖標(biāo)。
設(shè)計(jì)文件管理:設(shè)計(jì)師可以向ChatGPT咨詢最佳的設(shè)計(jì)文件組織方式,包括文件命名規(guī)范、文件夾結(jié)構(gòu)和版本控制等,提高工作流程的整體效率。
自動(dòng)生成設(shè)計(jì)規(guī)范:設(shè)計(jì)師可以與ChatGPT共享設(shè)計(jì)樣式和規(guī)范的要求,ChatGPT可以幫助生成一致和易于理解的設(shè)計(jì)規(guī)范文檔,以供整個(gè)團(tuán)隊(duì)使用。
快速解決設(shè)計(jì)問(wèn)題:當(dāng)設(shè)計(jì)師遇到設(shè)計(jì)上的難題時(shí),可以向ChatGPT描述問(wèn)題,ChatGPT可以提供解決方案和提示,幫助設(shè)計(jì)師迅速解決問(wèn)題。
交互設(shè)計(jì)優(yōu)化:設(shè)計(jì)師可以向ChatGPT詳細(xì)描述用戶界面的交互流程和問(wèn)題,ChatGPT可以提供改進(jìn)交互設(shè)計(jì)的建議,包括交互動(dòng)畫、狀態(tài)轉(zhuǎn)換和用戶反饋等。
設(shè)計(jì)審查支持:設(shè)計(jì)師可以將設(shè)計(jì)文件和說(shuō)明發(fā)送給ChatGPT,并請(qǐng)求審查和評(píng)估。ChatGPT可以檢查設(shè)計(jì)是否符合最佳設(shè)計(jì)實(shí)踐、用戶體驗(yàn)原則和可訪問(wèn)性要求。
自動(dòng)生成設(shè)計(jì)文檔:設(shè)計(jì)師可以與ChatGPT共享設(shè)計(jì)細(xì)節(jié),ChatGPT可以協(xié)助生成詳細(xì)的設(shè)計(jì)文檔,包括設(shè)計(jì)決策、功能說(shuō)明和交互模型等,減少手動(dòng)編寫文檔的時(shí)間。
設(shè)計(jì)項(xiàng)目管理:設(shè)計(jì)師可以向ChatGPT咨詢項(xiàng)目管理技巧和工具推薦,以提高團(tuán)隊(duì)的項(xiàng)目管理效率和協(xié)作效果。
快速響應(yīng)常見(jiàn)設(shè)計(jì)問(wèn)題:當(dāng)設(shè)計(jì)師遇到常見(jiàn)的設(shè)計(jì)問(wèn)題時(shí),可以向ChatGPT提問(wèn),ChatGPT可以提供解決該問(wèn)題的最佳實(shí)踐和建議。
設(shè)計(jì)素材搜索和篩選:設(shè)計(jì)師可以向ChatGPT描述他們需要的設(shè)計(jì)素材,ChatGPT可以提供相應(yīng)的搜索結(jié)果和篩選條件,幫助設(shè)計(jì)師快速找到合適的素材。
用戶測(cè)試和反饋解讀:設(shè)計(jì)師可以向ChatGPT分享用戶測(cè)試數(shù)據(jù)和反饋,ChatGPT可以幫助解讀和分析數(shù)據(jù),提供對(duì)用戶體驗(yàn)的深入理解和改進(jìn)意見(jiàn)。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

B端表單幫助系統(tǒng)多場(chǎng)景應(yīng)用

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

我們很多時(shí)候會(huì)在選擇設(shè)計(jì)方案上搖擺不定。自己覺(jué)得好的方案,看到別人是另外一種形式,又會(huì)覺(jué)得自己的是不是不太好。其實(shí)沒(méi)必要,每一種方案都有好與壞,很難做到100%完美,只能說(shuō)在當(dāng)前這個(gè)階段里接近完美。

就像小孩有了蟲(chóng)牙,去醫(yī)院治療,醫(yī)生也會(huì)說(shuō)有很多種方案。具體用哪一種會(huì)根據(jù)年齡、性別、牙齒生長(zhǎng)情況來(lái)決定。比如:一個(gè)6歲的女孩,在不嚴(yán)重的情況下,醫(yī)生可能就建議清理后補(bǔ)一下;如果是一個(gè)5歲的男孩,當(dāng)前牙齒還不錯(cuò),距離換牙還有比較長(zhǎng)的一段時(shí)間,可能會(huì)給你放個(gè)普通點(diǎn)的牙套保護(hù)起來(lái)

日歷

鏈接

個(gè)人資料

存檔