无线店铺视觉呈现

目 录4.1无 线 店 铺 视 觉 呈 现 的 重 要 性4.2无 线 店 铺 首 页 装 修4.3无 线 店 铺 活 动 页 装 修4.4无 线 店 铺 详 情 页 装 修 4.1 无 线 店 铺 视 觉 呈 现 的 重 要 性4.1.1 无 线 店 铺 装 修 趋 势1 无 线 店 铺 的 呈 现 情 况 及 主 要 进 入 端 口 情 况 分 析 笔者提出的问题 2为什么做手机淘宝店铺装修3无线店铺的全网发展流量关系 IDC 数据显示 4.1.2 消 费 者 在 无 线 端 的 行 为 习 惯 分 析（1）移动端人群在网上购物的时间特征 （2）移动端消费者的年龄特征 （3）移动端消费人群的主要购物习惯及行为特征 （4）移动端人群上网的主要目标 （5）移动端人群购物时最关心的信息 4.1.3 无 线 店 铺 装 修 的 重 要 价 值 无线店铺详情页展示 无线店铺女鞋尺寸展示 无线详情页装修入口 4.2 无 线 店 铺 首 页 装 修4.2.1 无 线 店 铺 首 页 特 征 分 析1 手 机 端 特 点 2手机端首页的流量流向特征 3 手 机 端 首 页 内 容 定 位 正 是 因 为 手 机 端 首 页 的 特 殊 性 ， 才 注 定 了 手 机 端 首 页 有3 个 方 面 的 定 位 内 容 ： 手 机 端 首 页 的 结 构 风 格 ， 要 求 精练 、 主 次 分 明 、 主 题 明 确 ； 手 机 端 首 页 的 内 容 模 块 ， 优 先 推 荐 由 分 类 、 活 动 、宝 贝 3 个 部 分 组 成 ； 手 机 端 首 页 应 优 先 选 择 具 有 趣 味 性 、 品 质 感 好 的宝 贝 ， 这 样 更容 易 吸 引 用 户 的 眼 球 。 4.2.2 无 线 店 铺 首 页 功 能 模 块1 无 线 装 修 入 口 及 后 台 操 作 2无线店铺首页模块组成部分 3各模块的特点及装修要点（1）店招 （2）左文右图模块，一般用于活动、店铺王牌宝贝、店铺形象呈现。 （3）焦点图模块，一般用于呈现店铺形象、推荐店铺活动及热销款产品。 （4）Mini Banner 模块，优先使用于宝贝分类中。 （5）标题模块，从文字上就可以看出是用来做分隔、引导的，一般其文字大小是关键，最多支持12 个中文字符，约17 磅，主要是做好文案引导。 （6）文本模块，最多支持50 个中文字符，约12 磅，是对商品的特别说明，更多的是视为宝贝与宝贝之间的分隔，或者说是宝贝的引导 （7）宝贝模块，用于导入商品，这是页面呈现的最重要部分。 通过色相对比 在图片上添加点击元素 （8）辅助线，用来清晰地划分区域，展示舒适的空间，促进精准分类。 4.2.3 无 线 店 铺 首 页 装 修 注 意 事 项1 基 本 原 则对 无 线 店 铺 首 页 图 片 处 理 的 总 结 ：因 为 手 机 是 手 持 设 备 ， 一 定 要 强 调 触 摸 感 官 的 习 惯 性 ；手 机 屏 幕 距 离 人 眼 比 较 近 ， 尽 可 能 让 产 品 的 细 节 清 晰 ， 达 到 让 用 户 眼 前 一亮 ；因 为 手 机 狭 长 ， 用 户 是 从 上 往 下 查 看 信 息 的 ， 要 求 信 息 不 要 太 多 ， 但 是 要考 虑 抢 眼 、 吸 引 眼 球 ， 具 有 互 动 性 。无 线 店 铺 装 修 的 基 本 原 则 ： 页 面 加 载 速 度 快 、 色 彩 鲜 明 、 结 构 清 晰 、 板 块分 明 。 2 注 意 事 项无 线 店 铺 装 修 注 意 事 项 ：无 线 店 铺 布 局 首 先 要 做 好 分 类 模 块 ， 首 页 是 一 个 店 铺 的 枢 纽 ， 比 PC 端首 页 有 更 重 要 的 责 任 ；无 线 店 铺 首 页 一 定 要 展 示 出 店 铺 的 主 营 宝 贝 和 店 铺 的 定 位 理 念 ；无 线 店 铺 首 页 要 考 虑 互 动 性 、 趣 味 性 、 专 业 性 、 基 调 定 位 ；控 制 无 线 店 铺 元 素 色 彩 的 使 用 ， 考 虑 统 一 协 调 、 主 次 分 明 、 层 次 递 进 ；考 虑 和 PC端 有 相 同 的 记 忆 符 号 ； 控 制 无 线 店 铺 首 页 长 度 ， 一 般 以 6 屏 以 内 为 佳 ， 控 制 模 块 数 量 。 4.3 无 线 店 铺 活 动 页 装 修4.3.1 无 线 店 铺 活 动 页 的 主 要 功 能无 线 店 铺 活 动 页 的 主 要 功 能 如 下 ：无 线 店 铺 活 动 页 面 是 可 以 独 立 编 辑 的 页 面 ， 大 大 方 便 了 活 动 信 息 的同 步 ， 无 线 店 铺 活 动 页 是 一 个 转 化 利 器 ；无 线 活 动 页 实 现 了 店 铺 页 面 之 间 的 互 通 ， 增 加 了 客 户 的 访 问 深 度 ；无 线 店 铺 活 动 页 成 为 老 客 户 营 销 必 备 的 工 具 。 4.3.2 无 线 店 铺 活 动 页 的 主 要 类 型无 线 店 铺 活 动 页 面 分 3 类 。（ 1） 单 品 推 广 需 要 的 活 动 页 面 ， 这 个 往 往 是 在 打 造 热 销 核心 单 品 时 使 用 ， 它 能 做 到 3 点 ： 信 息 传 达 一 致 ， 突 出 唯 一 性 ； 满 足 时 间 紧 迫 感 的 需 要 ； 适 合 于 单 品 强 调 买 点 ， 突 出 设 计 ， 专 区 只 为 一 个 单 品 而设 计 。 （2）活动推广时使用的活动页面，一般有两种场景：一种是追求整体活动感觉而做的活动专辑页面；一种是大促时而进行的独立页面设计。 （ 3） 产 品 搭 配 推 荐 时 做 的 活 动 页 面 ， 在 一 个 页 面 内 ，把 商 品 根 据 客 户 的 需 要 进 行 组 合 搭 配 ， 从 而 提 高 转 化 客单 价 。但 是 在 搭 配 时 需 要 注 意 ： 的 确 是 客 户 需 要 的 搭 配 ， 不 可 为 了 搭 配 而 搭 配 ； 注 意 产 品 陈 列 是 为 了 方 便 客 户 使 用 习 惯 ； 考 虑 满 减 、 优 惠 劵 等 优 惠 方 式 4.3.3 无 线 店 铺 活 动 页 装 修 流 程 无线店铺活动页装修案例分类页面 4.4 无 线 店 铺 详 情 页 装 修4.4.1 无 线 店 铺 详 情 页 的 重 要 性 在 无 线 时 代 来 临 之 际 ， 无 线 店 铺 详 情 页 显 得 越 发 重 要 了 ， 我 们 需 要比 PC 时 代 更 重 视 无 线 页 面 的 装 修 设 计 ， 因 为 现 在 店 铺 的 主 要 流 量 来 源已 经 集 中 到 无 线 上 来 ， 那 么 无 线 页 面 的 转 化 情 况 就 决 定 了 一 个 店 铺 的成 败 。 无 线 店 铺 详 情 页 的 好 坏 将 会 决 定 一 个 店 铺 的 生 意 如 何 。 在 装 修设 计 无 线 店 铺 详 情 页 时 需 要 注 意 三 个 方 面 的 问 题 ： 排 版 、 内 容 和 速 度 。这 是 因 为 首 先 ， 排 版 是 不 是 方 便 消 费 者 快 速 地 阅 读 ， 将 决 定 消 费 者 会不 会 在 我 们 的 无 线 页 面 上 停 留 下 来 认 真 查 看 商 品 并 可 能 形 成 转 化 成 交 ；其 次 ， 内 容 的 多 少 也 是 一 个 重 要 的 因 素 ， 因 为 无 线 端 屏 幕 小 ， 消 费 者一 次 性 看 到 的 信 息 内 容 比 较 少 ， 那 么 就 要 求 我 们 将 最 优 化 的 内 容 信 息呈 现 给 消 费 者 ， 帮 助 其 快 速 进 行 判 断 ； 最 后 ， 还 需 要 考 虑 消 费 者 访 问的 速 度 问 题 ， 因 为 如 果 访 问 速 度 很 慢 ， 将 造 成 客 户 体 验 不 好 ， 就 会 形 成 很 高 的 跳 失 率 。 4.4.2 无 线 店 铺 详 情 页 的 特 征无 线 店 铺 详 情 页 有 如 下 四 大 方 面 特 征 。（ 1） 场 景 ： 主 要 考 虑 到 消 费 者 在 访 问 无 线 页 面 时 的 场 景 ， 可 能 消 费 者在 车 上 、 床 上 等 休 闲 、 碎 片 化 时 间 的 场 景 下 查 看 无 线 页 面 ， 所 以 我 们 要考 虑 在 无 线 详 情 页 上 展 现 更 多 的 场 景 ， 让 客 户 更 加 快 捷 、 更 加 简 单 地 理解 和 认 知 产 品 。（ 2） 尺 寸 ： PC 端 和 无 线 端 的 页 面 尺 寸 不 同 ， 最 重 要 的 是 考 虑 好 页 面 的长 度 ， PC 端 是 800px， 而 无 线 端 是 960px， 主 要 考 虑 一 屏 的 高 度 ， 让 消费 者 在 一 屏 内 看 清 想 看 的 内 容 和 信 息 。（ 3） 策 略 ： 因 为 在 PC 端 消 费 者 可 以 快 速 地 切 换 页 面 ， 而 在 无 线 端 不 是很 方 便 切 换 ， 降 低 了 可 比 较 性 ， 所 以 我 们 要 考 虑 图 片 展 现 清 晰 ， 从 而 快速 促 成 客 户 有 强 烈 的 购 买 兴 趣 并 促 成 成 交 。（ 4） 架 构 ： 具 有 与 PC 端 不 同 的 架 构 设 计 方 法 。 4.4.3 无 线 店 铺 详 情 页 案 例 分 析 无线店铺详情页案例2 无线店铺详情页案例3 无线店铺详情页案例4 无线店铺详情页案例5 无线店铺详情页案例6 通 过 上 面 的 案 例 分 析 可 以 得 出 无 线 端 详 情 页 和 PC 端 的 不 同 之 处 ， 详 细 的 优 化细 节 总 结 为 如 下 几 点 ：图 片 文 字 不 能 太 小 ， 否 则 诉 求 就 会 不 清 楚 ； 图 片 占 用 空 间 不 能 太 大 ， 无 效 信息 不 能 过 多 ；如 果 细 节 展 示 不 清 楚 ， 则 无 法 让 消 费 者 明 确 宝 贝 内 部 结 构 ， 从 而 产 生 购 买 欲望 ；图 片 与 背 景 图 融 合 ， 无 法 凸 显 宝 贝 ； 单 纯 放 拍 摄 图 ， 无 法 表 达 明 确 的 宝 贝 信息 ；宝 贝 信 息 和 宝 贝 描 述 文 字 过 小 ， 买 家 无 法 看 清 宝 贝 信 息 ；宝 贝 重 点 展 示 不 突 出 ， 模 板 展 示 过 多 ， 浪 费 了 买 家 流 量 ， 降 低 了 购 物 体 验 ； 由 于 文 字 过 多 过 小 ， 无 法 看 清 ， 如 果 放 大 文 字 ， 将 占 用 更 多 的 图 片 空 间 。 本 章 总 结 本 章 节 是 在 无 线 时 代 来 临 后 电 商 的 无 线 呈 现 角 度 去 分析 了 无 线 的 重 要 性 ， 无 线 店 铺 的 首 页 、 无 线 分 类 页 和 无线 详 情 页 面 呈 现 注 意 点 和 方 法 ， 想 对 于 PC 端 不 同 ， 首页 的 重 要 性 突 现 ， 重 点 分 析 了 无 线 首 页 的 重 要 性 、 模 块 、注 意 点 。 本 章 练 习 题1 在 无 线 端 消 费 者 访 问 习 惯 的 四 个 主 要 方 面 是 什 么 ？2 无 线 店 铺 首 页 的 主 要 访 问 路 径 及 流 量 动 向 是 什 么 ？3 无 线 店 铺 首 页 装 修 设 计 的 主 要 注 意 点 是 什 么 ？4 从 无 线 店 铺 的 详 情 页 面 设 计 案 例 分 析 中 可 以 得 出 哪 些重 要 的 注 意 点 ？