打开一份需要签署的文件,用户往往同时关心三个问题,文件是不是自己要处理的,哪些位置需要填写,完成以后会发生什么。dpopstudio近期以AItentico为例,讨论了电子签署界面的状态与阅读关系。兰亭妙微借这个主题分享交互设计观察,下面的流程采用假设的企业文件确认场景。原文配图按实际画面说明,补充界面单独标为AI概念示意,具体签署规则与身份要求由真实产品流程决定。
一位用户可能从邮件进入,也可能从工作台寻找待办文件。不同入口最终都需要说明当前文件的名称、版本、发起人和处理状态。假设同一个项目同时存在初稿与修改稿,仅显示一个宽泛的标题就不够。可以把版本或更新时间放在容易核对的位置,帮助用户判断自己是否打开了正确对象。
原文AItentico工作台主视觉,展示文档统计和最近活动。
列表里的“待处理”也需要结合角色理解。对发起人,它可能意味着等待其他人补充;对签署人,它可能意味着当前轮到自己填写。状态文字与下一步入口应共同表达这些差别。把不同角色的画面并排查看,能检查同一个词是否被用来指代了不同事情,以及使用者是否需要靠猜测才能继续。
工作台上的统计可以帮助了解整体情况,但进入具体文件的路径应当清楚。若数字卡片可点击,需要说明点击后看到的是哪个范围;返回列表时,也要保留刚才的筛选。评审可以从一条具体待办开始,观察用户是否能连续找到文件、进入阅读,再定位需要完成的部分。
原作配图中有一张支付信息页面。虽然它展示的任务与签署不同,表单的分组方式仍可作为阅读材料。具体到文件确认,姓名、日期、备注和签名等字段可以按任务关系组织,先说明这一组需要用户完成什么,再给出输入位置、当前状态和必要的说明。
原文支付信息页面,适合观察表单分组与主次操作的呈现。
设计稿还需要覆盖较长姓名、未填写字段与返回修改的情况。提示应能指向具体位置,让用户知道需要检查哪个输入。若某项内容来自已有资料,也可以把来源与可修改范围表达清楚。这样用户能够理解是沿用原有信息,还是本次需要重新确认,避免把自动填入误当成已经核对。
多人协作时,字段归属尤其需要稳定。当前用户能编辑的部分、其他人已经完成的部分和暂时等待的部分,应同时保留可理解的标签。灰色外观本身很难说明原因。可以在字段附近表达归属与状态,并在相应的流程说明中记录什么时候能够继续,方便团队核对显示与权限是否一致。
一套电子文件产品可能同时拥有列表、阅读器、确认弹层和记录页面。它们可以共享颜色、字体和按钮样式,也需要共享同一套状态含义。比如“完成”到底指当前用户填写结束,还是整份文件已经完成全部步骤,应在产品规则中先定义,再落实到不同页面的文字与图标。
原文设计系统图,包含文字、基础颜色与语义颜色。
可以把同一份文件在不同阶段的画面连起来看,草稿、待补充、等待他人、已完成,以及需要重新处理。每个阶段都保留相同的文件身份,同时说明当前可执行的动作。若某些动作会产生新版本,界面需要提供相应线索,让用户能继续找到之前看到的内容与本次变化。
状态说明不必全部挤进页面。高频且影响下一步的内容可以直接呈现,较长的历史记录可以放到独立入口。关键在于用户知道入口在哪里,也能理解记录与当前文件的关系。设计与开发交接时,可以用几条连续示例说明这些关系,减少只交付一组颜色色板带来的理解偏差。
假设文件有多个页面,用户需要边读边填写。文档区域、页码、字段提示与主要操作应当能够协同工作。进入某个待填位置后,仍应看得出它位于文件的哪一页,用户也要能返回前文核对内容。设计时可以用较长的示例文件走一遍,观察阅读位置是否频繁丢失。
AI概念示意,展示文档阅读、待填字段与当前签署进度。
屏幕尺寸变化以后,还要重新判断滚动和操作区域的关系。手机上的输入键盘可能占去大量空间,桌面端则可能同时打开缩略图和说明面板。可以分别安排实际任务路径,检查输入时能否看到字段名称,阅读时能否找到页码,返回确认时是否仍保留刚才的内容。
提交以后,页面需要说明当前已完成的事情、结果保存的位置和接下来可以执行的动作。如果仍要等待其他参与者,可以让状态与相关记录保持对应。异常情况也应进入评审,包括上传尚未完成、连接中断和用户主动返回修改,让操作后的反馈与实际处理结果相衔接。
电子签署界面的设计,可以从一份文件的完整阅读与处理过程开始观察。文件身份、字段归属、状态含义和操作反馈越能连在一起,用户越容易理解当前该做什么。我们会把这些关系放进原型和交付说明中,再结合真实业务规则持续核对。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。
