问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

对话框文案设计指南:选择性对话框与信息类对话框的文案规范

创作时间:
作者:
@小白创作中心

对话框文案设计指南:选择性对话框与信息类对话框的文案规范

引用
人人都是产品经理
1.
https://www.woshipm.com/share/6061205.html

在APP设计中,对话框文案的清晰度和一致性直接影响用户体验。本文将重点探讨选择性对话框和信息类对话框的文案设计规范,帮助设计师和产品经理优化对话框的交互体验。

选择性对话框

选择性对话框是让用户进行选择性回答的界面元素。在设计时,初学者常犯的错误是用词不一致、重点不突出。例如:


图1. 该对话框表达内容不清晰,需要让用户读很多地方才能知道做什么

为了改善用户体验,建议采用以下结构:


图2. 更改后的对话框,主题更突出,用户理解起来更容易,浏览也更快速

选择性对话框的构成及文本撰写规范


图3. 选择性对话框的信息架构布局

  • 主标题: 应重点表达需要让用户确认的事情,从视觉上也应该着重表达。一般采用明确的陈述句、祈使句、疑问句作为主标题,如果是疑问句一定要加上“?”号。

  • 补充说明: 提供有助于理解或使用对话框的信息,如完成这件事的意义何在,影响何在,帮助用户理解对话框问答的重要性。如果没有可不显示,要保持宁缺毋滥的原则。这里经常见到的错误是,重复了一遍主标题。另外补充说明能很好的让用户理解这个对话框询问的必要性,所以在文案撰写时要注意后果描述,如果有必要,可注意更友好的语气避免生硬。

  • 行动按钮: 这里需要特别注意,主标题和行动按钮的语言需要保持一致。例如,如果主标题是以“是否”来询问,行动按钮要用“是”“否”。如果询问和回答不一致,会造成用户不理解,到底是删除还是不删除?如下图:


图4. 用“是否”询问时不能用“确认、取消”回答,否则影响用户理解


图5. 展示了正确的表达,“是否”提问,行动按钮用“是否”回答

语言细节也要保持一致,比如用”确认“询问,最好行动按钮也用”确认“,而不用“确定”,这样看上去行文更加有规范。


图6. 用“确认”询问,应用“确认”回答,语言的一致性更规范

信息类对话框

如果只是告知,不需要用户回答,通常采用toast的方式。如果非常重要的告知,又怕用户看不到,那么采用“信息类”对话框,并在下方放上“关闭”按钮或者“知道了”按钮文案。注意这类对话框,不要放”确定“按钮。


图7. “信息类”对话框“不需要用户确定”,所以不能用确定按钮


图8. “信息类”对话框,只需要告知,并让用户关闭即可,或者使用文案“知道了”等

通过遵循这些设计规范,可以显著提升对话框的用户体验,使用户能够更快、更准确地理解并响应系统提示。

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号