顾客旅程
评估
89 篇正文
顾客判断是否适合,可能反复进出。
获客与营销
商品与定价
店面与体验
Brand Values & Responsibility:价值观与责任声明
价值观与责任声明回答“这个品牌坚持什么、能否证明”,覆盖可持续、公益、供应链与工艺来源,要求每条宣称写明范围、时间窗、指标口径和证据形态,避免空泛环保表述。
Customer Testimonials:顾客证言
Customer Testimonials 顾客证言是精选个案而非总体评价;本文说明人物、语境、结果与授权要收集什么,并避免用单一个案暗示普遍效果。
Product Specifications:商品规格与参数
商品规格与参数回答这件商品的具体尺寸、重量、材质、兼容性和保养要求是什么,说明字段、单位换算、变体差异、测量公差、版本变化与 Shopify 结构化保存方式。
Proof Metrics:数据证明
Proof Metrics 数据证明指已服务顾客数、评分、推荐率等数字型证据;本文说明口径定义、统计时间窗、来源、取整与最高级、第一类比较表述的证据要求,以及动态数据与手写数字的区别。
Third-Party Reviews:第三方评价平台
Third-Party Reviews 第三方评价平台内容展示 Trustpilot、Google 商家评价等独立平台上的评分与评论;说明主页链接、评分快照日期、评价总数、邀请方式与选择性展示要核对什么。
User-Generated Content:用户生成内容
User-Generated Content 用户生成内容是顾客拍摄或发布的照片、视频与社交帖子;本文说明转载授权、来源可追溯、与评价和证言的边界,以及嵌入 Instagram、TikTok 内容的下架处理。
库存状态与到货通知模块
库存状态与到货通知模块如何用统一词表表达有货、低库存、售罄、缺货预订、预售、不可配送与不可取货,说明库存追踪关闭、多地点与本地取货下的判据,要求低库存与稀缺提示必须来自真实库存规则,并定义到货通知订阅的同意与隐私。
集合浏览与筛选模块:结果、筛选、排序与翻页
集合浏览与筛选模块如何在集合页与搜索结果页中组织大批量商品结果、筛选条件、排序口径与翻页位置,让筛选状态可由 URL 重建、可分享、可返回,并处理空结果、结果计数与可抓取边界。
交叉销售与追加购买模块:推荐、搭配与加购
交叉销售与追加购买模块如何在商品页、购物车和结账后语境中呈现搭配、升级、捆绑与加购,要求推荐依据可解释、不推荐不兼容或不可售商品、加购后购物车保持一致,并避免预勾选与隐藏拒绝等暗黑模式。
尺码与适配指引模块
尺码与适配指引模块如何在商品页提供尺码表入口、身高体重推荐、兼容型号与尺寸的适配检查,并说明推荐依据、单位与地区差异、退换和尺码反馈,无法确定时退回联系入口,避免伪造推荐或把未知当作合适。
评价展示模块:汇总、列表与筛选
评价展示模块如何在商品页把自有评价、评分汇总与分布、评论列表、筛选、媒体评价和商家回复组织成可核对的整体,并处理零评价与少量评价、结构化数据、无障碍和第三方评价的分开展示。
站内搜索模块:搜索框、建议与结果
站内搜索模块如何把搜索框、预测建议、结果页与无结果处理连成一个任务入口,说明拼写容错与同义词的边界、建议与结果的一致性、搜索词日志作为需求来源的用法,以及隐私与 combobox 无障碍要求。
证据条模块:评分、媒体与认证的组合
证据条模块把评分摘要、媒体 Logo、认证与支付事实、数据证明组合成首页或商品页顶部一行紧凑证据,要求每一项都指向权威条目、各自独立失效撤下,并说明展现取舍、数量优先级与不堆砌无来源徽章。
Badge:徽章与标签
说明「新品」「售罄」「-20%」「Best seller」这类 Badge 徽章标签的规则来源、时间窗与口径,与信任标志和促销内容的边界,以及颜色、对比度、屏幕阅读器读出和数量控制。
Before / After:前后对比滑块
说明 Before / After 前后对比滑块如何展示护肤、修图、装修、清洁等效果差异,这是高风险展现:需同条件拍摄、不修图并披露典型结果;依据 APG Slider、WCAG 2.5.7 与 2.1.1 讨论键盘与触摸操作、文字描述和并排替代形式,真实性与合规部分标注需要合规确认。
Callout:提示块与强调说明
说明 Callout 提示块如何在正文中承载提示、注意、警告与小技巧,区分它与 Banner、Toast、Modal 的边界,依据 MDN note、status、alert 角色与 WCAG 1.4.1、1.4.3、1.4.11 讨论语义选择与级别表达,并强调关键购买条件不得只靠 Callout 呈现。
Drawer:侧滑抽屉
说明 Drawer 侧滑抽屉与 Modal 的边界,何时用它承载购物车、筛选、移动导航或快速查看,以及模态与非模态抽屉的焦点、Escape、背景 inert、小屏全屏和无 JavaScript 退化要求。
Empty State:空状态
说明 Empty State 空状态如何区分从未有过、被条件排除与加载失败三类原因,给出下一步行动,不伪装成有内容,对应各模块的状态与退化,并明确空状态与加载、错误状态的边界及状态通知要求。
Hotspot:图片热点标注
说明 Hotspot 图片热点如何在 Shop the look 与场景图上标注可点击的商品或说明,区分 Media Gallery 与 Overlay,并覆盖文字等价、键盘与触摸目标、裁切漂移和每个热点的可售状态。
Pagination:分页、加载更多与无限滚动
比较分页、Load more 按钮与无限滚动三种长集合翻页方式,说明焦点与位置保持、返回按钮恢复、页脚可达、可抓取链接、nav 地标与 aria-current 等要求,并转述 Google 与 W3C 官方页面所写。
Popover:轻量浮层与提示
说明 Tooltip、Popover 与 Disclosure 的区别,何时用轻量浮层承载尺码提示、信息气泡或下拉说明,以及悬停、聚焦、触摸触发和 WCAG 1.4.13 对内容的要求,并强调不得承载关键购买条件。
Progress Bar:进度条与进度指示
说明 Progress Bar 进度条如何表达任务或目标的完成程度,区分确定与不确定进度、progress 与 meter 的语义,并覆盖免运费门槛、评分分布、多步骤流程与上传加载四类场景的真实性与无障碍要求。
Rating Stars:评分星级
说明 Rating Stars 星级评分在只读展示与可选择输入两种用法下的区别,覆盖文字等价、半星与取整口径、原生 radio 输入的控件语义、零评价与少量评价的退化,以及星级不得承载没有来源的分数。
Scroll Reveal:滚动触发动效
说明元素滚动进入视口时淡入、视差与粘性叙事的适用边界,依据 WCAG 2.3.3、Technique C39、MDN 与 web.dev 核对 prefers-reduced-motion、内容默认可见、首屏不延迟、CLS 与动画性能要求,并区分 Marquee 与 Carousel。
Skeleton Loader:骨架屏与加载占位
说明 Skeleton Loader 骨架屏如何在内容到达前用与最终布局相近的灰色占位保持版面稳定,依据 web.dev 的 CLS 优化建议、MDN aria-busy 与 prefers-reduced-motion 讨论布局位移、可访问性、闪烁动画,并强调加载失败必须切换到错误或空状态、慢接口要有超时处理。
Stepper:多步骤流程与步骤指示
说明 Stepper 如何把结账、尺码测量向导、选品向导与订阅设置拆成有顺序的步骤并指示当前位置,依据 W3C WAI 多页表单教程与 MDN aria-current 讨论有序列表语义、返回与保存进度,以及 WCAG 3.3.1、3.3.3、3.3.4、3.3.7 的错误处理要求,区分它与 Progress Bar、Tabs。
Sticky Bar:吸顶、吸底与悬浮固定元素
说明 Sticky Bar 吸顶导航、粘性加购栏、悬浮聊天入口与回到顶部按钮的适用边界,依据 MDN 与 WCAG 2.4.11 讨论 sticky 与 fixed 差异、遮挡内容与焦点、软键盘、安全区、视口占用及与 Banner 和客服入口的关系。
Swatch:色板与选项选择器
说明 Swatch 色板与选项选择器如何以色块、缩略图、文字按钮或下拉呈现变体选项,作为一组单选的语义与键盘操作,不可用与缺货选项的表达,选择后价格媒体库存的同步,以及选项很多时的退化与命中区域要求。
Shopify Article 文章页配方索引
从 article template type 进入购买指南与使用指南两种文章配方,说明按读者阶段选择配方的判据、alternate 模板的分配方式、article 模板与对象的已核验约束,并链接博客与文章的字段来源说明。
Shopify 购买指南文章配方
从 article template type 出发,说明帮助顾客比较与选择的购买指南文章:选型维度、比较表、推荐依据与利益披露、相关商品卡、订阅邀请,写清什么时候删模块,以及如何避免把促销伪装成指南,并落到 Shopify Theme 实现。
Shopify Collection 集合页配方索引
从 collection template type 进入品类集合页与活动或编辑型集合页,先判断是否需要 alternate template,再查页面内容、模块组合与 Theme 实现。
Shopify 品类集合页配方
从 collection template type 出发,组织品类集合页的集合说明、筛选浏览、商品卡、选型指南与相关内容,并给出空结果、售罄与 Theme 实现的取舍。
Shopify 集合列表页(list-collections)配方
从 Shopify list-collections template type 进入 /collections,说明顾客如何从多个商品范围中选入口,并处理空集合、重复分类、搜索入口与首页分类模块的分工。
Shopify 评价墙页面配方
从 page template type 出发,设计店铺级独立评价页:自有评价、第三方平台评价、用户生成内容与证据条如何分区且不混算,何时需要独立评价页而不是商品页评价区,以及 Shopify 上评价数据能否在 Page 中展示的已核验事实。
Shopify Product 商品页配方索引
从 product template type 进入标准商品页、预售与订阅商品页、尺码敏感商品页,再查页面内容、模块组合、alternate 分配与 Theme 实现。
Shopify 尺码敏感商品页配方
从 product template type 出发,为服饰、鞋、可穿戴与需要兼容型号的商品组织尺码与适配指引、规格表、变体库存、退换摘要和评价中的尺码反馈,并划清与 Size Guide 页面的分工。
Shopify 预售与订阅商品页配方
从 product template type 出发,说明销售计划驱动的预售与订阅商品页与标准商品页的差异:发货与扣款条款、取消与暂停入口、删除条件与 Shopify Theme 实现。
Shopify 标准商品页配方
从 product template type 出发,围绕当前商品完成判断与购买,确定媒体、购买区、规格、评价与相关商品的组合、删除条件和 Shopify Theme 实现。
Shopify 搜索结果页(search)配方
从 search template type 出发,说明 /search 结果页的页面组成:搜索框与建议、结果列表与筛选排序、商品页面文章混合结果的处理、无结果页的下一步、搜索词日志作为需求来源,以及与集合页的差异、共用部分和隐私边界。
导航菜单与链接列表:Menus、层级与主题呈现
说明 Shopify Content > Menus 里的菜单与菜单项、链接目标类型、层级深度上限,以及 Liquid 的 linklists、linklist、link 对象怎样把菜单交给主题,并给出把新页面加入菜单与验证页头页脚的步骤。
Search & Discovery:筛选、推荐与搜索设置
说明 Shopify Search & Discovery 应用管理的三类能力:集合与搜索页筛选、商品推荐(related 与 complementary)、搜索设置与商品提升,以及它们与主题、Liquid、Ajax 和 Storefront API 的连接和官方给出的数值上限。
Dawn 筛选、排序与分页:分区请求、URL 与移动抽屉
基于 Dawn v15.3.0 固定源码,追踪集合页与搜索页的筛选表单、Section Rendering 局部刷新、pushState URL、已选条件移除、价格区间、移动筛选抽屉与分页,并对照通用契约列出差距。
Dawn 页头与导航:下拉菜单、抽屉、公告栏与吸顶
基于 Dawn v15.3.0 固定源码,追踪页头分区组、下拉与 Mega Menu、移动抽屉菜单、公告栏和吸顶页头脚本,说明面包屑的搜索结果,并对照导航契约的 ARIA 与键盘要求列出差距。
Dawn 邮件订阅、商品徽章与评分星:表单与卡片实现
基于 Dawn v15.3.0 源码,梳理邮件订阅表单在 newsletter、email-signup-banner 与页脚中的实现和成功错误状态,商品卡与价格中的售罄折扣徽章,以及依赖 reviews 元字段的评分星,并如实说明未内置评价列表。
Dawn 预测搜索:建议请求、键盘行为与结果页
基于 Dawn v15.3.0 固定源码,追踪页头搜索弹层、predictive-search 元素、/search/suggest 分区请求、combobox 标记、键盘与状态播报,并对照站内搜索契约列出差距。
Dawn 商品媒体:图库、变体联动与放大浏览
基于 Dawn v15.3.0 源码,追踪商品页媒体图库、缩略图、变体切换时的媒体联动、放大 Modal,以及视频与 3D 模型的按需加载和无障碍实现,并对照通用图库要求列出差距。
Dawn 商品推荐:相关商品、搭配商品与空结果行为
基于 Dawn v15.3.0 源码,追踪 related-products 分区与 main-product 内置 complementary 搭配区块怎样请求推荐端点、渲染网格或分页滑块、处理空结果,并对照通用交叉销售、Carousel 与 Grid 契约列出差距。
Horizon 徽章、评分与订阅表单:内置能力与缺口
基于 Horizon 4.2.0 源码核查商品徽章、评分星标、邮件订阅表单的实现,并以全仓库搜索给出倒计时、尺码表、评论列表和弹窗订阅未内置的依据,对照通用页面列出差距。
Horizon 筛选、排序与分页:分区刷新、URL 状态与无限滚动
基于 Horizon 4.2.0 源码,拆解 Shopify 集合与搜索结果页的筛选表单、URL 与分区刷新、已选条件移除、移动端抽屉、排序,以及默认无限滚动与普通分页的差别,并对照通用模块列出差距。
Horizon 页眉导航:Mega Menu、移动抽屉、吸顶与公告栏
基于 Horizon 4.2.0 静态源码,拆解页眉分区组中的公告栏、桌面 Mega Menu、移动端菜单抽屉与吸顶滚动逻辑,并对照通用导航与抽屉契约列出无障碍差距。
Horizon 商品媒体放大与热点:画廊、缩放对话框与 Shop the look
基于 Horizon 4.2.0 源码,追踪商品画廊的媒体排序、放大对话框、视频与 3D 加载,以及 product-hotspots 的坐标、触屏退化和售罄状态,并对照通用页面列出无障碍与退化差距。
Horizon 预测搜索:搜索弹窗、分区请求与键盘交互
基于 Horizon 4.2.0 源码,追踪 Shopify 预测搜索从头部按钮、dialog 弹窗、分区渲染请求到结果面板的全链路,并对照站内搜索模块列出空状态、键盘、aria 与请求失败处理的差距。
Horizon 商品卡:上下文、子内容与快速购买
基于 Horizon 4.2.0 源码,解释商品循环怎样把商品传入 Shopify 商品卡,以及快速购买为何要继续读 JavaScript 中的缓存与跳转处理。
Horizon 商品页:模板、媒体与详情怎样组合
基于 Horizon 4.2.0 源码,追踪 Shopify 商品页从 JSON 模板到 Section 的上下文传递、媒体与详情布局委托及吸底购买条入口。
Horizon 商品推荐:分区请求、intent 与空结果回退
基于 Horizon 4.2.0 源码,说明商品页推荐区块如何用分区渲染接口按 related 或 complementary 取回商品、怎样为空时回退或隐藏,以及与商品卡、轮播的关系,并对照交叉销售模块列出差距。
Horizon 变体选择:从选项标记到返回 HTML
基于 Horizon 4.2.0 源码,从选择器 Liquid、请求 URL 到异步返回 HTML,追踪 Shopify 变体切换怎样更新购买按钮与数量状态。