美文网首页今日看点@产品
产品设计初级-Alert 的用法及文案规范

产品设计初级-Alert 的用法及文案规范

作者: 好好补补补补吧 | 来源:发表于2017-01-09 17:19 被阅读0次

    Interaction

    Usage

    在传达关键信息或需要用户  input (广义)操作时才使用 alert,alert 干扰体验所以必须要让用户认为这个打断是有理由的。

    Alert titles and message

    文案尽量简短,可以用一行标题描述清楚的时候尽量不再使用正文描述。标题使用有实际含义的短句,切忌使用「温馨提示」「警告!」等没有信息量的文案。

    Alert buttons

    通常 Alert 只有两个按钮,两个按钮的 Alert 提供了一个比较容易交互的模式既 1 or 0。过多的按钮会对用户的操作产生额外的选择成本所以要尽量避免。当一定要使用三个或三个以上的时候建议尝试用 action sheet 来展示。

    Button 的文案尽量由一个简单的动词来描述选择按钮后的结果。Call to action 使用「删除」「备份」等动词,避免使用「是」「否」此类不能交代操作结果的词语。

    将主要的操作按钮放置在右侧,经过长久的教育人们已经习惯将右侧按钮做为主要操作,取消关闭按钮应该放在左侧。且主要 action 要从字色上与左侧按钮有明显的对比,蓝色做为 alert 的主操作色。当遇到不可逆的危险动作时使用红色来警示用户,例如:删除照片、删除相册或就群组或账号。

    Wording

    Principle

    语句精简

    * 按钮长度不超过 4 个字

    *标题 6-20 个字

    *正文不超过 30 个字。如无必要,正文可以省略。

    直观易懂

    *标题直接描述弹出 alert 的目的

    *文案不许使用否定句及双重否定

    *不要出现间接、生僻的词语(说大白话)

    多用动词&少用助词&动词前置

    *操作尽量使用及物动词表示

    *将一句文案中的动词提前

    统一性

    *语气统一,使用中性、客气的语气,不卖萌不傲娇

    *概念统一,参见产品单词表

    Detail

    语句精简

    标题用来概括主要内容。不应该有细节,如描述开启一个什么样的功能或这个功能怎怎样。如果担心用户不了解这个功能请使用 description 来进行简短描述。

    *Before

      msgstr "开启 Wi-Fi 下自动备份"

    *After

      msgstr "开启自动备份?"

      msgstr "自动备份功能仅在 Wi-Fi 下进行"

    直观易懂

    去除臃肿的文案,直接描述出 alter 的目的。

    *Before

      msgstr "备份到云端的照片才能进行智能识别, 照片在云端安全保存"

    *After

       msgstr "备份到云端的照片才能进行智能识别"

    文案不许使用否定及双重否定。

    *Before

      msgid "确定在非WiFi下播放视频?[iOS]"

    *After

    msgid "使用移动网络播放视频?[iOS]"

      明确告知哪里出错了及解决方案

    *Before

      msgstr "备份暂停, 等到连接到 Wi-Fi"

    *After

      msgstr "备份已暂停, 连接到 Wi-Fi 后继续备份"

    多用动词&少用助词&动词前置

    减少助词的使用,当文案中出现助词如「了」「吗」「请」等请根据原则 3 考虑是否有必要。

    *Before

      msgstr "确定放弃编辑吗?"

    *After

      msgstr "放弃此次编辑?"

    Tips

    当文案中出现「成功」「完成」「确认」「确定」时请仔细检查语句是否已经表明清楚,

    尽量避免双重否定。

    *Before

      Title:确定放弃编辑吗?

      Action:「取消」「 确定」

    *After

      Title :放弃此次编辑?

      Description:已编辑的内容不会被保存

      「取消」「放弃」

    *Before

      msgid "确定在非WiFi下播放视频?[iOS]"  

    *After

      msgid "使用移动网络播放视频?[iOS]"

    相关文章

      网友评论

        本文标题:产品设计初级-Alert 的用法及文案规范

        本文链接:https://www.haomeiwen.com/subject/qmshbttx.html