SuperAPI AI 工具集

error-page-design

设计与创作

查看项目

更新于 10-16 08:36

技能介绍

用途:这是一份错误页与失败状态设计指南,用于设计 404、500、403 等错误页面和优雅降级体验。

主要能力与分层要点: 404(未找到):明确承认错误,例如“This page doesn't exist.”;提供搜索框、热门页面、首页链接;不要归咎用户;可选品牌化插图。 500(服务器错误):避免技术术语,例如“Something went wrong on our end.”;提供重试按钮、状态页链接、支持联系方式;自动记录错误日志;若非确实在处理,不要说“We're working on it”。 403(禁止访问):解释原因,例如“You don't have permission to view this page.”;提供登录链接、申请访问按钮、联系管理员。 离线状态:检测离线;有缓存内容时展示;提示“You're offline. Some features aren't available.”;连接恢复后自动重试。

设计原则:每个错误都需要说明发生了什么和下一步做什么;使用品牌语气,错误页也是触点;绝不向用户展示堆栈跟踪或错误码;提供反馈问题的入口。

使用方式与限制:资料未提供具体安装命令、代码示例或平台集成方式;适用场景为网站或应用的错误状态界面设计。