這樣設計就對瞭！電子商務網站使用者經驗設計 pdf epub mobi txt 電子書 下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

圖書標籤:

• 使用者經驗
• 電子商務
• 網站設計
• 用戶體驗
• 設計原則
• 交互設計
• 可用性
• 設計方法
• 網頁設計
• 用戶行為

　這本書關於什麼？
　　● 電子商務網站的規劃。
　　● 電子商務網站的行銷。
　　● 電子商務網站的介麵設計。
　　● 電子商務網站的錶單設計。

　　這本書寫給誰／誰需要閱讀這本書
　　● 統籌電子商務網站前端規劃的企劃師。
　　● 需要堆疊網頁骨架的介麵設計師。
　　● 專門替電子商務網站外觀拉皮的視覺設計師。
　　● 常常充當設計救火員的網頁開發工程師。
　　● 有建置電子商務網站的公司。

本書特色

　　如何開啓UX Design最大化，創造極上電商力
　　本書指導您，深入消費者角度，剖析消費者在電子商務網站上的目的和行為。
　　本書啓發您，管理和運用使用者互動資訊的思維。
　　本書引領您，瞭解電商産業中使用者的特性和商品/服務需求。
　　本書訓練您，利用透過與使用者交流，來改進平颱/介麵設計與管理流程。

CHAPTER 1 電子商務發展的趨勢
1-1 持續走嚮跨境全球化
1-2 行動裝置已經成為電子商務的銷售主流
1-3 全通路的一體全觀
1-4 運用AR和VR技術

CHAPTER 2 首頁扮演網站嚮導的獨特角色
2-1 瞭解不同裝置的使用情境
2-2 網站內容需滿足不同類型的綫上消費者
2-3 網站的嚮導
2-4 建構設計良好的首頁
2-5 搜尋是購物經驗的一部分
2-6 好的導覽係統帶您找到所需要的內容
2-7 消費者買的不隻是商品
2-8 吸引目光、擄獲人心的大主圖（Hero image）
2-9 讓消費者知道輪播幻燈片（Rotating Banners）的內容
2-10 提供多樣化的內容
2-11 善用頁尾獨特的價值
2-12 重要概念
2-13 一體全觀使用者經驗設計

CHAPTER 3 提供靈感的類彆頁
3-1 主動式邀約設計
3-2 多個層級的類彆分類
3-3 類彆頁的頁麵設計
3-4 提供生活靈感的主類彆頁
3-5 建立快速找到商品的商品清單頁
3-6 區域導覽選單提供商品種類的資訊
3-7 麵包屑導覽提供消費者所在的資訊
3-8 篩選器眼裏齣西施
3-9 排序模式提高瀏覽效率
3-10 依資訊需求提供不同瀏覽模式
3-11 清楚明確的商品資訊
3-12 同時比較多個類似商品
3-13 重要概念
3-14 完形心理學知覺法則的妙用

CHAPTER 4 建立具有說服力的商品頁
4-1 商品頁的第一印象
4-2 商品呈現的廣度和深度
4-3 商品概觀
4-4 建立清楚的商品採買區
4-5 消費者想要知道商品詳情
4-6 可以考慮Spaghetti麵條或是搭配的番茄醬
4-7 最近瀏覽過商品
4-8 重要概念
4-9 視覺設計上的溝通
4-10 範例說明

CHAPTER 5 打造完美的購物車
5-1 讓消費者知道商品已經加入購物車瞭
5-2 由消費者自行決定下一個步驟要去哪裏
5-3 購物車的介麵設計
5-4 購物車裏的商品跑去哪裏瞭
5-5 重要概念

CHAPTER 6 建置多功能的購物車頁
6-1 購物車頁的設計
6-2 購物清單明細的設計要素
6-3 重要概念

CHAPTER 7 結帳流程最佳化
7-1 結帳的流程
7-2 結帳流程最佳化
7-3 配送
7-4 付款
7-5 建立隱形的「Pay」流程
7-6 提高客戶黏著度的感謝頁
7-7 結帳流程的總觀
7-8 重要概念
7-9 善用正確的錶單控製項元素
7-10 元素上的一體全觀

CHAPTER 8 個案研究：蝦皮滋潤瞭PChome的幼苗
8-1 PChome 24h購物網站首頁
8-2 蝦皮購物網站首頁
8-3 PChome 24h購物網站類彆頁
8-4 蝦皮購物網站類彆頁
8-5 PChome 24h購物網站商品頁
8-6 蝦皮購物網站商品頁
8-7 PChome 24h購物網站購物車
8-8 蝦皮購物網站購物車
8-9 PChome 24h購物網站購物車頁
8-10 蝦皮購物網站購物車頁
8-11 PChome 24h購物網站結帳流程
8-12 蝦皮購物網站結帳流程
 

推薦序1

前Corel數位媒體産品部門副總　王維麟

　　初夏午後，我在華山1914再度與James相遇，一樣的沉著自信，一樣的目光炯炯，在滿室書牆的咖啡屋，我聽著James的故事，如同每個電子商務産品背後都有個故事，James帶領著我走入充滿設計氣味的世界，我們開始對話，James有時像一位大師，但不一會兒又變成一位精靈，穿梭走跳，我這纔領悟到，他正在引導我走入使用者經驗的曆程。

　　James是我之前在Corel的同事，負責産品的使用者經驗設計，以Corel這類消費軟體大廠來說，産品有縱深，路綫夠寬廣，這絕對是消費者經驗試驗中韆載難逢的戰場，James秉其設計專業，默默地建立起他在使用者經驗設計領域雄厚的實務經驗；有感於颱灣使用者經驗人纔之缺乏，James毅然走齣業者界，轉而投入瞭研究教學的工作，幾年下來，教育齣為數不少現今設計業中的菁英，然而，教學所能影響的設計者有限，James於是興起瞭齣書的念頭，期望數年來實務經驗及研究心得能讓颱灣的使用者經驗設計跟上國際腳步，讓颱灣能成為真正的設計體驗大國。

　　在本書中，James提供瞭大量的範例，在行動商務流行的今天，除瞭一般網頁版麵之外，另外加強瞭手機版的比較，其間運用瞭美學、設計學、行為心理學、數據分析等，巨細靡遺地剖析瞭消費者行為，以及設計者常犯的錯誤，隨著網路工具的進步，有許多以前難以做到的功能，現在都已逐步成型，其中又以互動功能最能帶來驚喜，這幾年來流行綫上綫下的互動行銷，帶給瞭消費者豐富的購物體驗，也強化瞭業主與消費者之間的溝通模式，不過，James也指齣瞭盲點，對消費者而言，實體和虛擬的通路均為使用者體驗的一環，必須視為一體，不能因為自己是電子商城，就忽略瞭綫下通路的經營。

　　我們常聽到音樂是沒有國界的，其實好的設計同樣也是沒有國界的，許多好的網頁設計，是超越文字隔閡的，James書中有一句話說得非常好，「消費者在瀏覽網頁時，不會在乎設計師用的是哪一門必殺設計絕技，他們隻求好的瀏覽體驗。」

　　這幾年來，由於網路商城的競爭，以單純綫上購物要贏得新客戶的青睞，成本已是越來越高，與其搶時效、免運費、互挖牆腳等兩敗俱傷的做法，還不如好好檢視自身電子商務的使用者經驗；我相信大傢都有經驗，在看颱灣的電視新聞報導時，主螢幕顯示條列式新聞訊息，下麵兩排跑馬燈，左邊再加垂直字幕，讓你眼睛都不知道該放哪裏，如果把同樣邏輯放在購物網站上，消費者同樣的不知從何下手，這樣的體驗會好嗎？要留住消費者則更是一種奢求，James給我看瞭颱灣某大購物網站十年前和現今入口網頁的比對，我驚覺這十年來這個主頁幾乎沒有什麼變化，基本上就是百花齊放式的布局，讓你看瞭之後會有一種想立刻逃離此地的感覺，這類使用者經驗貧乏的電子商城之所以業績疲弱，屢屢被競爭對手超越，是沒什麼好驚訝的，James也偷偷告訴我，他齣書背後的一個強烈動機，就是他實在看不下去許多颱灣的電子商城是如此地輕忽消費者體驗，他希望經過本書的推廣，能喚起人們對使用者經驗的體認。

　　時間似乎暫停在午後的這間咖啡屋，James像是介紹老朋友似的，讓我走進瞭他和他使用者經驗的故事，不知不覺中，咖啡都涼瞭；本書巧妙地將觀察、思考、分析融入到設計的元素之中，挑戰傳統，開創新局，我在James高瘦的身軀下看到執著，熱切的眼光中看到希望，我誠摯地嚮大傢推薦這本書！

推薦序2

遊石設計創辦人　張群儀

　　在我們日常生活中的許多設計，重點不在於物件的産齣，而在於體驗的營造。當我們購買大件小件的商品，這一整個消費流程實際上涵蓋瞭認知、購買、使用、與迴饋各個層麵。過程中的認知感受無非就是「使用者體驗」。以當下趨勢和科技的普及性來說，電子商務的銷售比重持續上揚，在整體消費體驗的前期，扮演瞭非常重要的角色。迴顧我們網路購物的經驗，從産生購物動機的那一刻開始，我們透過網路進行搜尋、瀏覽、比較、下單，然後物流送貨，一連串綫上綫下O2O的銜接與整閤，纔讓消費者得以快樂享用。在跨國跨境平颱激烈的全球化競爭下，各路好漢不得不各顯神通，提供最佳的服務來吸引顧客。有彆於傳統銷售渠道，地點與人潮已經不是成功的保證。誰能夠提供更好的綫上體驗纔能夠聚集網路人潮、提昇轉換率，並成為最後的贏傢。據此，電子商務網站的設計，更應該針對消費者行為模式來理解，從動機來進行設計，並簡化購物決策流程。如同作者所言，消費者具有五種類型：研究型消費者、優閑瀏覽型、交易型、社群購物型與衝動型。即使無法「韆人韆麵」地全麵客製化，也要能夠透過引導、功能與內容配置的適當錶現，來符閤不同類型的需要。迴想一下自己過往的購物經驗，何嘗不是在不同的角色特性中切換？此時網站是否提供瞭我們最需要的工具，好讓我們完成任務呢？作為一個網路銷售平颱，好的介麵設計就如同是好的櫥窗、好的門麵、好的氛圍、好的銷售員、與好的服務。如何透過設計來打造完美的電商，「設計模式」是一個有效的途徑，模式語匯的應用得以讓設計者以既有的「設計語言」與「互動模式」增強設計專業的深度。本書寫作透過電商功能性頁麵分類，逐一解說其設計重點。各章節內容說明和應用範例深入淺齣，電腦與手機設計原則齊頭並進。更加難得的是理論與實務相輔相成不偏廢，在心理學與人因工程學研究的佐證下，打破瞭設計的黑箱，讓我們得以一窺電子商務網站的堂奧。於是設計，我們知其然更知其所以然。

前言

　　隨著網路技術的日增月益，電子商務的銷售規模也越來越大，如何結閤綫上購物與實體店麵之間的購物經驗，一直是電子商務網站努力的目標。本書中會探索消費者在綫上的購物經驗，剖析他們的行為模式，來探究如何設計一個貼近使用者經驗，以及如何提高轉換率的電子商務網站。

　　書中分類的方式是以首頁、類彆頁、商品頁、購物車、購物車頁和結帳流程為順序性。所使用的研究數據，以颱灣的統計資料為優先，如果找不到公開的資料，則改用國外的資料作為參考。書中的範例網站，大都以英國和美國的網站為主軸，颱灣和澳洲的網站次之。為什麼不以颱灣的網站為主，當大傢都在同一個有限量的範疇內做思維時，設計齣來的東西，它的同質性就很高，變化性也不大，這就是颱灣網站整體的特性。

　　為瞭拓展不同的設計思維，書中總共使用瞭169個範例網站，而且橫跨不同的産業類型，從這些範例中，我們可以同時學習到這169位設計師的思維邏輯，有的很有深度，有的很有廣度，有的深度、廣度兼備，有的隻有淺層麵的設計思維。在學習上考量可能會有語言上隔閡，所有的範例都會將重要元素解成中文，讓讀者貼近原設計，瞭解有哪些特點值得學習，有哪些地方需要做調整會更好。

　　在部分章節的後麵，都有一篇設計專欄，專欄的內容是用來提升設計概念的基本功，內容包含使用者經驗設計、完形心理學知覺法則、視覺設計溝通和錶單元素的啓用，每一個專欄既各自獨立，彼此之間又串聯在一起。在完形心理學知覺法則的範例網站，有來自於泰國、印尼、荷蘭、俄羅斯、韓國等，其用意在於培養讀者們的觀看能力，語言隻是一個符號，即使您不懂該國的語言，也應該要能看懂它想要傳達的含意。

　　最後一個章節是關於介麵的剖析，透過解說PChome網站和蝦皮網站的使用者介麵，來學習與應用設計的思維邏輯。每一個章節的最後，都會列齣範例網站的網址給讀者參考。

　　在設計網站時，網站上的每一張網頁都有其主要的性質，它可以用來幫助設計師，去檢視頁麵上的設計是否恰當，其性質可以分為「導覽」、「消費」和「互動」三大類。

　　•導覽：頁麵上提供眾多的選項讓消費者選擇，然後在把他們送往下一個目的地。
　　•消費：頁麵上提供消費者所需的完整內容，讓他們充分瞭解商品/服務的資訊。
　　•互動：消費者透過頁麵上的介麵，來瞭解更多的資訊，或是完成所需的目的。

　　每一張網頁隻會有一個很明顯的主要性質，但是有時也會包含其它的次要性質。書中的每一個章節，都會先標齣該類彆的網頁性質，第一個是主要性質，其後纔接次要性質。

　　•「消費者」與「使用者」：書中使用「消費者」一詞，來泛指瀏覽電子商務網站的人，「使用者」一詞來泛指瀏覽沒有交易機製網站的人。

　　•「使用者經驗」與「使用者體驗」：這二個詞在英文上都是指UserExperience，書中會混閤使用這二個詞，取決於文詞上的順暢度。

　　有幸在職場上結識到的同事和朋友，以及在網路上默默貢獻智慧的作傢們，人生中如果沒有這些人的參與，這本書將無法實現。感謝深石數位科技編輯團隊，和Terisa設計師的幫忙，指導如何規畫與製作，讓這本書能夠如期的完成。

　　本書中所有圖像請勿移作它用，不得掃描輸齣、翻印而散播傳布、或作其它商業用途之用。
 

评分☆☆☆☆☆

我一直覺得，颱灣的電商市場雖然蓬勃發展，但許多網站的設計，常常停留在「有就好」的階段，缺乏對使用者深層次需求的考量。讀到《這樣設計就對瞭！電子商務網站使用者經驗設計》這個書名，我馬上聯想到許多次我因為網頁操作不便而中途放棄購物的經驗。例如，有時候我想找的特定商品，在搜尋結果頁麵根本找不到，或是商品資訊不夠清晰，讓我無法判斷是否適閤自己。又或者，結帳流程冗長，需要填寫的資料過多，讓人感到厭煩。我最希望這本書能提供的是，如何從使用者的角度去思考，如何讓整個購物流程變得更加直觀、流暢。想像一下，如果網站能夠清楚地呈現商品資訊，提供精準的搜尋與篩選功能，並簡化結帳步驟，那將會是多麼棒的購物體驗！我特別好奇，書中會不會探討到颱灣使用者在網路購物時的特殊習慣或偏好，例如對某些支付方式的偏愛，或是對商品評論的重視程度？如果能提供一些貼近颱灣市場的實際案例，並分析其成功或失敗的原因，那對於我們這些在地電商業者來說，無疑是寶貴的參考。

评分☆☆☆☆☆

這本《這樣設計就對瞭！電子商務網站使用者經驗設計》的書名，對我來說，簡直就像一道及時雨。身為在颱灣經營電商多年的業者，我一直以來都麵臨著一個難題：為什麼我的網站流量看起來不錯，但轉化率卻總是不盡理想？我花瞭很多心思在商品採購和行銷推廣上，卻忽略瞭最重要的環節——使用者在網站上的實際體驗。我常常會思考，是不是我的網站設計不夠友善？是不是使用者在瀏覽或購物過程中遇到瞭什麼不便，而我卻渾然不知？我非常希望能透過這本書，找到答案。我期待書中能深入解析，究竟是哪些常見的設計盲點，正在阻礙顧客完成購買，以及如何有效地診斷和解決這些問題。特別是，我希望書中能夠提供一些具體的、可操作性的方法，例如，如何進行使用者測試？如何分析使用者行為數據？如何根據使用者迴饋來迭代優化網站設計？若能提供一些颱灣電商的成功案例，並剖析其使用者經驗設計的優勢，那將是極大的啟發。我相信，唯有真正站在使用者的角度去思考，纔能打造齣讓人「一用就對」的電商網站。

评分☆☆☆☆☆

剛看到《這樣設計就對瞭！電子商商務網站使用者經驗設計》的書名，腦中立刻浮現瞭好幾次我在颱灣網購時遇到的「卡關」經驗。有時候，隻是想找一件特定尺寸的衣服，結果網站的篩選功能失效，或者需要層層點擊纔能找到；有時候，看到喜歡的商品，卻因為加購物車的按鈕隱藏在不起眼的地方，差點錯過。這些細節上的不順暢，纍積起來就會大大影響購物的心情，甚至導緻放棄購買。我非常期待這本書能夠提供一套係統性的思考框架，幫助電商業者理解「使用者經驗」的真正含義，並且知道如何從細微之處著手，優化網站的每一個環節。像是，如何設計一個直觀易懂的導航欄？如何呈現商品資訊纔能最有效吸引消費者？又或者，如何讓結帳流程變得簡潔明快，減少填寫的步驟？我尤其希望書中能探討，針對颱灣的使用者習慣，有哪些特別需要注意的設計細節，例如，是否需要更強調行動裝置的優化？對圖片的呈現方式有何偏好？若能有實際的案例分析，並且提齣具體的解決方案，那將對我非常有幫助。

评分☆☆☆☆☆

拿到這本《這樣設計就對瞭！電子商務網站使用者經驗設計》的瞬間，我就被它樸實卻又充滿力量的書名給吸引住瞭。身為一個在颱灣長期關注電商發展的消費者，我總覺得，很多網站雖然功能齊全，但就是少瞭一點「對味」。有時候是導航複雜得像在解謎，有時候是購物車的流程卡卡的，讓我想放棄購買的念頭。這本書的齣現，似乎正好點齣瞭我一直以來在網購體驗中感受到的痛點。我最期待的，是它能從「使用者」的角度齣發，深入剖析那些讓人感到順暢、愉悅的購物體驗背後，究竟藏著什麼樣的設計巧思。想像一下，從瀏覽商品、加入購物車，到最終結帳，每一個環節都能自然而然地進行，不帶絲毫猶豫或挫摺。我希望書中能提供具體的案例分析，例如颱灣有哪些電商平颱在使用者經驗設計上做得特別齣色，它們又是如何剋服在地文化的差異與使用者習慣的？更重要的是，我期待它能提供一些可行的設計原則和方法，讓非設計專業的電商經營者，也能夠理解並應用，進而打造齣真正能夠留住消費者的網站。畢竟，在這個競爭激烈的市場中，使用者經驗的優劣，往往是決定成敗的關鍵。

评分☆☆☆☆☆

對於《這樣設計就對瞭！電子商務網站使用者經驗設計》這本書，我的期待值非常高。身為一個在颱灣使用網路購物多年的消費者，我深刻體會到，一個好的使用者經驗設計，是讓我在眾多電商平颱中選擇哪一傢繼續消費的關鍵因素。有時候，即使我早就知道想買什麼，但如果網站的瀏覽介麵雜亂無章，或是商品分類不清，我就會感到心煩意亂，甚至直接關閉網頁，轉往其他平颱。反之，如果網站設計得簡潔明瞭，商品資訊一目瞭然，搜尋功能強大，且結帳過程順暢無比，那我就會覺得這次購物非常愉快，並且很可能成為該平颱的常客。我非常希望這本書能夠深入探討，究竟有哪些設計原則，能夠有效提升使用者的購物滿意度，並進一步轉化為實際的訂單。此外，我也期待書中能提供一些實際操作的技巧，讓電商經營者能夠理解，如何透過優化網站設計，來降低使用者的流失率，並提升顧客的忠誠度。畢竟，在這個資訊爆炸的時代，能夠讓使用者感到「對瞭」，纔是真正的競爭優勢。