基于設(shè)計(jì)思維的高職電子商務(wù)視覺(jué)設(shè)計(jì)課程教學(xué)研究

中圖分類(lèi)號(hào)：G424

文獻(xiàn)標(biāo)識(shí)碼：A DOI：10.16400/j.cnki.kjdk.2025.20.009

Research on the Teaching of Visual Design Courses for E-commerce in Higher Vocational Colleges Based on Design Thinking

CHANG Longzhu

（Xuchang Electrical Vocational College， Xuchang， Henan ）

AbstractAs an importantcarier for brand building，userexperience optimization，andcommercial value transformation， visual design hasevolved from traditional product display functions totheapplication level of multi-dimensional visual marketing. The e-commerce major in higher vocational collges must keep upwith industrial trends，promotecurriculum system innovation，and builda talent training model that meets the needs ofthe modern business ecosystem.Based on the concept ofdesign thinking，thisstudy proposes specific implementation strategies for the teaching ofvisual design courses in e-commerce at higher vocational coleges，enabling students to master visual design skills while possessing userresearch capabilities，problem-solvingabilities，innovative thinking，andmarketadaptability.This trulyachieves anaccurate match between talent training and industry needs.

Keywordsdesign thinking; higher Vocational education; e-commerce; visual design

伴隨全球電子商務(wù)市場(chǎng)持續(xù)擴(kuò)張，電子商務(wù)正逐步向個(gè)性化、智能化、體驗(yàn)化方向演進(jìn)。尤其是在新零售模式的驅(qū)動(dòng)下，線(xiàn)上線(xiàn)下融合成為趨勢(shì)，電商平臺(tái)不僅承擔(dān)交易功能，還成為品牌視覺(jué)傳播、用戶(hù)交互與消費(fèi)體驗(yàn)的重要載體。電子商務(wù)行業(yè)對(duì)視覺(jué)設(shè)計(jì)的需求不再局限于基本的商品展示，而是向著更高階的用戶(hù)體驗(yàn)優(yōu)化和品牌情感共鳴方向發(fā)展。面對(duì)行業(yè)需求升級(jí)與教育改革趨勢(shì)，電子商務(wù)視覺(jué)設(shè)計(jì)課程亟須從傳統(tǒng)的軟件工具教學(xué)轉(zhuǎn)向設(shè)計(jì)思維導(dǎo)向的綜合能力培養(yǎng)，以提升學(xué)生的創(chuàng)新能力、跨界整合能力及市場(chǎng)適應(yīng)能力。

1設(shè)計(jì)思維概述

設(shè)計(jì)思維是以用戶(hù)需求為核心、以創(chuàng)造性問(wèn)題解決為導(dǎo)向的創(chuàng)新方法論，強(qiáng)調(diào)在復(fù)雜問(wèn)題情境下，通過(guò)系統(tǒng)化的思考路徑，探索高效且可行的解決方案。其核心價(jià)值在于打破傳統(tǒng)線(xiàn)性思維的局限，強(qiáng)調(diào)跨學(xué)科協(xié)作、迭代優(yōu)化與用戶(hù)體驗(yàn)驅(qū)動(dòng)，旨在構(gòu)建兼具實(shí)用性和創(chuàng)新性的產(chǎn)品或服務(wù)[。不同于傳統(tǒng)以問(wèn)題推導(dǎo)解決方案的方式，設(shè)計(jì)思維采用逆向思維模式，首先關(guān)注目標(biāo)用戶(hù)的真實(shí)需求，并深入洞察其行為模式、情感體驗(yàn)和使用場(chǎng)景，進(jìn)而重新定義問(wèn)題，并采用多維度探索，激發(fā)富有創(chuàng)意的解決路徑。

設(shè)計(jì)思維實(shí)踐通常有五大核心步驟，其五個(gè)階段共同構(gòu)成了一個(gè)動(dòng)態(tài)、迭代的創(chuàng)新過(guò)程，每個(gè)環(huán)節(jié)都在推動(dòng)項(xiàng)目朝向更完善、更可行的方向發(fā)展。以下是設(shè)計(jì)思維的主要流程：

1.1同理心

在設(shè)計(jì)思維的第一階段，關(guān)鍵在于建立對(duì)用戶(hù)需求、行為和情感的深刻理解?；趯?shí)地觀察、深度訪(fǎng)談、角色扮演等方法，獲取關(guān)于用戶(hù)痛點(diǎn)和需求的第一手信息，并從用戶(hù)的實(shí)際生活情境出發(fā)，發(fā)掘可能被忽視的需求點(diǎn)。

1.2定義問(wèn)題

在完成用戶(hù)研究后，團(tuán)隊(duì)需要對(duì)收集到的定性與定量數(shù)據(jù)進(jìn)行整理、分析，并明確設(shè)計(jì)目標(biāo)。其核心任務(wù)是將用戶(hù)需求轉(zhuǎn)化為清晰的設(shè)計(jì)命題，確保問(wèn)題的定義既符合用戶(hù)核心痛點(diǎn)，又能引導(dǎo)后續(xù)的創(chuàng)意探索。

1.3想法生成

在明確問(wèn)題后，團(tuán)隊(duì)進(jìn)入最具創(chuàng)意活力的階段一一創(chuàng)意生成。在此過(guò)程中，團(tuán)隊(duì)成員要盡可能多地提出解決方案，避免一開(kāi)始就受限于傳統(tǒng)思維框架。常見(jiàn)的創(chuàng)意思維方法包括頭腦風(fēng)暴、逆向思維、類(lèi)比思維等。

1.4原型制作

創(chuàng)意階段產(chǎn)生的多種想法，需要進(jìn)一步轉(zhuǎn)化為可操作的設(shè)計(jì)方案（即原型）。原型是對(duì)概念的一種低成本、快速驗(yàn)證的具體表現(xiàn)，可以是手繪草圖、交互模型、用戶(hù)界面設(shè)計(jì)稿等。制作原型的目的是將抽象的想法具體化，并以最小投入驗(yàn)證其可行性。

1.5測(cè)試與優(yōu)化

測(cè)試階段的核心在于讓用戶(hù)直接體驗(yàn)原型，并收集其真實(shí)反饋。團(tuán)隊(duì)可采用訪(fǎng)談、A/B測(cè)試、可用性測(cè)試等方法，以觀察用戶(hù)在使用過(guò)程中的行為模式，分析其對(duì)設(shè)計(jì)方案的接受度，并據(jù)此進(jìn)行優(yōu)化調(diào)整。

2基于設(shè)計(jì)思維的高職電子商務(wù)視覺(jué)設(shè)計(jì)課程教學(xué)策略

2.1同理心：構(gòu)建以用戶(hù)需求為導(dǎo)向的教學(xué)模式

在高職電子商務(wù)視覺(jué)設(shè)計(jì)課程教學(xué)中，教師應(yīng)突破傳統(tǒng)的“技能導(dǎo)向”方式，轉(zhuǎn)向以用戶(hù)需求分析為起點(diǎn)，建立更具實(shí)踐性和針對(duì)性的學(xué)習(xí)路徑[]。在此過(guò)程中，教師需要引導(dǎo)學(xué)生深入理解目標(biāo)用戶(hù)群體的行為模式、消費(fèi)心理和視覺(jué)偏好，使其具備從用戶(hù)視角思考問(wèn)題的能力。在實(shí)際教學(xué)場(chǎng)景中，教師可引入用戶(hù)畫(huà)像構(gòu)建、用戶(hù)旅程分析、情景模擬等方法，幫助學(xué)生站在不同消費(fèi)者的角度分析其痛點(diǎn)與需求，從而推出更精準(zhǔn)的視覺(jué)設(shè)計(jì)方案。通過(guò)系統(tǒng)化的用戶(hù)調(diào)研，讓學(xué)生洞察用戶(hù)在不同購(gòu)物場(chǎng)景下的行為偏好，如年輕消費(fèi)者可能更青睞短視頻種草帶來(lái)的視覺(jué)沖擊力，而中老年用戶(hù)則更傾向于信息結(jié)構(gòu)清晰、排版簡(jiǎn)潔的詳情頁(yè)。

在電子商務(wù)平臺(tái)上，每一次用戶(hù)點(diǎn)擊、停留時(shí)間、瀏覽路徑、購(gòu)物車(chē)轉(zhuǎn)化率等行為數(shù)據(jù)都能反映視覺(jué)設(shè)計(jì)的有效性。因此，課程可以結(jié)合大數(shù)據(jù)分析、熱圖分析等工具，培養(yǎng)學(xué)生利用數(shù)據(jù)反饋優(yōu)化設(shè)計(jì)的能力。如通過(guò)熱圖分析可以發(fā)現(xiàn)，用戶(hù)在瀏覽電商詳情頁(yè)時(shí)，往往對(duì)首屏區(qū)域的商品信息更為關(guān)注，而較少向下滾動(dòng)瀏覽長(zhǎng)篇文字描述，這意味著在視覺(jué)設(shè)計(jì)上應(yīng)強(qiáng)調(diào)核心賣(mài)點(diǎn)的突出呈現(xiàn)，通過(guò)色彩對(duì)比、字號(hào)層級(jí)、信息層次化等方式提升用戶(hù)的閱讀效率。此外，教師可以引導(dǎo)學(xué)生結(jié)合行業(yè)調(diào)研，分析不同電商平臺(tái)在視覺(jué)設(shè)計(jì)上的差異化策略，使其更全面地理解不同商業(yè)模式下的用戶(hù)需求特點(diǎn)。通過(guò)構(gòu)建以用戶(hù)研究、數(shù)據(jù)分析、市場(chǎng)調(diào)研為核心的同理心教學(xué)體系，電子商務(wù)視覺(jué)設(shè)計(jì)課程能培養(yǎng)學(xué)生更深層次的用戶(hù)體驗(yàn)洞察能力，從而在未來(lái)職業(yè)生涯中更具競(jìng)爭(zhēng)力。

2.2問(wèn)題定義：精準(zhǔn)提煉視覺(jué)設(shè)計(jì)目標(biāo)

在傳統(tǒng)教學(xué)模式下，學(xué)生通常僅關(guān)注視覺(jué)設(shè)計(jì)的美學(xué)表現(xiàn)，而忽略對(duì)功能性、用戶(hù)體驗(yàn)和市場(chǎng)目標(biāo)的綜合考量5]。高職院校的電子商務(wù)視覺(jué)設(shè)計(jì)課程應(yīng)采用系統(tǒng)化的數(shù)據(jù)分析、競(jìng)品調(diào)研、用戶(hù)反饋解析等手段，引導(dǎo)學(xué)生從不同維度拆解設(shè)計(jì)挑戰(zhàn)。例如，在電商詳情頁(yè)優(yōu)化任務(wù)中，學(xué)生需要基于用戶(hù)瀏覽行為數(shù)據(jù)（如跳出率、停留時(shí)間、轉(zhuǎn)化率）分析現(xiàn)有頁(yè)面存在的問(wèn)題，而不是僅從個(gè)人審美偏好出發(fā)進(jìn)行設(shè)計(jì)調(diào)整?；跀?shù)據(jù)驅(qū)動(dòng)的分析方法，學(xué)生可以發(fā)現(xiàn)如“商品核心信息表達(dá)不清晰”“頁(yè)面排版混亂導(dǎo)致閱讀效率低”“視覺(jué)吸引力不足以提升點(diǎn)擊率”等具體問(wèn)題，并據(jù)此提出精準(zhǔn)的設(shè)計(jì)目標(biāo)。在此基礎(chǔ)上，教師可以引導(dǎo)學(xué)生采用思維導(dǎo)圖、問(wèn)題框架、5W1H分析等方法，對(duì)問(wèn)題進(jìn)行結(jié)構(gòu)化拆解，以確保問(wèn)題定義的嚴(yán)謹(jǐn)性和可操作性。如在優(yōu)化商品詳情頁(yè)的設(shè)計(jì)時(shí)，學(xué)生需要思考：“目標(biāo)用戶(hù)是誰(shuí)？他們的主要痛點(diǎn)是什么？現(xiàn)有頁(yè)面在哪些方面無(wú)法滿(mǎn)足用戶(hù)需求？如何通過(guò)視覺(jué)設(shè)計(jì)優(yōu)化用戶(hù)體驗(yàn)？”以系統(tǒng)化的思考方式，幫助學(xué)生聚焦于可執(zhí)行的設(shè)計(jì)策略，確保設(shè)計(jì)方案具有清晰的目標(biāo)和衡量標(biāo)準(zhǔn)。

2.3創(chuàng)意生成：探索多維度創(chuàng)新設(shè)計(jì)方案

在高職電子商務(wù)視覺(jué)設(shè)計(jì)課程教學(xué)中，教師可引導(dǎo)學(xué)生采用多維度創(chuàng)意思維方法，拓展創(chuàng)新邊界，探索更具市場(chǎng)價(jià)值的視覺(jué)設(shè)計(jì)方案。創(chuàng)意思維的訓(xùn)練需要打破固有思維模式，引導(dǎo)學(xué)生運(yùn)用發(fā)散思維，通過(guò)頭腦風(fēng)暴、SCAM-PER法（替代、組合、調(diào)整、修改、放大、縮小、重構(gòu)）、類(lèi)比思維等，最大限度地挖掘多樣化的視覺(jué)解決方案。例如，在商品詳情頁(yè)優(yōu)化設(shè)計(jì)中，學(xué)生可以思考如何通過(guò)動(dòng)態(tài)視覺(jué)元素（GIF、短視頻）、信息層級(jí)優(yōu)化（卡片式設(shè)計(jì)、懸浮信息框）、交互式視覺(jué)體驗(yàn)（3D預(yù)覽、虛擬試穿）等創(chuàng)新方式，提升用戶(hù)的購(gòu)買(mǎi)體驗(yàn)。教師還可以引導(dǎo)學(xué)生進(jìn)行跨界創(chuàng)意探索，借鑒不同領(lǐng)域的視覺(jué)表達(dá)方式，如結(jié)合游戲UI設(shè)計(jì)的沉浸式體驗(yàn)、電商直播的即時(shí)互動(dòng)設(shè)計(jì)、社交媒體短視頻的視覺(jué)敘事技巧等，構(gòu)建獨(dú)具特色的電商視覺(jué)方案。

在創(chuàng)意生成過(guò)程中，商業(yè)化落地能力同樣是至關(guān)重要的考量因素。教師可以設(shè)置競(jìng)品分析環(huán)節(jié)，讓學(xué)生研究行業(yè)頭部品牌的視覺(jué)策略，拆解其色彩運(yùn)用、排版邏輯、信息層級(jí)、品牌敘事等設(shè)計(jì)要素，并結(jié)合自身項(xiàng)目進(jìn)行對(duì)比分析。如在高端品牌電商頁(yè)面的設(shè)計(jì)中，往往采用極簡(jiǎn)風(fēng)格、高級(jí)質(zhì)感配色、留白策略以塑造品牌調(diào)性，而快消品類(lèi)電商平臺(tái)則更傾向于高飽和度的色彩、強(qiáng)烈的動(dòng)感視覺(jué)、直觀的價(jià)格信息展示來(lái)刺激用戶(hù)決策。

2.4原型制作：低成本高效驗(yàn)證設(shè)計(jì)方案

在電子商務(wù)視覺(jué)設(shè)計(jì)課程教學(xué)中，教師應(yīng)引導(dǎo)學(xué)生建立原型思維，即在設(shè)計(jì)流程的早期階段，通過(guò)低成本手段構(gòu)建可視化方案，快速驗(yàn)證其邏輯合理性、用戶(hù)交互體驗(yàn)以及商業(yè)價(jià)值。原型制作的過(guò)程可分為低保真、中保真和高保真三個(gè)層次：低保真原型主要以手繪草圖或框架結(jié)構(gòu)為主，側(cè)重于布局規(guī)劃和信息層級(jí)整理；中保真原型可采用軟件工具模擬基本的視覺(jué)效果，加入部分交互功能以測(cè)試用戶(hù)流暢度；高保真原型接近最終成品，包含完整的界面視覺(jué)、動(dòng)畫(huà)效果與交互體驗(yàn)，適用于市場(chǎng)投放前的最終測(cè)試。

原型制作不僅是對(duì)創(chuàng)意方案的視覺(jué)呈現(xiàn)，還是基于用戶(hù)反饋的優(yōu)化迭代工具。因此，教師要引導(dǎo)學(xué)生運(yùn)用用戶(hù)體驗(yàn)測(cè)試、數(shù)據(jù)追蹤分析、用戶(hù)反饋迭代等手段，使原型方案的優(yōu)化具備科學(xué)性與數(shù)據(jù)支撐。如在商品詳情頁(yè)的設(shè)計(jì)中，低保真原型可以用于測(cè)試信息層級(jí)排列的合理性，即用戶(hù)是否能在最短時(shí)間內(nèi)找到核心賣(mài)點(diǎn)；中保真原型可以用于測(cè)試色彩搭配、圖片大小、交互元素是否符合目標(biāo)用戶(hù)的審美偏好與使用習(xí)慣；而高保真原型可以模擬完整的用戶(hù)瀏覽體驗(yàn)，測(cè)試滾動(dòng)行為、點(diǎn)擊熱區(qū)、頁(yè)面加載速度等交互細(xì)節(jié)，確保最終上線(xiàn)版本的轉(zhuǎn)化率最優(yōu)。在教學(xué)實(shí)踐中，教師還需鼓勵(lì)學(xué)生采用模塊化原型設(shè)計(jì)思維，即將電商平臺(tái)的不同視覺(jué)元素（如主圖、詳情頁(yè)、促銷(xiāo)橫幅、店鋪首頁(yè)）進(jìn)行模塊化拆解，分別制作可替換的原型方案，以便在市場(chǎng)測(cè)試中靈活調(diào)整、快速響應(yīng)用戶(hù)需求。

2.5測(cè)試優(yōu)化：基于用戶(hù)反饋迭代設(shè)計(jì)

在電子商務(wù)視覺(jué)設(shè)計(jì)課程教學(xué)中，測(cè)試優(yōu)化是確保設(shè)計(jì)方案真正符合市場(chǎng)需求、提升用戶(hù)體驗(yàn)和商業(yè)轉(zhuǎn)化率的關(guān)鍵環(huán)節(jié)。具體而言，測(cè)試優(yōu)化可通過(guò)用戶(hù)行為分析、數(shù)據(jù)追蹤、用戶(hù)訪(fǎng)談、可用性測(cè)試等方法來(lái)評(píng)估設(shè)計(jì)方案的有效性。如在電商詳情頁(yè)的測(cè)試過(guò)程中，可以通過(guò)用戶(hù)瀏覽熱圖分析觀察用戶(hù)的關(guān)注點(diǎn)是否集中在核心賣(mài)點(diǎn)上，若發(fā)現(xiàn)用戶(hù)的瀏覽軌跡偏離預(yù)期，則需要調(diào)整信息層級(jí)和視覺(jué)焦點(diǎn)。

在電子商務(wù)環(huán)境下，用戶(hù)的視覺(jué)體驗(yàn)不僅受顏色、排版、圖片質(zhì)量等基礎(chǔ)視覺(jué)元素的影響，還受到認(rèn)知心理、瀏覽習(xí)慣、平臺(tái)交互邏輯等多重因素的制約。因此，測(cè)試優(yōu)化不應(yīng)局限于表層的視覺(jué)微調(diào)，而應(yīng)深入研究用戶(hù)的行為模式，構(gòu)建以用戶(hù)需求為核心的迭代優(yōu)化體系。教師可以引導(dǎo)學(xué)生通過(guò)情境測(cè)試，讓目標(biāo)用戶(hù)在不同情境下（如不同屏幕尺寸、不同光線(xiàn)環(huán)境、不同購(gòu)買(mǎi)意圖）體驗(yàn)設(shè)計(jì)方案，以分析其在實(shí)際使用過(guò)程中的可用性。同時(shí)，還可以組織用戶(hù)訪(fǎng)談，收集用戶(hù)在瀏覽頁(yè)面時(shí)的主觀體驗(yàn)和心理感受，從而發(fā)掘隱藏的優(yōu)化空間。例如，某些用戶(hù)可能會(huì)因?yàn)轫?yè)面信息過(guò)載而感到視覺(jué)疲勞，從而降低購(gòu)買(mǎi)意愿，需要設(shè)計(jì)師通過(guò)優(yōu)化信息層級(jí)、增強(qiáng)視覺(jué)聚焦點(diǎn)等方式進(jìn)行調(diào)整。

3結(jié)語(yǔ)

面對(duì)行業(yè)不斷升級(jí)的要求，高職電子商務(wù)視覺(jué)設(shè)計(jì)課程亟須突破傳統(tǒng)工具導(dǎo)向型教學(xué)的局限，向用戶(hù)體驗(yàn)驅(qū)動(dòng)、數(shù)據(jù)分析支撐、創(chuàng)新思維引領(lǐng)的綜合性培養(yǎng)模式轉(zhuǎn)型。通過(guò)分析設(shè)計(jì)思維五階段模型（同理、定義、構(gòu)思、原型、測(cè)試）在課程教學(xué)中的適用路徑，構(gòu)建融合創(chuàng)意思維激發(fā)、用戶(hù)體驗(yàn)導(dǎo)向、實(shí)踐能力培養(yǎng)為一體的教學(xué)體系，引導(dǎo)學(xué)生突破傳統(tǒng)視覺(jué)表達(dá)的慣性，提升其在復(fù)雜問(wèn)題情境中的綜合解決能力、團(tuán)隊(duì)協(xié)作能力與跨學(xué)科融合意識(shí)，從而更好地適應(yīng)電子商務(wù)行業(yè)對(duì)高階設(shè)計(jì)人才的現(xiàn)實(shí)需求。

★基金項(xiàng)目：河南省哲學(xué)社會(huì)科學(xué)教育強(qiáng)省研究項(xiàng)目“設(shè)計(jì)思維融入高職電子商務(wù)專(zhuān)業(yè)課程的模式構(gòu)建與實(shí)踐探索\"（2025JYQS0726）。

參考文獻(xiàn)

[1]李可迎.電子商務(wù)環(huán)境下的食品包裝設(shè)計(jì)研究[J].上海包裝，2025（1）：158-160.

[2]趙梨君.電子商務(wù)網(wǎng)站UI設(shè)計(jì)研究[J].信息記錄材料，2024，25（10）：246-248.

[3]陳漢華.電子商務(wù)中的平面廣告設(shè)計(jì)對(duì)消費(fèi)者的影響[J].國(guó)際公關(guān)，2024（14）：140-142.

[4]張明新，汪為春.旅游電子商務(wù)課程思政教學(xué)設(shè)計(jì)與實(shí)踐[J].安徽冶金科技職業(yè)學(xué)院學(xué)報(bào)，2024，34（2）：94-95，98.

[5]顏麗.電子商務(wù)背景下創(chuàng)意設(shè)計(jì)產(chǎn)品開(kāi)發(fā)與營(yíng)銷(xiāo)策略研究[J].商場(chǎng)現(xiàn)代化，2024（15）：85-87.

[6]張莉，陳亞薇.基于市場(chǎng)需求的高校電商視覺(jué)設(shè)計(jì)課程優(yōu)化研究[J].南昌師范學(xué)院學(xué)報(bào)，2021，42（2）：84-86.