如何建設(shè)一個(gè)真正的電子商務(wù)網(wǎng)站,如何讓網(wǎng)站結(jié)構(gòu)清晰合理,內(nèi)容準(zhǔn)確詳細(xì),頁面生動(dòng)形象,如何保證自己的網(wǎng)站能夠在茫茫的網(wǎng)絡(luò)世界中脫穎而出?一個(gè)完整的網(wǎng)站建設(shè)規(guī)劃方案恐怕是你在開始建設(shè)網(wǎng)站之前必須要考慮的問題。第一階段是:1。規(guī)劃階段1。收集公司各部門的書面材料。如果需要,網(wǎng)站建設(shè)部門的工作人員可以派人去其他部門聽講解,尤其是準(zhǔn)確了解公司的業(yè)務(wù)重點(diǎn)。2.網(wǎng)站建設(shè)部門收到書面材料后,會(huì)認(rèn)真整理。將文件分類。以確保在首頁或第一級頁面向訪問者展示這些內(nèi)容。那些可以放在列子頁面中的。潤色一下這篇課文。盡量讓文字通俗,減少不必要的專業(yè)術(shù)語的使用;盡量簡潔,這樣可以加快網(wǎng)頁的顯示速度,也可以避免因?yàn)闊o聊的文字太多而惹惱訪客。例如,原本屬于兩個(gè)或多個(gè)類別的文檔必須歸入一個(gè)類別。這樣可以減少頁面數(shù)量,對瀏覽和維護(hù)大有好處。3.整理完文檔后,根據(jù)分類,可以統(tǒng)計(jì)出新版網(wǎng)站有多少個(gè)欄目,每個(gè)欄目有多少個(gè)頁面,每個(gè)頁面的具體內(nèi)容和名稱。經(jīng)過統(tǒng)計(jì),應(yīng)該會(huì)有一個(gè)網(wǎng)站文檔列表——最好是樹形圖。第一階段的工作完成后,就要進(jìn)入下一階段:2。設(shè)計(jì)階段1。主頁設(shè)計(jì):設(shè)計(jì)師拿到網(wǎng)站文檔列表后,開始設(shè)計(jì)主頁。主頁設(shè)計(jì)是整個(gè)網(wǎng)站設(shè)計(jì)的重中之重,它的成功與否直接關(guān)系到公司的形象,所以對它的要求非常高。首頁的設(shè)計(jì)要符合公司目前的宣傳政策。最好能在其他媒體上呼應(yīng)公司的公告。比如英特爾在網(wǎng)站、報(bào)紙、電視上的廣告,色彩的統(tǒng)一性就非常明顯。以非常穩(wěn)重的藍(lán)色作為底色——說明公司實(shí)力雄厚,研究態(tài)度細(xì)致。背景色通常伴隨著時(shí)尚的亮色,如綠色,這表明該公司在信息技術(shù)的發(fā)展方面一直處于領(lǐng)先地位。這種經(jīng)驗(yàn)非常值得我們借鑒。這可以說明公司很有組織性和計(jì)劃性,也可以展示公司的風(fēng)范,起到很好的形象宣傳作用。首頁的顏色要小心高級,不能隨便。因?yàn)樵L客打開公司網(wǎng)站,第一感覺就是顏色的感覺。舒適美好的東西總是讓人心情愉悅,所以一定要考慮明暗、輕重、明艷、穩(wěn)重的色彩搭配。首頁的設(shè)計(jì)最好不要顯得零碎,最好有明顯的模塊性,可以使用較小的圖標(biāo)。但是要避免使用小的純色塊,這樣容易讓網(wǎng)頁顯得缺乏氣度。不要在首頁體現(xiàn)太多內(nèi)容。因?yàn)槭醉搩?nèi)容過多會(huì)導(dǎo)致焦點(diǎn)不集中、頁面?zhèn)鬏斶^慢、頁面長度過長等問題,給訪問者帶來不便。沒有人會(huì)在一個(gè)運(yùn)營起來感覺局促的網(wǎng)站上呆很久。可以通過活潑的小圖標(biāo)和兩行簡潔的介紹,清晰地介紹公司的主要業(yè)務(wù);也可以通過給人視覺刺激比較強(qiáng)的X圖,輕松理解網(wǎng)站的主要功能。反正要讓網(wǎng)站制作的動(dòng)機(jī)和目的顯而易見,最好是不用拉窗口的右滾動(dòng)條就能一眼看到網(wǎng)站的主要功能。請注意:在主頁上,當(dāng)瀏覽器打開時(shí),首先顯示的部分是黃金地帶。這部分是成功的,夸張的網(wǎng)站成功了一半。網(wǎng)頁設(shè)計(jì)的另一個(gè)重要因素是速度。因?yàn)楝F(xiàn)在的網(wǎng)絡(luò),尤其是國內(nèi)的網(wǎng)絡(luò)帶寬非常有限,通過瀏覽器打開70K以上的頁面非常慢。作為一個(gè)會(huì)發(fā)展電子商務(wù)的公司網(wǎng)站,它的訪問者大部分是企業(yè),而且大部分都是在白天上網(wǎng),白天是最慢的時(shí)候,所以網(wǎng)頁的大小是必須考慮的因素。
不需要幾個(gè)設(shè)計(jì)師設(shè)計(jì)首頁就能想出幾個(gè)方案。因?yàn)椴皇鞘占?,而是在最短的時(shí)間內(nèi)完成任務(wù)。應(yīng)該是一個(gè)設(shè)計(jì)團(tuán)隊(duì)里幾個(gè)人在考慮很多因素的前提下提出來的。這個(gè)方案會(huì)比較成熟,需要的修改會(huì)少很多。大大加快工程進(jìn)度??紤]到瀏覽器的兼容性,盡量使用穩(wěn)定、成熟、標(biāo)準(zhǔn)化的技術(shù)。不要加一些華而不實(shí)的特效。首頁設(shè)計(jì)要留有發(fā)展空間。因?yàn)楣就l(fā)展非常快,不斷增加新的業(yè)務(wù),我們要給他們留有余地。2.欄目頁面設(shè)計(jì):當(dāng)首頁的設(shè)計(jì)被批準(zhǔn)后,就要開始欄目設(shè)計(jì)了。普通欄目的設(shè)計(jì)要求比首頁寬松。欄目的設(shè)計(jì)要引導(dǎo)而不是灌輸,要與欄目內(nèi)容緊密結(jié)合;文章中包含的鏈接應(yīng)該易于識別;文字布局要好看,間距和邊距要求統(tǒng)一。不要用太大或太稀疏的字,桌子要擺得合理,不要太長;對于提交表單,盡量減少客戶需要用鍵盤輸入的內(nèi)容??梢员M量通過下拉菜單或復(fù)選框使用;最好把說明文字和操作表格結(jié)合起來,讓客戶隨時(shí)明白自己在做什么,怎么做。每一頁必須有鏈接到“回到頂部”,“回到上一頁”和“回到第一頁”。合理的設(shè)計(jì)可以避免網(wǎng)站建設(shè)過程中的大變動(dòng),避免無用功和重復(fù)勞動(dòng)。一旦這個(gè)階段完成,你就可以開始了:3。生產(chǎn)階段1。設(shè)計(jì)稿通過后,就可以開始制作頁面模板了;2.模板做好之后,開始制作頁面;3.頁面上的分工要明確;4.生產(chǎn)時(shí)應(yīng)檢查各個(gè)環(huán)節(jié);5.注意生產(chǎn)項(xiàng)目中垃圾的原碼,一發(fā)現(xiàn)就清理;6.頁面完成后,開始編譯后臺程序。4.檢查第一階段。網(wǎng)站建設(shè)部門對網(wǎng)站進(jìn)行第一次檢查;2.對公司所有員工都可以參與的局域網(wǎng)進(jìn)行檢查。5.上傳。所有檢查無誤就可以開始上傳了!上傳當(dāng)晚,必須有一個(gè)有修改權(quán)限的人值班。如有錯(cuò)誤,可以修改。祝你能建立一個(gè)成功的網(wǎng)站,加入企業(yè)電子商務(wù)的大潮。
首先,我們要知道店鋪的哪些部分需要裝修。店鋪招牌、促銷模板、店鋪公告、店鋪?zhàn)远x布局、商品詳情頁都需要裝飾。1.淘寶店鋪招牌設(shè)計(jì)一般來說,店鋪招牌規(guī)格大小大致在100K以內(nèi),建議控制在950*150。對于店鋪招牌的裝修,新手賣家可以先考慮整個(gè)店鋪的風(fēng)格,包括主題顏色,經(jīng)營什么產(chǎn)品等等。首先,設(shè)定我們店招的總體風(fēng)格。如果新店主前期對店招的設(shè)計(jì)沒有概念,可以參考其他老店的設(shè)計(jì)。2.推廣模板對店鋪來說是新的,沒有口碑和知名度,前期可以進(jìn)行一些推廣活動(dòng)。在本節(jié)的店鋪裝修中,要充分體現(xiàn)我們產(chǎn)品的優(yōu)勢,展示賣點(diǎn)。我們建議賣家按主題來做。另外要提醒大家的是,推廣價(jià)格不要太低,低價(jià)格沒有好產(chǎn)品。不要讓客戶認(rèn)為我們的產(chǎn)品質(zhì)量有問題。3.網(wǎng)店公告對于一家新開的店鋪來說,公告的裝修也是非常重要的。要展示我們店的介紹,主要產(chǎn)品,優(yōu)勢,優(yōu)惠信息,促銷信息等。用簡潔的方式,讓顧客先了解我們店,才愿意在我們店購買商品。建議可以做成滾動(dòng)字幕,這樣看起來更方便。4.自定義布局自定義布局是一個(gè)自由展示的平臺。賣家在這里,想說什么就說什么,但是最好的方式當(dāng)然是把我們的店鋪優(yōu)勢,產(chǎn)品特色,我們的一個(gè)經(jīng)營理念放在上面。反正能吸引消費(fèi)者的就用什么。5.產(chǎn)品詳情頁產(chǎn)品詳情頁是最重要的裝修工作??蛻粝胭I我們的產(chǎn)品,肯定會(huì)瀏覽我們的詳情頁,所以在這里,產(chǎn)品的所有信息,包括一些細(xì)節(jié),都要展示出來。只有顧客了解了產(chǎn)品,才會(huì)有購買的欲望。毫無疑問,沒有人會(huì)不看產(chǎn)品信息就下單。知道哪些板塊需要裝修后,再制定統(tǒng)一的風(fēng)格,逐一落實(shí)和完善。此外,還可以在店內(nèi)設(shè)置背景音樂。你必須小心選擇音樂。你要盡量選擇符合大眾口味的音樂,不能太吵。不應(yīng)該使用重金屬搖滾的建議。購物環(huán)境要相對舒緩安靜。(本文轉(zhuǎn)載自電子商務(wù)知識網(wǎng))
跨境電商中提到的AE平臺指的是全球速賣通,也就是我們常說的四大平臺之一的全球速賣通。全球速賣通是阿里巴巴為跨境出口搭建的、面向全球市場的跨境電商交易平臺。它被稱為“國際淘寶”,是全球第三大英文在線購物網(wǎng)站。全球速賣通也是中國最大的跨境出口B2C平臺之一,是俄、西排名第一的電子商務(wù)網(wǎng)站。
一二思維方式很多ui在得到一個(gè)頁面原型的時(shí)候,立刻打開各大設(shè)計(jì)網(wǎng)站進(jìn)行參考,然后按照參考頁面上的效果機(jī)械的復(fù)制到原型上,只達(dá)到了簡單美化頁面的效果。那么拿到原型后應(yīng)該用什么樣的思維去思考呢?第一個(gè)思路:交互思維首先了解頁面實(shí)現(xiàn)了哪些功能,功能的交互操作過程是怎樣的,也就是用戶在操作這個(gè)頁面上的功能時(shí)的行為路徑是怎樣的。第二種思維方式:在了解了視覺思維的作用和相互作用后,對原型中的視覺元素進(jìn)行提取、細(xì)分和分類,按照統(tǒng)一性原則設(shè)計(jì)每一類。然后把交互和視覺結(jié)合起來設(shè)計(jì)界面。二、思維結(jié)合案例的應(yīng)用我們來看下兩種思維方式是如何進(jìn)行的。第一個(gè)思路:交互思維,了解功能交互過程。根據(jù)實(shí)例原型分析用戶行為路徑:用戶行為路徑:注:用戶行為路徑的獲取必須與產(chǎn)品經(jīng)理、交互設(shè)計(jì)師溝通確認(rèn)清楚。用戶行為路徑的一些步驟也是按順序劃分的。比如第一步,用戶輸入賬戶地址后,會(huì)顯示賬戶的相關(guān)數(shù)據(jù)。用戶行為路徑可以支持對信息內(nèi)容進(jìn)行分類和分組。第二種思維方式:視覺思維提取視覺元素。視覺元素:注意:選擇視覺組成元素,并盡可能詳細(xì)地分類。如果有可視化規(guī)范,可視化組件元素樣式的應(yīng)用應(yīng)遵循可視化規(guī)范。如果沒有視覺規(guī)范,則應(yīng)根據(jù)統(tǒng)一性原則設(shè)計(jì)相似的視覺組成元素。三、測試方案我們用兩個(gè)思路測試設(shè)計(jì)師的輸出方案:問題1:交互層次的問題:數(shù)據(jù)顯示在前面,輸入在后面,交互層次有點(diǎn)混亂。問題截圖:問題解決:在用戶行為路徑中,第一步有一個(gè)序列,先輸入地址,再顯示數(shù)據(jù)。在設(shè)計(jì)信息內(nèi)容布局的時(shí)候,也需要有一個(gè)順序,所以交互水平在一定程度上影響了布局和排版。問題2:步驟關(guān)聯(lián)的問題,在于步驟1中“批量轉(zhuǎn)賬”按鈕被歸入信息模塊,交互操作邏輯有點(diǎn)堵。問題截圖:解決方法:在用戶行為路徑中,用戶核心費(fèi)用信息后,最有可能的行為是點(diǎn)擊“批量轉(zhuǎn)賬”按鈕。因此,“批量轉(zhuǎn)賬”按鈕的操作與轉(zhuǎn)賬費(fèi)用信息密切相關(guān),應(yīng)該更符合同一模塊中的交互操作邏輯。問題三:色彩應(yīng)用的問題在于:主色、裝飾色、輔助色的應(yīng)用范圍不規(guī)范,色彩應(yīng)用混亂。問題截圖:問題解決:在一個(gè)頁面或項(xiàng)目中,各種顏色的應(yīng)用范圍需要標(biāo)準(zhǔn)化,對于文字、按鈕、輸入組件、背景用什么顏色需要相應(yīng)的使用規(guī)則。問題四:輸入控制的問題是輸入組件的樣式多種多樣,也就是輸入框,樣式很多,會(huì)造成用戶交互的認(rèn)知錯(cuò)誤。問題截圖:問題解決:在一個(gè)頁面或項(xiàng)目中,輸入組件的風(fēng)格要應(yīng)用統(tǒng)一性原則,保持視覺風(fēng)格的一致,從而減少用戶操作的認(rèn)知偏差。問題五:按鈕樣式的問題:當(dāng)按鈕樣式應(yīng)用于一個(gè)不具備按鈕點(diǎn)擊屬性的對象時(shí),用戶會(huì)認(rèn)為它是可點(diǎn)擊的,這會(huì)造成用戶在交互操作中的認(rèn)知錯(cuò)誤。問題截圖:問題解決:在一個(gè)頁面或項(xiàng)目中,盡量不要將按鈕樣式應(yīng)用到不具備按鈕點(diǎn)擊屬性的元素上,以減少用戶操作的認(rèn)知偏差。比如把人的衣服穿在人形吸管上,成功欺騙了人,造成了認(rèn)知偏差。問題6:信息展示的問題在于,相似的信息內(nèi)容展示風(fēng)格很多,增加了用戶在交流過程中的認(rèn)知負(fù)擔(dān)。問題截圖:問題解決:在一個(gè)頁面或項(xiàng)目中,應(yīng)用相似性原則,相似信息內(nèi)容的顯示應(yīng)在視覺風(fēng)格上保持一致,b
比如:電商頁面,顯示信息量;財(cái)務(wù)管理頁面,收入信息的顯示;它們都應(yīng)用了相似的布局,即均勻高效地傳遞信息。問題7:圖標(biāo)風(fēng)格:圖標(biāo)風(fēng)格不一致,圖形突出,立體,線性。問題截圖:問題解決:根據(jù)產(chǎn)品特點(diǎn),建議有統(tǒng)一的圖標(biāo)風(fēng)格,選擇線性、平面、漸變、三維等風(fēng)格。問題八:對齊間距:頁面元素對齊間距不規(guī)則,整體視覺松散不嚴(yán)謹(jǐn)。問題截圖:問題解決:可以使用網(wǎng)格系統(tǒng)來組織頁面信息內(nèi)容。四。優(yōu)化方案根據(jù)發(fā)現(xiàn)的問題,我們來看看優(yōu)化后的設(shè)計(jì)方案:優(yōu)化一:交互路徑根據(jù)用戶的行為路徑,將相關(guān)信息歸類到一個(gè)模塊中,將每個(gè)步驟劃分到一個(gè)模塊中,將相關(guān)步驟合并到一個(gè)模塊中。每個(gè)模塊完成自己的操作和顯示任務(wù),模塊之間的信息內(nèi)容互不干擾,但結(jié)構(gòu)和布局可以形成交互的操作邏輯。2.優(yōu)化:顏色規(guī)格調(diào)節(jié)顏色。配色的方法這里就不深入討論了。這里的方法是基于品牌顏色通過飽和度、亮度、透明度的變化來得到各級文字的顏色和邊框的顏色。3.優(yōu)化:輸入控件統(tǒng)一了輸入控件的樣式,讓用戶在視覺上可以清晰區(qū)分哪些是可以輸入的,從而降低用戶在交互操作上的認(rèn)知成本,提高信息輸入的效率。當(dāng)輸入控件進(jìn)行交互時(shí),應(yīng)該有交互狀態(tài)反饋,包括默認(rèn)狀態(tài)、選中狀態(tài)和錯(cuò)誤狀態(tài)。根據(jù)情況,可以增加鼠標(biāo)抬起狀態(tài)和非輸入狀態(tài)。色彩在變化狀態(tài)下的應(yīng)用,可以通過改變色相的透明度來保持色彩的一致性。4.優(yōu)化:按鈕規(guī)范對按鈕進(jìn)行分類,包括常規(guī)按鈕、圖標(biāo)按鈕和文本按鈕;按鈕樣式顏色統(tǒng)一;按鈕應(yīng)該有交互式狀態(tài)反饋,如不可點(diǎn)擊狀態(tài)、可點(diǎn)擊狀態(tài)、鼠標(biāo)抬起狀態(tài)和鼠標(biāo)放下狀態(tài)。色彩在變化狀態(tài)下的應(yīng)用,可以通過改變色相的飽和度、明度、透明度來保持色彩的一致性。5.優(yōu)化:信息展示將相似性原則應(yīng)用于信息內(nèi)容,進(jìn)行統(tǒng)一的排版處理。信息各子類的標(biāo)題和內(nèi)容采用統(tǒng)一的排版格式,然后反復(fù)套用,有助于提高信息獲取的效率。6:優(yōu)化:圖標(biāo)樣式這里的圖標(biāo)應(yīng)用于功能圖標(biāo),統(tǒng)一采用線性圓角樣式。功能圖標(biāo)要注意圖標(biāo)的形狀,才能正確有效地傳達(dá)功能的含義。7.優(yōu)化:對齊間隔網(wǎng)格系統(tǒng)用于調(diào)整視覺元素之間的對齊和間隔,使頁面視覺更嚴(yán)謹(jǐn),頁面信息更易閱讀。5.總結(jié)交互思維,了解頁面中的功能交互過程,梳理用戶的操作行為路徑,可以為行為步驟中的信息內(nèi)容分類分組提供依據(jù),最終有助于頁面信息內(nèi)容的布局。視覺思維把視覺元素提取出來,把每一類的顏色、文字、控件、圖標(biāo)等等都用標(biāo)準(zhǔn)化的方式設(shè)計(jì)出來,然后把視覺元素本身組合起來,最后再應(yīng)用回信息內(nèi)容中,建立標(biāo)準(zhǔn)化的視覺感。在設(shè)計(jì)頁面的時(shí)候,交互思維和視覺思維是相互兼容的,兩者缺一不可。最終都是為了構(gòu)造一個(gè)符合交互操作邏輯,滿足視覺美感的界面。
1.以業(yè)務(wù)為導(dǎo)向:在設(shè)計(jì)電子商務(wù)系統(tǒng)時(shí),以業(yè)務(wù)為主,技術(shù)為輔,以技術(shù)為手段,滿足業(yè)務(wù)需求,實(shí)現(xiàn)業(yè)務(wù)目標(biāo)。2.系統(tǒng)理念:必須充分考慮與擬建企業(yè)電子商務(wù)系統(tǒng)相關(guān)的各個(gè)方面,盡可能全面地制定企業(yè)電子商務(wù)系統(tǒng)規(guī)劃設(shè)計(jì)方案。3.資源重組:要通過電子商務(wù)系統(tǒng)重組企業(yè)資源,實(shí)現(xiàn)企業(yè)組織、管理和商業(yè)模式的創(chuàng)新發(fā)展,提升企業(yè)競爭力和未來發(fā)展?jié)摿Αk娮由虅?wù)系統(tǒng)的功能。在線訂購電子商務(wù)可以通過電子郵件或Web中的表單以交互方式傳遞信息,從而實(shí)現(xiàn)在線訂購。通常,在產(chǎn)品介紹頁面上會(huì)提供訂購提示和互動(dòng)格式框。當(dāng)客戶填寫訂單時(shí),系統(tǒng)通常會(huì)回復(fù)正確的信息,以確保收到訂單信息。2.貨物交付。最適合在互聯(lián)網(wǎng)上直接交付的商品是信息產(chǎn)品,如軟件、電子書、信息服務(wù)等??梢灾苯訉⒇浳飶碾娮觽}庫發(fā)送到用戶端。3.電子商務(wù)咨詢和談判。借助非實(shí)時(shí)電子郵件、新聞組和實(shí)時(shí)討論組,我們可以了解市場和商品信息,洽談交易事務(wù)。如果有進(jìn)一步的需求,我們還可以使用在線白板會(huì)議來交換實(shí)時(shí)圖形信息。4.網(wǎng)上支付客戶和商家可以采用多種支付方式,節(jié)省了很多人在交易中的開支。網(wǎng)上支付需要更可靠的信息傳輸安全控制,防止欺詐、竊聽、冒用等違法行為。5.電子銀行網(wǎng)上支付必須有電子金融的支持,即銀行、信用卡公司等金融機(jī)構(gòu)要為金融服務(wù)提供網(wǎng)上運(yùn)營服務(wù)。
請到「后臺-用戶-個(gè)人資料」中填寫個(gè)人說明。
聲明:本網(wǎng)站尊重并保護(hù)知識產(chǎn)權(quán),根據(jù)《信息網(wǎng)絡(luò)傳播權(quán)保護(hù)條例》,如果我們轉(zhuǎn)載的作品侵犯了您的權(quán)利,請?jiān)谝粋€(gè)月內(nèi)通知我們,我們會(huì)及時(shí)刪除。
Copyright ? 2016 學(xué)習(xí)鳥. 頁面生成時(shí)間:0.502秒