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