設計師都該懂的包容性網頁UI/UX設計模式:知名設計師教你親和性網頁的實作祕密[88折]11100891073 TAAZE讀冊生活網路書店
1. 透過LINE購物進入蝦皮後禁止再透過蝦皮直播下單,避免訂單認列異常
2. 請務必「清空」蝦皮購物車,再透過LINE購物連結至蝦皮商店進行購買 ;先把商品加入購物車,再從LINE購物連結至蝦皮結帳,將無法獲得點數回饋。
3. 請避免連續下單,若您完成交易後,想下第二張訂單,請重新從LINE購物連結至蝦皮商店進行購買
4. 電子票券及繳費服務類別:回饋0%。
5. 請留意,蝦皮超市內的商品(蝦皮超市、蝦皮直送美妝、蝦皮免運直送)不隸屬於蝦皮商城,點數回饋請依照「蝦皮超市」商店頁為主。
6. 蝦皮商城之訂單適用於部分點數紅包,規範請依該紅包頁說明為主。
7. 點數回饋將依照蝦皮提供扣除折價券、運費與蝦幣後之最終金額進行計算。
8. 同一商品品項(即便不同尺寸規格),皆會計入同一筆返點上限進行計算
9. 用戶需於同一瀏覽器進行交易(若自動跳轉 APP,請在 APP交易)。
10. 若使用不同物流或付款方式,將拆分成不同筆訂單編號發送通知。
11. 若使用折價券折抵,可能會有攤提折抵導致訂單金額些微落差
12. 蝦皮會將LINE的導購跳轉紀錄與蝦皮的會員ID進行綁定,若後續七天內未透過其他媒體來源導入蝦皮官網,則七天內於該蝦皮帳號下訂的首筆訂單會被蝦皮認列為該LINE用戶導購跳轉時所成立之訂單。
13. 若同一用戶使用一個以上蝦皮帳號透過LINE購物進行導購,將可能導致無法收到導購通知,亦可能無法收到點數,再請留意。
[注意事項]
1.如導購途中用戶由網頁版(電腦版/手機版網頁)切換為 App 會造成追蹤中斷而無法進行 LINE Points 回饋
2.若購買過程中關閉蝦皮APP,則需重新透過LINE購物前往蝦皮商城,否則無法進行LINE POINTS 回饋。 / 3.如用戶先前往蝦皮商城將商品加入購物車,後續透過LINE購物前往至蝦皮商城將購物車結清,此方案將不列入 LINE Points 回饋
4.若因系統異常無法追蹤訂單,致使消費者無接收到點數回饋,蝦皮保有更改條款與法律追訴之權利
5. LINE購物商品價格若與蝦皮賣場實際價格有異,以蝦皮賣場價格為準商品描述
商品資料
作者:Heydon Pickering
出版社:博碩文化股份有限公司
出版日期:2019/11/12
ISBN/ISSN:9789864344277
語言:繁體/中文
裝訂方式:平裝
頁數:240
原價:450
------------------------------------------------------------------------
內容簡介
包容性強的網站將為更多人帶來完善的使用者體驗!
包容性網頁UI/UX設計模式可讓你的網站親和性UPUP!
以包容性設計模式的角度來思考網頁的親和性及可用性體驗,剖析如何獲得更多人造訪及使用的祕密!
當設計師製作出包容性及親和性差的網站及應用程式時,這並非是缺乏網頁製作技能或才華的緣故,而是因為沒有掌握好網頁設計的正確方式。而所謂的「包容性網頁設計」是指製作出可讓「所有人」訪問及使用的網頁,也就是說,設計師要從「包容性」的角度來思考,才能真正打造出完美的使用者體驗。
「以人為本的包容性設計」便是本書的精神所在。本書作者是一位包容性設計師,他以「包容性」的角度來研究常見的介面模式,可幫助你快速了解如何運用及重複運用包容性設計,從而為你帶來更廣泛、更忠實的客群。當了解如何製作親和性網頁時,將可使你成為更出色的網頁開發者。不論是網頁設計師、前端開發人員、測試工程師,皆可從本書中獲得啟發。
你能夠從本書中學習到:
★親和性的神話和誤解以及常見的解決方案和經驗法則。
★可立即使用經過良好測試、可訪問的HTML/CSS元件。
★如何正確使用WAI-ARIA的role屬性和網頁內容親和性指南(WCAG)。
★如何解決響應式網頁設計(RWD)中常見的親和性問題。
★如何處理跳過連結和外部連結以及導覽區域和地標。
★如何保持標籤、按鈕、目錄、動態小工具和頁籤介面的可訪問性。
★如何無障礙地實現無限捲動、網格顯示和動態內容。
★如何處理密碼驗證、錯誤訊息、網頁表單、JavaScript模式和觸控目標。
★如何保持舊版瀏覽器中的介面可訪問性。
★如何在設計原型時考慮到親和性。
作者簡介
Heydon Pickering
Heydon Pickering是一位實用主義設計師、作家及演說家,同時他也是Smashing Magazine的親和性編輯、Paciello Group的顧問。他對於使用創新的方式來使網頁更具有包容性很感興趣。當他不從事寫作、撰寫程式碼及畫圖的時候,他會參與心理健康活動、聲音設計實驗,並用他失真的電吉他彈奏重金屬音樂。
目錄
|Chapter 01| 前言
1.1 重新構思網頁設計
1.2 包容性設計
1.3 包容性按鈕
|Chapter 02| 文件
2.1 文件類型
2.2 語言屬性
2.3 響應式設計
2.4 字型大小
2.5 漸進增強
2.6 管理資源
2.7 字型子集
2.8 title元素
2.9 main元素
2.10 將頁面組合在一起
2.11 關於框架、預處理器和任務執行器
|Chapter 03| 段落
3.1 字型
3.2 排版
3.3 行距(
3.4 區分行內連結
3.5 自動增加圖示
3.6 撰寫文案
3.7 小結
|Chapter 04| 部落格文章
4.1 main元素
4.2 標題結構
4.3 article元素
4.4 漸進增強與互用性
4.5 標題與連結文字
4.6 視頻
4.7 建立流式系統
4.8 小結
|Chapter 05| 依照模式評估
5.1 依照原則評估的問題
5.2 自訂元素和Shadow DOM
|Chapter 06| 導覽區域
6.1 導覽地標
6.2 全站導覽
6.3 目錄
6.4 小結
|Chapter 07| 選單按鈕
7.1 外觀
7.2 渲染圖示
7.3 標籤
7.4 舊版瀏覽器
7.5 操作
7.6 觸控目標
7.7 小結
|Chapter 08| 包容性原型
8.1 紙原型
8.2 從紙到程式碼
|Chapter 09| 產品清單
9.1 清單的優點
9.2 關鍵資訊
9.3 產品縮圖
9.4 「立即購買」動作
9.5 小結
|Chapter 10| 篩選小工具
10.1 標記
10.2 CSS增強
10.3 JavaScript增強
10.4 載入更多結果
10.5 顯示選項
10.6 接受動態內容
10.7 小結
|Chapter 11| 註冊表單
11.1 表單的上下文
11.2 基本表單
11.3 必填欄位
11.4 顯示密碼
11.5 表單驗證
11.6 微文案
11.7 小結
|Chapter 12| 測試驅動的標記
12.1 選擇器邏輯
12.2 測試驅動的頁籤介面
12.3 並非一體適用
|Chapter 13| 未來的學習方向
13.1 書籍
13.2 部落格
13.3 其他相關書籍