-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 景觀設(shè)計(jì) > 專題列表 > 正文
電商頁面設(shè)計(jì)創(chuàng)意思路(電商頁面設(shè)計(jì)創(chuàng)意思路圖)
大家好!今天讓小編來大家介紹下關(guān)于電商頁面設(shè)計(jì)創(chuàng)意思路的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè),服務(wù)客戶遍布全球各地,相關(guān)業(yè)務(wù)請撥打電話:175-8598-2043,或添加微信:1454722008
文章目錄列表:
一、APP首頁設(shè)計(jì)思路總結(jié)
最近我服務(wù)于某品牌CRM項(xiàng)目,做一個(gè)健康類APP,真的挺興奮的。目前此APP 1.1版本已上線,從平臺策略到最終測試上線,中間也是充滿坎坷和痛苦,抉擇與妥協(xié)呀。2.0版本已在規(guī)劃中。由于功能和互動(dòng)體驗(yàn)進(jìn)一步完善,此版本增加了首頁,就想寫寫對APP首頁設(shè)計(jì)的一些思考和總結(jié)。
APP首頁和網(wǎng)站首頁一樣,需要告知用戶“我”(APP)是誰,“我”(APP)能為“你”(用戶)提供什么服務(wù)、內(nèi)容、產(chǎn)品...“你”(用戶)能夠通過“我”(APP)提供的服務(wù)、內(nèi)容達(dá)到什么樣的目的。不同APP類型,首頁設(shè)計(jì)也是因平臺而異的。比如內(nèi)容資訊類的APP,多數(shù)在首頁采用無限加載的形式,通過個(gè)性化的內(nèi)容推薦,吸引用戶深度閱讀、評論互動(dòng)、分享轉(zhuǎn)發(fā)...總之,要增加用戶停留時(shí)間;高頻使用的工具類APP,首頁大多就是主要功能界面或突出功能Action,簡單直接,用完即走...
今天,我們從首頁目的的角度,總結(jié)APP首頁的設(shè)計(jì)思路。
首頁是用戶消費(fèi)內(nèi)容最主要的場景。典型的方式即在首頁進(jìn)行瀑布流設(shè)計(jì),無限加載內(nèi)容。比如時(shí)尚電商APP、內(nèi)容類APP以及Twitter、Facebook和pinterest等依賴Feeds的社交類APP,都會(huì)選擇這種設(shè)計(jì)思路。這類首頁要考量產(chǎn)品運(yùn)營的能力,若要考慮內(nèi)容的個(gè)性化推送,規(guī)則算法可又是一“坑”。
導(dǎo)流型的首頁,一般提供頻道、品類、搜索等入口,將用戶盡快引入二級頁面。也就是說,首頁不再是消費(fèi)內(nèi)容的主場景,而是更多起到導(dǎo)流作用。比如電商類產(chǎn)品(天貓、京東)、旅行產(chǎn)品(攜程、去哪兒)等。
首頁即功能/體驗(yàn)界面,用戶在進(jìn)入首頁即進(jìn)行功能操作或深度互動(dòng)。第三種與第一種消費(fèi)內(nèi)容比較相似,但第三種類型的設(shè)計(jì)大多集中在工具型、交通類或游戲類產(chǎn)品。
暫時(shí)想到這么多,歡迎補(bǔ)充。
思來想去,我們的APP是工具及游戲類的結(jié)合,核心欄目中都有用戶關(guān)心且和自己息息相關(guān)的數(shù)據(jù),如果散落在各個(gè)欄目中,層級較深,也勢必會(huì)增加用戶操作成本,因此想將這些信息更扁平化的集中呈現(xiàn)。初步考慮,會(huì)將APP首頁作為集合頁,并做個(gè)性化體驗(yàn)設(shè)計(jì),露出用戶最為關(guān)心的數(shù)據(jù)信息,并向一級/底級頁面導(dǎo)流,同時(shí)在頁面底部做官方內(nèi)容的推薦。
還是要謹(jǐn)記,平臺產(chǎn)品的規(guī)劃,要結(jié)合品牌商業(yè)目標(biāo)、產(chǎn)品類型、用戶需求綜合考量。
參考文章:
<從運(yùn)營角度來看首頁設(shè)計(jì)>
二、網(wǎng)站設(shè)計(jì)思路是什么?
一、架構(gòu)設(shè)計(jì)
從客戶角度來說,來到網(wǎng)站就是想買產(chǎn)品;從企業(yè)角度來說,就是想賣產(chǎn)品&服務(wù),這是一個(gè)需求匹配的過程,但在這個(gè)過程中,如何能夠滿足需求,是網(wǎng)站策劃及實(shí)施的前提。
針對三類用戶的用戶體驗(yàn)地圖詳解,重點(diǎn)根據(jù)客戶的目標(biāo)和行為去觸點(diǎn),重點(diǎn)查看網(wǎng)站上有哪些機(jī)會(huì)點(diǎn),以此作為基調(diào),輸出中正架構(gòu)的設(shè)計(jì)方案。
二、內(nèi)容策劃
欄目架構(gòu)確定了線上總部的骨架,頁面內(nèi)容是決定客戶轉(zhuǎn)化的重要因素之一,我們以產(chǎn)品工業(yè)鍋爐為例,策劃高轉(zhuǎn)化率的產(chǎn)品詳情頁:
產(chǎn)品詳情五部轉(zhuǎn)化法:
三、功能及引導(dǎo)設(shè)計(jì)
結(jié)合行業(yè)特點(diǎn)及用戶需求,設(shè)置快速篩選及成本分析等工具,提高檢索效率及轉(zhuǎn)化率。
針對企業(yè)及行業(yè)的產(chǎn)品特性,分門別類的設(shè)置相應(yīng)參數(shù),引導(dǎo)客戶自主選型,讓客戶與網(wǎng)站進(jìn)行“交流 ”。
四、功能及引導(dǎo)設(shè)計(jì)
拓展內(nèi)容展現(xiàn)形式,讓企業(yè)更真實(shí),讓客戶更信賴。
圖庫/視頻的價(jià)值:
五、SEO建設(shè)策略
1.內(nèi)鏈建設(shè)
2.頁面優(yōu)化
對頁面的程序、內(nèi)容、版塊、布局等多方面的優(yōu)化調(diào)整。
頁面優(yōu)化的工作需不斷的在運(yùn)營過程中,依據(jù)各項(xiàng)數(shù)據(jù)指標(biāo)進(jìn)行靈活的調(diào)整和不斷優(yōu)化,從而使網(wǎng)站更容易被收錄,提高用戶體驗(yàn)和轉(zhuǎn)化率進(jìn)而創(chuàng)造價(jià)值。
三、如何走好電商設(shè)計(jì)這條路?
關(guān)于這個(gè)問題,以下三個(gè)方面將予以說明。
1.軟件技能
店鋪類的電商設(shè)計(jì)師可能不僅要會(huì)用Ps之類的設(shè)計(jì)軟件,還需要懂一些CSS方面的代碼知識,往往設(shè)計(jì)還要切圖,需要用到Dw,而越是大的電商平臺,越是優(yōu)秀設(shè)計(jì)公司分工都會(huì)比較明確一些,設(shè)計(jì)師可能只需要掌握Ps、Ai或Cdr這些軟件就好了,專注于視覺設(shè)計(jì)和創(chuàng)意這塊,不強(qiáng)制要求會(huì)切圖。
Axure是交互設(shè)計(jì)要用到的軟件,能懂一些的話當(dāng)然不會(huì)有壞處,如果你的合作對象是用Word畫交互框架圖或者交互稿的,那么也許你還需要懂Word。總之除了視覺設(shè)計(jì)以外的工具和軟件都是因?yàn)槟憧赡苄枰ジ渌藴贤ê献?,而需要掌握。繪畫對設(shè)計(jì)師來說是非常加分的一項(xiàng)技能,雖然并不是必須要掌握的。
2.需要了解的知識點(diǎn)
設(shè)計(jì)需要掌握的知識,包括色彩構(gòu)成、平面構(gòu)成、立體構(gòu)成這三大構(gòu)成,文案創(chuàng)意、市場營銷、用戶體驗(yàn)等等這些方面。因?yàn)槲覀兊脑O(shè)計(jì)活動(dòng)都是與活動(dòng)銷售額掛鉤的,商業(yè)設(shè)計(jì)就需要在確定其活動(dòng)目的的基礎(chǔ)上做合適的設(shè)計(jì),要面對需求人、面對消費(fèi)者。
3.其他方面
其他方面主要是指溝通技巧、思考方式、是否對自己的職業(yè)感興趣等,分為三個(gè)方面:上下級之間、上下游之間、自我驅(qū)動(dòng)力。
四、UI設(shè)計(jì)都需要會(huì)什么?
UI設(shè)計(jì)作為時(shí)下熱門職業(yè)之一,其發(fā)展前景不言而喻,應(yīng)用領(lǐng)域非常廣泛,從傳統(tǒng)的計(jì)算機(jī)網(wǎng)頁到最新AI領(lǐng)域的人機(jī)交互界面,無不體現(xiàn)出其市場價(jià)值。
那么UI設(shè)計(jì)師都需要學(xué)習(xí)什么呢?
首先是設(shè)計(jì)基本功的掌握。需要掌握Photoshop(圖像處理)、Illustrator(圖形制作)、After Effects(視頻處理)、Axure(原型設(shè)計(jì))、Dreamweaver(網(wǎng)頁制作)、Coreldraw(矢量制作)、Flash(動(dòng)畫制作)等設(shè)計(jì)軟件及HTML5.0和DIV+CSS網(wǎng)頁代碼基礎(chǔ)。
具備了設(shè)計(jì)軟件,此時(shí)還不能獨(dú)立創(chuàng)作,所以需要掌握鉛筆、水彩筆、素描本、手繪板工具的運(yùn)用。此部分的學(xué)習(xí)重在設(shè)計(jì)理論的學(xué)習(xí)與構(gòu)圖技巧,學(xué)會(huì)解析各類圖標(biāo)的設(shè)計(jì)原理及表現(xiàn)技法。
在基本具備設(shè)計(jì)能力后,就需要進(jìn)行案例的實(shí)戰(zhàn)了。通過模仿各類產(chǎn)品的優(yōu)秀案例、并能解析其設(shè)計(jì)要點(diǎn),推陳出新做出部分創(chuàng)新的完整案例。這樣在面試的時(shí)候,也能夠脫穎而出。
以上就是小編對于電商頁面設(shè)計(jì)創(chuàng)意思路問題和相關(guān)問題的解答了,如有疑問,可撥打網(wǎng)站上的電話,或添加微信。
推薦閱讀:
抖音2022上半年財(cái)報(bào)(抖音2022上半年財(cái)報(bào)怎么看)