应用设计指南

概述

应用是开发者在 ChatGPT 内构建的体验,在保持平台对话流的同时扩展功能。它们通过轻量级卡片、轮播和全屏视图呈现,无缝集成到 ChatGPT 的界面中。

最佳实践

原则

• 对话式: 自然延伸 ChatGPT
• 智能: 上下文感知工具
• 简洁: 专注于单一明确的操作
• 响应迅速: 快速且轻量
• 可访问: 支持多样化用户

良好的用例

应用应该:

• 自然融入对话
• 有时间限制或面向操作
• 提供即时有价值的信息
• 可视化总结
• 独特地扩展 ChatGPT

不良用例

避免以下工具:

• 显示长篇静态内容
• 需要复杂的多步骤工作流
• 使用空间展示广告
• 呈现敏感信息
• 重复 ChatGPT 系统功能

显示模式

Inline

直接出现在对话流中,通常在模型响应之前。

Inline Card

• 轻量级、单一用途的 Widget
• 支持快速操作/确认
• 限制为两个主要操作
• 无深度导航
• 无嵌套滚动

Inline Carousel

• 并排卡片用于快速浏览
• 最多 3-8 个项目
• 包含图片和最少的元数据

全屏

沉浸式体验,具有:

• 多步骤工作流
• 丰富的交互式内容
• 持久的系统编辑器

Picture-in-Picture (PiP)

• 持久的浮动窗口
• 支持并行活动
• 随对话动态更新

视觉设计指南

颜色

• 使用系统定义的调色板
• 保留 ChatGPT 的简约美学
• 谨慎使用品牌颜色

排版

• 继承系统字体
• 保持一致的字号
• 避免自定义字体变体

间距和布局

• 使用系统网格间距
• 保持一致的内边距
• 尊重视觉层次

图标和图像

• 使用单色、轮廓图标
• 遵循纵横比要求
• 避免在响应中嵌入标志

可访问性

• 保持对比度比率
• 提供替代文本
• 支持文本调整大小

语气和主动性

内容指南

• 保持内容简洁
• 以上下文为导向
• 避免促销语言
• 专注于有用性

主动性规则

• 呈现上下文相关的信息
• 避免主动推送促销内容
• 保持用户信任

本指南为开发者提供了在 ChatGPT 平台上构建高质量应用体验的全面设计原则和视觉规范。