時間:2015-07-03用擬人的手法講述如何進行外貿(mào)B2C商城如何設計
首頁即是一張人的臉,在這個看臉的世界,臉好看了,人家才會更迅速地與你交往,更深入地了解你的網(wǎng)站。網(wǎng)頁首頁不好看,那就要整整容。那么要如何整呢?
網(wǎng)站的臉型和五官
也就是網(wǎng)站的框架設計,顧客瀏覽體驗也集中在此。男人女人的臉型都是不一樣的,網(wǎng)站的框架當然也不盡相同,重點在于:看著舒服,讓人知道是男是女。網(wǎng)站的框架包括:網(wǎng)站導航,搜索框,產(chǎn)品展示區(qū),這三樣是最基礎的。其他還包括頁面的長短,廣告的分布,文字的編排,是否放置資訊或博客文章,是否留白等,都十分重要。
以imcart系統(tǒng)的網(wǎng)站為例。
好的網(wǎng)站框架,能一目了然。這個首頁就很明顯地讓人知道它是賣什么的(服裝鞋包),搜索框一目了然,搜索框下面是導航,如果往下拉的話,網(wǎng)站底下還有與導航對應的導航,再一次提醒用戶網(wǎng)站上有什么。產(chǎn)品的推薦區(qū)和展示區(qū)也是大方直接,一點都不含糊。關鍵是,網(wǎng)站的頁面兩邊做了留白,也沒有多余的廣告窗口,看起來十分舒服。
關于留白:跟網(wǎng)站的像素有關,如果網(wǎng)站把整個也面都占據(jù)了,客戶的顯示像素要是比較窄,就容易出現(xiàn)左右的滾動條,十分不利于瀏覽。而減少窗口廣告和浮動窗口,一來避免網(wǎng)站內(nèi)容被窗口擋住,二來,顧客的注意力不會被分散,能更好地瀏覽網(wǎng)站。當然廣告窗口也可以適當?shù)刈?,出現(xiàn)活動之類的,能夠很好地吸引顧客。
當然,框架最好是請專業(yè)人士制作,或者購買喜歡的模板,比較保險。很多公司例如imcart都是外貿(mào)網(wǎng)站建設老手,比較不會出錯。
網(wǎng)站的皮膚
就是網(wǎng)站的配色和風格。從上面那張圖可以看見,網(wǎng)站風格是不是簡約大方的呢?配色方案也很單一,就算是產(chǎn)品的擺放,也都是統(tǒng)一顏色風格的。這其實是外貿(mào)前輩們經(jīng)過多年得出的經(jīng)驗:外國人(或者說歐美)喜歡的便是這樣的網(wǎng)站,簡約又不失設計感。這就像一個小姑娘一樣,干凈清爽,能給人十分好的印象。
網(wǎng)站的眼睛
Banner,就是類似上面那個案例導航下的大圖。眼睛是心靈之窗,而Banner等同于此,給瀏覽者最初的印象。因此,Banner的設計很重要,既要符合網(wǎng)站風格,避免頭重腳輕,又要體現(xiàn)出網(wǎng)站的特色,讓人有閱讀欲望,Banner上面的文字又肩負著提升顧客轉化率的重任。因此,Banner一般都找專業(yè)人士來設計,例如imcart官網(wǎng)上就有這樣的服務。
網(wǎng)站的氣質
體現(xiàn)出來的品牌價值,和產(chǎn)品給人的第一印象。除了上面所說的配色和Banner設計之外,整體的感覺也是不容忽視的。通過Banner、配色、產(chǎn)品的布局、圖片的選擇等的結合,能夠給人不同的感覺。例如下面這一張,Banner圖片上的陽光棕膚色模特,產(chǎn)品推薦區(qū)穿插的模特眼睛,以及產(chǎn)品的選擇,都給人一種陽光熱情,卻似乎帶著性感的元素。
再例如下面這款模板的網(wǎng)站首頁,Banner的圖片有動態(tài)感,配色主要是藍白為主,健康向上,那么,那個網(wǎng)站給人的感覺便是動感、健康。這種印象會直接加到品牌印象當中去。因此一個網(wǎng)站的氣質多么重要。
網(wǎng)站的首飾
雖然已經(jīng)知道,簡約大方才是主流,但是加點小料卻能增加網(wǎng)站的可信度,或者權威性。例如,在與社區(qū)賬號聯(lián)動的前提下,將社區(qū)的logo放置在網(wǎng)站上,提醒用戶注冊的渠道;或者與各大物流和支付合作,可以將他們的logo放在底下,給顧客安全感,提升網(wǎng)站可信度權威性。
除了上面,還可以在網(wǎng)頁上增加顧客購買的通知欄。例如某某買家購買了什么之類的通知,可以是一小塊的放置在右下的文字滾動通知欄,也可以是放在導航上的一條上下滾動的文字。這種小掛件也可以增加網(wǎng)站的可信度,提高網(wǎng)站用戶轉化率。類似的,還可以加個文字鏈接區(qū),例如熱門標簽,熱門搜索等等。
網(wǎng)站的臉型和五官
也就是網(wǎng)站的框架設計,顧客瀏覽體驗也集中在此。男人女人的臉型都是不一樣的,網(wǎng)站的框架當然也不盡相同,重點在于:看著舒服,讓人知道是男是女。網(wǎng)站的框架包括:網(wǎng)站導航,搜索框,產(chǎn)品展示區(qū),這三樣是最基礎的。其他還包括頁面的長短,廣告的分布,文字的編排,是否放置資訊或博客文章,是否留白等,都十分重要。
以imcart系統(tǒng)的網(wǎng)站為例。
好的網(wǎng)站框架,能一目了然。這個首頁就很明顯地讓人知道它是賣什么的(服裝鞋包),搜索框一目了然,搜索框下面是導航,如果往下拉的話,網(wǎng)站底下還有與導航對應的導航,再一次提醒用戶網(wǎng)站上有什么。產(chǎn)品的推薦區(qū)和展示區(qū)也是大方直接,一點都不含糊。關鍵是,網(wǎng)站的頁面兩邊做了留白,也沒有多余的廣告窗口,看起來十分舒服。
關于留白:跟網(wǎng)站的像素有關,如果網(wǎng)站把整個也面都占據(jù)了,客戶的顯示像素要是比較窄,就容易出現(xiàn)左右的滾動條,十分不利于瀏覽。而減少窗口廣告和浮動窗口,一來避免網(wǎng)站內(nèi)容被窗口擋住,二來,顧客的注意力不會被分散,能更好地瀏覽網(wǎng)站。當然廣告窗口也可以適當?shù)刈?,出現(xiàn)活動之類的,能夠很好地吸引顧客。
當然,框架最好是請專業(yè)人士制作,或者購買喜歡的模板,比較保險。很多公司例如imcart都是外貿(mào)網(wǎng)站建設老手,比較不會出錯。
網(wǎng)站的皮膚
就是網(wǎng)站的配色和風格。從上面那張圖可以看見,網(wǎng)站風格是不是簡約大方的呢?配色方案也很單一,就算是產(chǎn)品的擺放,也都是統(tǒng)一顏色風格的。這其實是外貿(mào)前輩們經(jīng)過多年得出的經(jīng)驗:外國人(或者說歐美)喜歡的便是這樣的網(wǎng)站,簡約又不失設計感。這就像一個小姑娘一樣,干凈清爽,能給人十分好的印象。
網(wǎng)站的眼睛
Banner,就是類似上面那個案例導航下的大圖。眼睛是心靈之窗,而Banner等同于此,給瀏覽者最初的印象。因此,Banner的設計很重要,既要符合網(wǎng)站風格,避免頭重腳輕,又要體現(xiàn)出網(wǎng)站的特色,讓人有閱讀欲望,Banner上面的文字又肩負著提升顧客轉化率的重任。因此,Banner一般都找專業(yè)人士來設計,例如imcart官網(wǎng)上就有這樣的服務。
網(wǎng)站的氣質
體現(xiàn)出來的品牌價值,和產(chǎn)品給人的第一印象。除了上面所說的配色和Banner設計之外,整體的感覺也是不容忽視的。通過Banner、配色、產(chǎn)品的布局、圖片的選擇等的結合,能夠給人不同的感覺。例如下面這一張,Banner圖片上的陽光棕膚色模特,產(chǎn)品推薦區(qū)穿插的模特眼睛,以及產(chǎn)品的選擇,都給人一種陽光熱情,卻似乎帶著性感的元素。
再例如下面這款模板的網(wǎng)站首頁,Banner的圖片有動態(tài)感,配色主要是藍白為主,健康向上,那么,那個網(wǎng)站給人的感覺便是動感、健康。這種印象會直接加到品牌印象當中去。因此一個網(wǎng)站的氣質多么重要。
網(wǎng)站的首飾
雖然已經(jīng)知道,簡約大方才是主流,但是加點小料卻能增加網(wǎng)站的可信度,或者權威性。例如,在與社區(qū)賬號聯(lián)動的前提下,將社區(qū)的logo放置在網(wǎng)站上,提醒用戶注冊的渠道;或者與各大物流和支付合作,可以將他們的logo放在底下,給顧客安全感,提升網(wǎng)站可信度權威性。
除了上面,還可以在網(wǎng)頁上增加顧客購買的通知欄。例如某某買家購買了什么之類的通知,可以是一小塊的放置在右下的文字滾動通知欄,也可以是放在導航上的一條上下滾動的文字。這種小掛件也可以增加網(wǎng)站的可信度,提高網(wǎng)站用戶轉化率。類似的,還可以加個文字鏈接區(qū),例如熱門標簽,熱門搜索等等。