设计与体验
以用户是否完成任务来评判的界面设计
好的设计不等同于好看的设计。我们从观察用户尝试产品存在的目的开始,找出他们卡壳的地方并修复问题。美学很重要——它们传递可信度——但它们应服务于结构,而非取代结构。
Background photo by Luna Lovegood on Pexels
此方案解决的问题
大多数重新设计是由内部品味驱动,而非证据。结果看起来时尚,上线后转化率却与之前相同或更差,因为没人找出真正阻碍用户的问题。同时,每个新页面都从零开始设计,因为没有系统存在。
您将获得的服务
研究与现状审计
分析数据回顾、用户会话录像、启发式评估及与真实用户的访谈。这将把主观意见转化为优先级问题清单。
信息架构与流程
在任何视觉工作前确定的结构、导航和任务流程——因为后续重排结构是导致重新设计超期的原因。
线框图与原型
覆盖关键路径的可点击原型,在编写任何代码前即可用真实用户测试。
设计系统而非页面
在Figma中定义的令牌、组件、状态和使用规则,并映射至开发团队将构建的代码组件。页面会过时;系统则持续有效。
内置无障碍访问
在设计阶段即按WCAG 2.2 AA标准检查对比度、焦点顺序、目标尺寸和键盘路径,此时修复成本最低。
可用性测试回合
在原型上进行有主持的测试会话,并提供简短报告:失败点、出现频率及建议变更。
我们的工作方式
发现
分析数据、录像、访谈及启发式审计。
定义
在设计开始前与您确认优先级问题清单。
结构
信息架构、流程与线框图。
早期测试
在线框原型阶段进行可用性测试,此时修改成本最低。
设计系统
视觉语言、令牌与组件。
交接
为开发者提供带注释的规范、状态及边缘情况文档。
您应当期待什么
- 任务完成度在改版前后进行衡量,而非仅提供新外观
- 开发者可基于可靠的设计系统进行构建,无需猜测
- WCAG 2.2 AA 级问题在设计阶段而非审计阶段被发现
- 已记录的边缘情况与空状态/错误状态
构建于
- Figma
- FigJam
- Maze
- Hotjar
- GA4
- Storybook
- Tailwind CSS
- Radix UI
Mainstream, well-supported technology — chosen so you can hire for it and so another team could take the project over.
UX/UI 设计 — your questions
包括那些大多数机构在页面上忽略的成本问题。
一次专注的 UX 审计与建议报告费用为 £2,000 至 £4,000,通常是最佳的第一步。营销网站的完整设计一般在 £4,000 至 £9,000;具备完整设计系统的产品或应用通常在 £9,000 至 £25,000,具体取决于不同流程的数量。
可以。我们交付带注释的 Figma 设计系统(含规范、状态及边缘情况),任何称职的开发团队均可实施。我们更倾向于交付明确无误的设计,而非需要我们解释的设计。
五次测试通常能发现大部分严重问题,且成本仅为构建错误产品的一小部分。若预算确实紧张,我们会压缩测试规模,但绝不会假装内部评审能替代真实用户测试——团队对自身产品过于熟悉,无法察觉用户的困惑。
它是可重用的令牌、组件、状态及规则集合,所有屏幕均由此构建而成,而非一堆一次性页面设计。前期成本更高,但后续成本更低:每个新功能均可复用现有组件,而无需重新设计。

