多能力AI聊天界面设计:Genie的结果空间界面设计预览

多能力AI聊天界面设计:Genie的结果空间

作者:界达设计工作室(JVDS) 阅读时间:约 4 分钟

Genie用文件、图像、翻译和语音卡片介绍多种能力,也用不同的历史卡保存图像与搜索结果。多能力AI聊天界面设计有两个阶段:开始时帮助用户发现方向,工作时帮助用户读完答案。让功能入口在这两个阶段改变位置和分量,是这套图值得继续推敲的地方。

能力卡片告诉人可以从哪里开始

大屏左侧为Chat Results,右侧为New Chat。四张能力卡排列在输入框上方,图形与名称共同表达Chat Files、Images、Translate、Audio Chat。淡紫、淡绿背景与圆角卡片让功能区保持轻松,也避免名称只藏在侧边图标里。

左侧历史与右侧当前任务并排,为回访和继续工作保留了不同位置。已生成图像靠大图与缩略图辨认,对话中的文档则靠预览与原问题辨认;界面并没有把所有对象都变成同样的文字行。

不过,当前对话已有回答,能力卡又覆盖部分正文。卡片在开始阶段有发现价值,答案出现后则应退到简洁的模式标识或可展开入口。操作的可发现性和结果的可阅读性,需要按任务阶段分配空间。

Genie大屏历史与四类能力卡片
右侧输入框上方|功能介绍结束后,当前模式应有明确提示

附件跟着问题出现,也要有可查身份

手机对话将文档预览放在原问题旁,下面再展开分点回答。原材料、请求与答案属于同一轮内容,关系容易追踪。两种格式图标让文件类型可辨认,但缩略正文不能替代完整文件名、版本和处理状态。

多文件回答若需要核对,条目可以指向具体材料位置。用户不应为了知道一句话来自哪份文件,再翻回去逐张猜预览内容;示例中的数字也不能因出现在答案里就自动成为已核实事实。

界达设计工作室(JVDS)认为,手机上的Chat Files浮卡尤其需要调整阶段规则。它遮住第一条回答右半部,下一条又贴近输入区,直接影响当前任务。初始选择、文件处理和阅读答案可以采用不同布局,让长文始终有完整滚动和查看的空间。

手机文件对话中的附件、答案与浮动能力卡片
手机下半部|Chat Files卡片覆盖了部分摘要正文

历史卡保存识别线索,也应保存继续关系

手机历史的图像生成卡有鹦鹉主图、缩略图和+3提示,搜索卡则露出原问题摘要。用图像辨认图像、用问题辨认搜索,是这组界面很合适的区别,用户不用在相同标题间记忆是哪一次任务。

卡片右上都有打开箭头,为不同内容保留共同进入方式。打开后,应明确进入完整结果、原始请求还是可以续接的对话;+3也应连接其余内容,不能只作为好看的数量标记。

Today与Yesterday同时配16 October,日期规则需要校正。历史最基本的任务是帮助找回那一次工作,时间与内容线索应彼此吻合。Genie的启发在于不同能力拥有可辨认入口和结果,下一步则是让入口适时收起,让材料、答案与历史持续接在一起。

手机历史内的图像生成与搜索卡片
历史列表上下两卡|内容线索帮助识别,打开后应继续连接原任务

为多种能力保留同一条任务线索

AI助手、文件工具和多媒体工作台,可以按开始、处理中、阅读与回访安排功能入口,让模式、材料和结果的关系始终可见。

界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可协助规划多模式对话、文件处理与结果历史界面。

联系界达设计,聊聊你的项目

咨询电话:17346567675 聊聊你的项目
链接复制成功

从想法到落地,我们一起完成

以用户体验为核心,打造真正可用、可增长的数字产品

和我谈谈您的项目