首页

兰亭妙微实战复盘:竞品对标拆解,深挖电商 APP 全页面体验痛点

涛涛 交互设计及用户体验

北京兰亭妙微深耕电商 UI/UX 设计多年,服务数十款跨境、综合电商产品。在长期改版项目中我们发现,很多 APP 仅能实现基础功能,对比成熟竞品后会暴露出大量隐性体验缺陷,这些细碎问题持续拉低转化、造成用户流失。本文结合跨境电商旧版产品复盘案例,对标考拉、唯品会、拼多多等成熟平台,拆解全链路页面存在的典型设计短板,为电商产品迭代提供完整自查思路。

深度拆解产品 0-1 全链路设计逻辑 —— 兰亭妙微实战进阶 01

涛涛 设计思维

“能完整搭建产品叙事、定义用户场景与服务流程的设计者,才能真正掌握产品未来的走向。”
每一位体验设计师都渴望完整跟进一款产品从 0 到 1 的全流程,完整吃透业务底层逻辑,既能大幅沉淀系统化设计思维,也能建立完整的产品全局认知。但实际项目中,多数设计师仅承接成熟产品碎片化迭代需求,缺少完整前期探索经验,面试复盘、项目复盘时极易逻辑断层。本文结合兰亭妙微数百个政务、工业、企业管理系统落地案例,完整拆解产品立项前探索期全套设计动作,交付落地、上线迭代内容将在后续篇章分享。

《用户体验要素》读书笔记 —— 兰亭妙微实战解读

涛涛 交互设计及用户体验

作为深耕政企、工业、数据可视化领域的专业设计团队,兰亭妙微在十余年全链路 UX 项目落地中,始终以《用户体验要素》五层模型作为底层设计框架。该书由 Jesse James Garrett 提出,将产品体验拆解为战略、范围、结构、框架、表现五大层级,从抽象目标落地到具象视觉,搭建起一套可落地、可复盘的标准化设计思维。本文结合团队真实项目经验,梳理五层模型核心逻辑与实战应用思路。

用户行为分析与以用户为中心的设计 —— 兰亭妙微实战设计方法论

涛涛 交互设计及用户体验

作为深耕十六年全链路 UI/UX 设计的专业团队,兰亭妙微(蓝蓝设计)长期服务政企、工业、金融、医疗等数字化系统项目,在数百套 B 端软件、数据可视化平台落地过程中总结出一套完整逻辑:依托用户行为分析挖掘真实需求,贯彻以用户为中心的设计思维,平衡产品功能、用户体验与商业目标,从根源解决界面繁杂、操作低效、用户流失等行业痛点。

设计思维核心第一课:深度读懂共情|兰亭妙微实战解读

涛涛 交互设计及用户体验

设计思维是以人为本解决问题的标准化思路,而共情是整套流程的起点,也是决定设计方案能否落地、贴合用户真实需求的根基。兰亭妙微常年深耕政企 SaaS、移动端、后台管理系统设计,在大量项目中发现,很多产品体验差、功能脱离实际,根源就是设计师缺少共情思维,仅凭主观经验做设计。本文结合团队落地经验,拆解共情的定义、实操方法与核心价值,理清共情与同情的本质区别,帮助设计师建立用户视角。

为数字项目制定用户体验策略的 6 个实用工具

涛涛 交互设计及用户体验

当下数字化项目成为互联网行业主流,但很多团队做产品时忽略用户体验前置调研,仅凭主观预判用户行为,导致产品体验割裂、商业目标难以落地。文章提出以用户为中心的设计逻辑,完整工作链路分为:收集问题→转化方案→划分模块优先级→落地执行,并介绍 6 套标准化 UX 工具,打通商业、用户、技术三方视角,搭建完整用户体验策略。
用户体验的核心目标:消除用户与品牌交互的阻碍,兼顾用户需求、情感感受与产品可用性,平衡商业收益、技术实现、用户诉求三大维度。

体验设计进阶能力充电指南|兰亭妙微实战分享

涛涛 交互设计及用户体验

很多 UI、体验设计师都会对照行业能力分级表规划成长路径,初级、中级、高级的技能清单看似清晰,但实操中常会陷入瓶颈:单项技能达标,综合能力却难以匹配职级。兰亭妙微团队深耕体验设计多年,我们认为真正的进阶,不只是夯实视觉、交互基础,更要向上补齐业务、调研、落地类复合能力,站在产品与业务视角思考设计,以下六大核心提升方向,均来自团队真实项目沉淀。

设计如何落地体验升级|兰亭妙微实战总结

涛涛 交互设计及用户体验

北京兰亭妙微常年承接 APP、网页、管理系统全案 UI/UX 设计,在项目迭代中发现,多数产品体验差并非功能缺失,而是设计环节缺少完整的用户视角把控。很多设计师只关注视觉美观,忽略底层使用逻辑,最终导致用户操作繁琐、留存走低。结合多年落地案例,本文拆解七大核心优化维度,分享从设计层面改善用户体验的完整思路。

设计师必看:分清客户与用户,设计才不会做无用功|兰亭妙微

涛涛 用户研究

不少刚入行的 UI、平面设计师做项目时,很容易陷入一个思维误区:把付费对接的甲方等同于产品最终使用者,全程只盯着客户喜好做设计,忽略真实使用人群的需求,最后产出的方案甲方满意,终端使用者却很难上手。深耕政企 B 端界面、可视化设计多年的兰亭妙微,在数百套系统项目落地中发现,厘清客户与用户的边界,是做出有效商业设计的第一步。

兰亭妙微ui设计公司分享:旅行Widget怎么设计?Trip Widget全流程体验设计实践

清阳 交互设计及用户体验

兰亭妙微ui设计公司分享:Widget 是一个被全球生态验证了二十多年的成熟载体,却在旅行场景中一直“存在感不足”。这背后,不是技术或载体本身的问题,而是我们对旅行体验的理解还未真正延伸到桌面这一层。

本次分享以 Trip Widget 的设计实践为例,聊聊如何以 Widget 为智能载体,把“行前—行中—行后”的完整旅程整合进一个桌面组件,让服务真正适应场景,而不是让用户去管理碎片。

01.旅行类 Widget 使用率为何偏低?

1) Widget 作为成熟载体的现状

Widget 已有二十多年发展历史。

1998 年诞生于桌面端,2008 年进入移动端,覆盖海量设备。

2020 年 iOS 14 将 Widget 提升为系统级核心功能,相关数据显示,iOS 14 后 Widget 使用显著增长。

作为信息触达载体,Widget 的价值已经被反复验证——它可以让信息更主动、更及时地触达用户。

2) 在旅行场景中的“错配”

尽管如此,在旅行场景下,Widget 的实际使用却远不如预期,我们看到两层问题:

  1. 市场认知缺位:部分主流 OTA 尚未系统化提供 Widget 能力,或仅覆盖单端。用户缺乏对“旅行类桌面组件”的清晰认知和使用习惯。
  2. 现有方案与旅行需求的结构性错配:许多 Widget 仍停留在“功能单一、信息静态”的形态,更像一块“会更新的壁纸”。部分方案按行前、行中、行后拆分成多个独立组件,用户需要为不同环节反复添加和管理多个 Widget,导致体验被割裂。

而旅行本质上是一个多场景、连续动态的体验流程:从灵感激发 → 行程规划 → 出行途中 → 目的地体验 → 行后总结。当前“单一功能、场景割裂”的 Widget,与“多场景、动态演进”的旅行需求存在根本性错配。

02.让 Widget 真正“理解旅程”

1) 设计问题的提出

依托一站式旅行生态,我们提出了一个核心问题:

能否以 Widget 为智能载体,深度整合生态能力,让它主动感知并响应动态旅程中的每一个场景?

换句话说:

能否打造一个真正理解用户旅行状态的 Widget,而不是一个只会展示静态信息的组件?

2) 设计答案: Trip Widget — 你的一站式随身旅行伙伴

它具备以下特征:

  • 根据用户的旅行状态主动感知并切换模式。
  • 在不同阶段整合展示最关键的信息与功能。
  • 将“桌面组件”进化为“持续陪伴旅行流程的场景化服务入口”。

下面,我们用四个典型场景来说明这一范式转变。

03.场景拆解:从灵感到工具的全流程陪伴

场景一:行前没有规划 —— 灵感激发模式

用户状态

  • 时间:慵懒的周日下午。
  • 心理:想去旅行,但还没有确定目的地和方案。
  • 核心问题:“上哪儿能找到优惠又靠谱的旅行灵感?”

Widget 行为

  • 主动切换为「灵感激发模式」。
  • 展示精选特价机票与热门目的地。
  • 通过 TG 智能推荐,提供个性化旅行灵感(例如“周末短途”“亲子友好”“海岛度假”等)。

体验变化

  • 用户不需要主动打开 App、搜索和筛选。
  • 在桌面即可获得可能的旅行方案,实现从“自己找”到“被推荐到”的转变。

场景二:已有行程 —— 行程规划助手模式

用户状态

  • 已经预订了前往某城市的机票。
  • 核心问题:“还需要预订哪些项目?那里有什么值得体验的乐趣?”

Widget 行为

  • 自动切换为「行程规划助手模式」。
  • 提供接送机、租车等周边产品的快捷预订入口。
  • 展示目的地热门景点等入口,帮助用户发现地道体验。
  • 通过 TG 专业指导,给出必游景点的个性化推荐。

体验变化

  • Widget 不再只是信息展示,而是行程规划的关键入口之一。
  • 用户在桌面即可完成行程的补全与深化,减少频繁切 App 的负担。

场景三:赶飞机途中 —— 出行掌控模式

用户状态

  • 正在乘车匆忙赶往机场。
  • 核心问题:“我的航班号是多少?该去哪个登机口?会不会延误?”

Widget 行为

  • 进入「出行掌控模式」。
  • 实时展示航班时间、登机口信息与状态(值机、登机、延误等)。
  • 提供一键查看后续行程的入口,高效管理当日行程。

体验变化

  • 用户无需打开 App 深层页面查找信息。
  • 在桌面就可以完成航班确认与行程检查,显著降低出行焦虑。

场景四:目的地餐厅 —— 即时工具助手模式

用户状态

  • 坐在异国餐厅,面对一份看不懂的菜单。
  • 核心问题:“这道菜是什么?这瓶酒大概要花多少钱?我会不会点错?”

Widget 行为

  • 切换为「即时工具助手模式」。
  • 提供菜单翻译与菜品介绍,帮助跨越语言障碍。
  • 提供实时汇率换算,辅助价格判断和决策。
  • 通过 AI 智能推荐当日人气餐厅,引导用户发现更地道的选择。

体验变化

  • 用户从“临时抱佛脚查资料”变为“随时有工具在身边”。
  • 桌面组件成为真正的场景工具,而不仅是静态信息面板。

04.设计方法沉淀:从功能堆叠到场景范式

1) 以“旅行流程”为主轴重构结构

传统做法

  • 按功能点/场景拆分为多个独立组件,用户需要为不同环节反复添加和管理。
  • 导致体验割裂,信息分散,缺少贯穿旅程的整体感知。

我们的做法

  • 以旅行全流程为主轴进行重构:行前:灵感激发 → 行程规划。行中:出行掌控 → 即时工具。行后:总结与分享(作为未来扩展方向)。
  • Widget 通过场景识别和状态切换,将这些环节整合进同一个体验框架。

用户感知的是“一个能跟着旅程变化的桌面伙伴”,而不是多个分散的功能入口。

2) 场景化的 Modern Design 视觉语言

在有限的 Widget 空间内,我们为不同场景设计了差异化视觉策略:

1)行程场景:信息优先

强化时间、航班号、登机口等关键数据的可读性。使用清晰的层级和对比,减少装饰性元素,以效率优先。

2)AI 场景:智能感

沿用TripGenie 的品牌色彩与视觉语言,让 Widget 在桌面上与站内智能助手保持一致的识别度。

3) 信息聚焦:每个场景只保留最关键的 3–5 个信息点

挑战

Widget 空间极为有限,容易成为“信息堆砌”的重灾区。

策略

  • 针对每个场景,我们先梳理用户任务,再反推最关键的信息点。
  • 以“完成任务必须看懂的内容”为标准,控制在 3–5 个核心信息。
  • 其他信息通过“进入详情页”等延伸交互承载。

4) 交互创新:内部场景的无缝切换

目标

希望一个组件就能承载旅程内的多重需求。

具体实践

  • 在同一个 Widget 中,通过点击等轻量交互实现模式切换。
  • 保持操作成本极低,同时提高用户对“Widget 会主动变化”的心理预期。

05.用户反馈

上线后,用户行为给出了清晰的肯定:

  • Widget 日均曝光显著提升。
  • 周留存率保持在较高水平,证明用户愿意长期保留并使用 Widget。
  • 每日为站内带来可观的活跃访问量,成为有效的站内流量入口。
  • Widget 用户的站内复访率明显高于整体大盘用户,呈现出更高的粘性。

最后,用一句话总结这次实践:

我们完成了一次从「让用户管理碎片」到「让服务适应场景」的范式转变。

  • 不再把复杂性留给用户,让他们在多个 App、多个页面、多个组件之间反复切换。
  • 而是让服务主动理解旅程,在合适的场景、合适的时机,把关键信息与功能送到用户面前。

这正是我们希望交付的新旅行体验范式,也是 Trip Widget 未来持续演进的方向。

 

转载:优设

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档