編輯推薦
適讀人群 :平麵設計師、大中院校平麵設計專業師生 1.本書主題符閤市場發展潮流。
2.以視覺設計為主,為行業提供必要的參考。
3.作品豐富,優質,實用性強。
內容簡介
電商的發展變革瞭社會的發展模式,在全世界範圍都影響深刻,尤其是在中國市場電商越來越普及和重要。
《電商品牌形象設計》以電商品牌的視覺錶現為焦點,將嚮讀者詳細地展示如何打造一個吸引眼球的品牌形象。
目前在市麵上關於電商的書籍主要以理論性的為主,從設計視
角齣版以視覺為主導的還沒有,它將滿足市場的極大需求。
作者簡介
善本齣版有限公司成立於2006年,專業從事設計類圖書齣版,並以平麵設計、設計文化、藝術領域為主。目前已經齣版圖書有七十多本以及“BranD”雜誌。同時也是中國zui專業的設計類圖書代理發行商之一,在北京和上海設立有分公司。
內頁插圖
目錄
前 言
電商網頁與用戶體驗指南
後印刷時代品牌
綫上品牌
精彩書摘
頂端與底端
頂端(Header)是網絡商店至關重要的部分,包含著細小卻核心的元素:商標、賬號登錄、購物車、搜索欄、菜單等等。它橫跨整個網頁並齣現在每一個頁麵之中,提醒用戶他們的所在位置以及所呈現的品牌特質。
底端(Footer)是收納一些必要的額外導航信息的理想位置,分擔頂端的繁重任務。公司信息、客戶支持和快速導航通常都位於這裏。
1. 商標
作為zui核心的元素,商標給用戶一個總的品牌印象。隻要點擊其鏈接便能隨時返迴到主頁。
2. 客戶服務
大多數電商網站會把它們的運費優惠或者退貨服務擺在頂端中的顯眼位置,第一時間排除購物上的疑慮。
3. 搜索欄
有不少瀏覽者會利用搜索欄來快速找到他們所需要的東西。對於這些目標明確的消費者來說,菜單的作用並不大,因此搜索欄應該放置在頂端並突齣顯示。
4. 賬戶登錄或注冊點評等。
電商網站通常都不會省略注冊和登錄功能,一方麵為瞭提升購物體驗和客戶信任度,另一方麵能更好地把控客戶信息。
5. 購物車
不可否認,購物車圖標是電商網站zui明顯的特徵。通常的做法是將這個圖標放置於頂端的右上角,顯示購物車裏的商品數量,讓客戶可以由此轉到結賬區。
6. 導航菜單
這個麵闆展示産品或服務的清晰分類,用戶能夠馬上清楚這個網站可以提供什麼,並輕鬆找到自己需要的東西。導航菜單的有限空間意味著隻有zui重要的目錄會在此顯示,不過常常會包含一個隱藏的下拉菜單,在這裏會羅列更多的目錄甚至次目錄,有時候還會加進宣傳或匹配用的大圖。
7. 站點地圖
當用戶到瞭底端卻又想返迴查看其他目錄的時候,站點地圖提供瞭同樣的導航功能。
8. 公司信息
包括企業信息、新聞、子公司鏈接、聯係方式、媒體區、招聘信息、客戶點評等。
9. 客戶支持
包括常見問題解答、訂單狀況、運費及退貨信息、安全購物保障、隱私政策等。
10. 會員通訊或社交媒體
包括會員通訊訂閱、博客、社交媒體鏈接等。
主 頁
作為網店的門麵,主頁越來越傾嚮於簡潔風格,給人舒適的第一印象的同時讓人忍不住去發掘更多得內容。主頁內容的平衡把控是留住客戶的關鍵。
1. 主圖
一般主圖的尺寸較大,攝影精良,同時高像素是必備條件,這樣在不同大小的屏幕上都能有效地呈現。主圖通常都會以鏇轉木馬的模式展示,不過這個方法需要更多的考量,例如,避免成為廣告式宣傳,非唯一的購買通道,鼠標懸停下停止轉動。
2. 文字
應當為該專題準備精簡的描述,與大圖一起發揮作用,吸引點擊。
3. CTA
CTA(Call To Action)即行為召喚,意指促使用戶點擊的文字或圖像,換句話說就是讓用戶做齣“購買”、“下載”或“瞭解更多”等行為。CTA 按鈕為優惠活動、zui新産品或者zui受歡迎産品等提供直接的鏈接通道。
4. 主推目錄或産品
在主頁中,與其堆滿所有的産品,不妨考慮放置篩選齣的産品或主題,提供快速導航的同時使用戶體驗更為明確。
目錄頁
主目錄
當用戶來到這個頁麵,便是這趟購物旅程的開始,同時也是保持購物勢頭的關鍵。主目錄頁應當得到與主頁同樣的關注,設計師應當重視用戶體驗方麵的實用性原則,無論網站的搜索引擎優化(SEO)有多優越。
1. 次目錄菜單
這部分內容約定俗成的位置其實是有根據的——F 型閱讀模式。次目錄內容其實還可以作適當延伸,提供其他選擇項,例如品牌名稱和受歡迎程度。
2. 橫幅
大圖是強烈的催化劑,往往比文字更具效果。橫幅的作用其實首先是營造一種氛圍,而不僅僅是展示産品。在這裏,設計師注意不要齣現“假底”,讓用戶誤以為這張圖片是頁麵的盡頭。
3. 目錄名稱
目錄的文案應當簡明而準確,對搜索引擎流量起到重要作用。
4. 次目錄展示
在橫幅下方放置方塊式展示的次目錄,為下一步提供簡單清晰的入口。方塊式設計應用於移動端上是非常理想的點擊目標。有的網站會在方塊之中插入促銷通知或者熱銷目錄。
5. 目錄或主推産品信息
為瞭進一步完善主目錄頁,可以增加精心準備的目錄介紹,或者是熱銷産品、zui佳産品、新産品等,甚至是個人化的推薦內容。
次目錄
這個頁麵通常提供不同的産品篩選項以及展示模式選擇,給予用戶個人化的購物體驗。一個優化的次目錄頁用戶體驗必能順利走嚮轉換率的下一級。
1. 篩選項
位於左邊側欄的高級篩選項應與該網站産品相關,例如尺寸、顔色、價格、評價等級和品牌名稱。現在有的網站會選擇使用橫嚮篩選欄。
2. 橫幅
一張精美的次目錄圖片是實用性原則的一部分,而有的電商網站會選擇隻用文字來作為該頁麵的提示。
3. 次目錄名稱
言簡意賅的文案在這裏是十分必要的。
4. 展示模式與排列順序
這一個小小的橫嚮欄能夠讓用戶選擇産品的展示方式(網格或列錶),還可以通過一個下拉菜單來選擇展示的順序,例如價格的從低到高、從新到舊、暢銷程度。
5. 産品展示
這裏需要顯眼的CTA 來確保zui佳的用戶體驗。産品展示一般包括産品圖片、産品名稱、價格、促銷或新款標簽、運費優惠,甚至客戶評價等級。同時,貼心的小細節是值得鼓勵的,比如圖片能夠根據顔色選擇而變動,或者增加快速瀏覽按鈕。
前言/序言
如今電商網站儼然是一個品牌zui重要的店鋪。無論是否擁有實體店,電商網站可以說是扮演著旗艦店的角色。
當人們發現一個品牌並且想瞭解更多的時候,網站便是第一站,對於忠實客人來說也是訊息和靈感的來源。即使瀏覽者的所在地沒有該品牌的實體店,他們也能在這個平颱上自由光顧。這就意味著網站必須準確傳達齣品牌的價值和語調,與其他傳達方式以及客戶體驗保持一緻。
對於通過其他店鋪進行批發的品牌,它們的電商網站往往能讓其掌控品牌體驗的方方麵麵——它們可以組織品牌的傳達方式以及産品展示的方式。這種真實性與互動性是客戶直接從品牌而非其他批銷商購買産品的關鍵原因。
既要創建獨特的體驗來區彆於競爭者,又要確保網站直觀、容易操作,要在這兩者間取得平衡,是所有品牌所麵臨的挑戰。
何時堅持,何時變通
曾經有好幾年,很多人一心要將他們的網站變得與眾不同。網絡的一個明顯本質就是新的網站恰如一張白紙,而品牌往往喜歡添加各種“創新的”技術玩意。結果,網站的視覺效果很豐富,在Photoshop 上麵看起來很棒,但當你想買一樣産品的時候卻無法操作。
當網絡逐漸成熟,為瞭迎閤品牌的奇思妙想,用戶體驗設計崛起並提高瞭用戶的需求。形成的一套標準亦使得現在的用戶會期待網站以某種方式進行操作。如果一個網站無法達到這些標準,用戶就會離開到彆的地方購買。
創建一個新網站的時候,設計師必須以zui佳電商實踐技巧為架構,確保能直觀地使用。第一次來到一個網站的時候,用戶需要瞭解這裏銷售什麼以及他們該如何尋找所需的東西。建立一個讓人覺得熟悉但不落俗套的網站是一個很大的挑戰。
zui佳電商實踐技巧的製定意味著任何人都能輕鬆建立一個電商網站。現在有很多機構、平颱和服務商提供模闆讓你可以隨時著手,這種情況也導緻瞭同樣風格的網站激增。設計師就需要通過字體、顔色、版式和互動來營造富有個性但熟悉的感覺。與這些元素同等重要的還有書寫和視覺內容,以及網站的構造質量。
盡管設計係統很重要,也隻不過是內容的框架罷瞭。而網站的圖片、視頻和文案則是起到傳達品牌獨特觀點的作用,又不緻擾亂預期的用戶體驗。這些元素必須保持高質量並與品牌的綫下傳達保持一緻。
細節不嫌細
網站建立的方式也是品牌體驗的關鍵部分。也就是說,當你正在瀏覽某個産品,當你滾動頁麵,當你翻轉手上的設備的時候,網站所呈現的感覺。這些正是設計中更為無形的方麵,它們跟設計的外錶一樣重要。為每一次互動製造微妙的差異也是增加網站個性的方法。
用戶期待網站能在任何設備上操作。確保設計不會在某個尺寸的屏幕或者某個瀏覽器上麵崩潰是非常重要的,隻要遵守 “移動優先”和“漸進優化”原則來建立網站的話就可以輕鬆實現。同時很重要的一點是,網站設計師要認識不同瀏覽器的可能性與不可能性,用HTML、CSS 和JavaScript 進行設計的時候應該清楚該如何著手。
網絡的無形本質以及電商網站的大量頁麵意味著很難發現到每一個錯誤。也由於參與創作的人員數量之多,很多細微的錯誤會齣現。某個設備上的版式齣現瞭小小的轉化齣錯,或者方塊的運用不一緻,這些問題仿佛沒有關聯性,卻影響著用戶對品牌的認知。
網站內容的策劃和組織也是創建一流電商網站的關鍵元素。當一份設計需要持續的內容更新,對於網站管理者來說是件頭痛的事,但對用戶來說一成不變的網站會是枯燥乏味的。
除瞭直觀性、高質量、與用戶的期待一緻,網站需要創造購買的渴望。獨特的內容和有趣的故事講述需要鋪設於這些基礎之上,能zui有效地讓網站在競爭中齣類拔萃。
找到平衡
創建高效的電商網站就是要平衡不同的區域,使其擁有鮮明個性、高辨識度,但不會在用戶體驗上妥協,容易操作但不平淡,能靈活適應不同的內容但不會顯得急躁。同時需要不斷的檢查和改良,確保滿足品牌和消費者的需求。
就如實體概念店,你可以把一個電商網站做得想有多創意就有多創意,不過假如上麵賣的衣服很難找或者店鋪員工幫不瞭什麼忙,那肯定沒人會買單。
電商品牌形象設計 下載 mobi epub pdf txt 電子書 格式