㈠ 電商網站設計需要注意哪些
第一要點——響應式設計
響應式設計
由於多數買家習慣使用手機購物，因此電商網站設計一定要讓手機用戶的體驗足夠好。一般可以通過三種方式實現這一點。第一是開發APP，雖然現在APP製作費用已經大幅降低了，但是APP推廣費用卻大幅上漲，很多企業投入幾百萬，也沒幾個真實活躍用戶，推廣APP真的太難了，也許購物網站使用APP來推廣的窗口已經關閉了，除非你有幾十幾百億來強推。第二是另外製作手機網站，但是兩個網站涉及到兩個資料庫，數據同步是個難題，解決它需要花費不少費用，而且兩個域名對網路SEO也不利。第三是響應式設計，一個網站針對訪客不同的設備提供相應的排版界面，無論是PC訪客還是手機訪客都有好的用戶體驗，採用共用資料庫還避免了不同資料庫帶來的麻煩。
第二要點——清晰的導航設計
這需要區分商品類別的多少。如果是大型網上商 城，商品類別多，則需要有清晰的分類導航與關鍵詞直接搜索(最好是有容錯能力的模糊搜索)，而且有些商品可以歸於幾個類別，比如皮帶既是服裝類也是禮品 類，黑木耳既是食品類又是玩具類，為了庫存管理方便，不要重復發布，而是可以同時出現在幾個類別。如果是帶一類別的電商網站可以考慮採用地圖式導航，比如 童裝網站可以使用圖片導航，一個大男童代表大齡男童裝，一個小女童代表小齡女童裝，而一個baby則代表嬰兒服裝，點擊圖片或圖片旁邊的文字即可進入相應的類別，圖片式導航的最大好處是方便用戶進入其目標類別，縮短其判斷時間，減少不必要的思考，可以提升用戶體驗，尤其受到低齡及殘障人士歡迎。
第三要點——方便的圖片上傳更替
我們都知道圖片是電商網站提高轉化率的關鍵，而企業方或小賣家大多不會網站技術，簡單的FTP並 不方便，還是後台上傳更受歡迎，在網站操作方面不能把用戶與網站設計師相提並論，一定要以用戶的能力來考慮網站設計，而且圖片應該可以採用替換和另行上傳 兩種解決方式，另行上傳需要做到保留先後的兩個圖片，以後還可以恢復使用舊圖片，而替換不但可減少網站程序大小，而且不用更改圖片路徑，有利於SEO。
第四要點——手機專用小圖片
由於手機存在流量的問題，而PC端的圖片往往達到幾百K，大量圖片如果都下載會消耗很多流量，用戶體驗不佳，使用手機專用小圖片則可以解決這個問題，雖說現在手機屏幕的解析度已經大幅上升，但畢竟物理尺寸較小，肉眼對大小尺寸圖片的感覺差異要小於PC端，所以綜合權衡還是採用手機專用小圖片的用戶體驗更佳，至於移動將來全面推行手機流量包月的時候再說吧，估計那還且得等。
第五要點——SEO
做好文字鏈接，做好圖片的ALT標簽，做好麵包屑導航、標題(title)與描述(description)、拒絕非必須彈窗、杜絕flash、JS與frame框架，採用CSS+div，精簡代碼，刪除無效代碼，關鍵詞頁面自動生成功能，以及開設論壇，論壇不但可以留存和活躍用戶增加復購，而且可以提升SEO效果，但要注意不是什麼行業都適合開設論壇，比如戶外裝備電商網站與釣魚裝備電商網站就比較適合開設論壇。
第六要點——數據處理能力
數據包括用戶數據，如注冊、電話號碼、支付寶賬號、收貨地址、IM號碼、生日、購物習慣等。
商品數據包括商品的類別、與其他商品的關系(如類似商品、配套商品)、商品銷量、成交價格、存貨量、銷售速率、利潤率等。
數據報表自動生成能力?這個涉及到商業秘密不便公開了，總之這是電商網站設計的一個賣點。
第七要點——促銷方案預置
促銷方案
比如大轉盤、一元購、減價季、預購、眾籌、抵用卷、老用戶自動返現金、點卡、通過分享找人代付、現金券分享之類的。
第八要點——訪客統計功能
通過對訪客行為的分析，可以判斷出用戶對什麼商品感興趣，又有什麼商品雖然感興趣，但成交率低，然後可以針對性改變。
第九要點——均衡負載
網路雲阿里雲騰訊雲
一旦同時在線用戶達到好幾千，網站負擔就會很吃力，這時需要負載均衡才能保證網站不崩潰，避免流失顧客。至於帶寬倒是相對好辦，花錢提升伺服器的帶寬就是了，伺服器裡面網路雲阿里雲和騰訊雲都是很好的。
第十要點——可信度
可信度是電商的命脈，馬雲做淘寶網靠兩大法寶，一是賣家免費，二是可信度，而可信度是靠支付寶和宣稱全額賠償這兩大法寶。普通電商網站條件有限只能靠備案、公司實景圖、生產實景圖、媒體報道等方式。
其他至於支付方式購物車之類的雖然很重要，但那是地球人都知道的，就不再廢話了。
㈡ 阿里巴巴網站的網頁布局結構
下面讓我們來對阿里巴巴的網頁設計布局進行分析：
阿里巴巴中國站(china.alibaba.com)被google收錄的中文網頁數量2006年8月份數據為5320000，不僅從被收錄的網頁數量上來說，要遠遠高於同類網站的平均水平，更重要的是，阿里巴巴的網頁質量比較高，潛在用戶更容易通過搜索引擎檢索發現發布在阿里巴巴網站的商業信息，從而為用戶帶來更多的商業機會，阿里巴巴也因此獲得更大的網站訪問量和更多的用戶。
1．從整體結構看：
設計作品的整體效果是至關重要的，在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。點擊打開阿里巴巴的網站，訪問者可以很快的查找到自己所要尋找的信息和內容，理由是它的每個頁面都有獨立的標題，並且網頁標題中含有有效的關鍵詞，每個網頁還有專門設計的META標簽，而且圖形和文本層疊有序，框架結構明顯。從整體上看網站上的圖片不是很多，因為它知道搜索引擎讀不出來圖片的信息和內容的。
2．從頁面的相互關系看：
阿里巴巴的各組成部分在內容上的內在聯系和表現形式上的相互呼應很明確，並注意到了整個頁面設計風格的一致性，並且在搜索引擎搜索信息的情況下，阿里巴巴將它的主要業務放在了整個框架的最左邊也就是搜索引擎最關注的地方。它抓住了搜索引擎的在搜索信息的特點。實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽。
3.頁面分割的角度看：
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目瞭然。阿里巴巴在這方面就做的很出色。它在信息量很多時，將關鍵詞列出來，將畫面進行了有效的分割，使關注者更清楚的知道關鍵詞的背後就是他所要的信息。所以網頁設計中有效的分割可以被視為對於頁面內容的一種分類歸納。
4．從頁面對比的角度看：
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。阿里巴巴在網頁設計中無論是顏色、文本信息、文字的大小、格式、等等都無可非議。因為它給人的感覺很協調很舒服。
5．從頁面和諧的角度看：
和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那麼作品將不但沒有「生命感」，而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。打開阿里巴巴的網頁一開始給人有點單一的感覺，因為它的色彩不時很鮮明，但是從整體角度在看會發現它的顏色和線條的搭配讓人的視覺效果和它的網頁達到一種想溝通的效果，尤其是它框架兩邊的空白部分從美學角度可以說明兩點：一是顯示阿里巴巴企業的卓越；二是顯示網頁品味的優越感。所以從整體上體現出了網頁的格調。
所以阿里巴巴之所以能夠做到今天這樣的成就，可以看出它在每一個方面的專業化和深入的程度。所以其他的網站在設計布局的同時有必要向阿里巴巴深入的學習。
㈢ 網頁製作中會遇到哪些問題
1、設計過程中與客戶溝通的不夠充分，導致方向出現偏差。
2、跳過網站功能及信息架構上的研究，直接開始視覺創作。
3、缺乏對網站整體風格的思考和把握，做到哪裡算哪裡。
4、設計過程中遇到困難，隨意調整設計方向。
5、細節不夠講究，顯得粗糙。
6、技術不過關，創意無法得到實現。