江苏龙网

  1. 首页 > 人文 > >

四步教你打造「专属」交互设计自查表( 二 )


四步教你打造「专属」交互设计自查表
本文插图
自查案例：“整体信息架构是否清晰易理解 ， 可拓展？返回和下一步是否符合用户预期？”
如下图 ， 作为一款轻型工具应用 ， “减减鸭”的核心功能很简洁 ， 他可以为用户分析压力情况、并通过两个小游戏帮助用户调节心情、减轻压力 。
因此 ， 减减鸭选用了扁平的1 字型信息架构 ， 将三个功能的入口排布在首?首屏 ， 用户可通过最短路径快速触达内容；在用户进入功能并结束使用流程后 ， 减减鸭界面提供直返首页、以及进入其他功能的快捷通道 ， 形成路径闭环 。
四步教你打造「专属」交互设计自查表
本文插图
【四步教你打造「专属」交互设计自查表】
四步教你打造「专属」交互设计自查表
本文插图
2. 第二部分. 界面呈现
1）控件
主要检查点：通过对控件外观、控件之间关系的正确表达 ， 以及相似任务横向一致性的把控 ， 引导小程序功能使用 ， 进一步降低用户学习成本 。

四步教你打造「专属」交互设计自查表
本文插图
自查案例：“界面元素/控件之间的关系是否表达正确？控件的样式&交互行为是否具有一致性？”
如下图 ， 减减鸭小程序页面内容层次清晰 ， 通过控件的面积、色彩对比等突出用户需关注的操作区 ， 并在部分页面加以动效引导 ， 使操作方法一目了然 。
此外 ， 减减鸭3个主要功能模块内页面布局横向保持了较高一致性：操作区面积比例接近 ， 且全部集中在页面中下部 。 良好的一致性使用户便于操作 ， 且降低了学习成本 。
四步教你打造「专属」交互设计自查表
本文插图
2）数据与显示
主要检查点：数据显示层面 ， 主要需关注数据的格式、单位、排序规则是否合理；以及各种极值状态 ， 如无数据、数据不完整时如何呈现 。
四步教你打造「专属」交互设计自查表
本文插图
自查案例：“数据显示是否涉及权限与隐私？”
涉及权限与隐私的数据需注意掩码、或隐藏处理 ， 如下图 ， “国家政务服务平台”因其功能特殊性 ， 多处涉及手机号码或各种个人证件号码的曝露 ， 为保护用户隐私 ， 小程序对此类信息基于统一规则进行掩码处理（手机号保留前3位后4位数字 ， 身份证件等保留后4位数字） ， 让用户用得放心 。
四步教你打造「专属」交互设计自查表
本文插图
3）文案
主要检查点：文案应准确一致 ， 符合功能情景 ， 符合用户的常规认知和习惯 。
四步教你打造「专属」交互设计自查表
本文插图
自查案例：“是否使用了生僻的专业术语？”
文案使用方面 ， 小程序与其他移动端应用原则无异 。
在流程设计中 ， 我们需要预先遍历可能出现的分支情况 ， 铺设符合用户认知的反馈信息 ， 如“出错了 ， 请稍后再试”；避免直接曝露接口回调信息 ， 如“DNS解析失败” 。
4）选择与输入
主要检查点：表单输入过程的前、中、后 ， 均需铺设相应提示 ， 如预置内容、输入提示、输入后反馈等 ， 提示现在该做什么、告知操作结果 ， 防止用户“不知所措” 。
四步教你打造「专属」交互设计自查表
本文插图
自查案例：“输入前、中、后是否提供了恰当的反馈？是否指定了键盘类型？”


推荐阅读


上一篇：周到|医、养、康、护就在家门口？真的，古美路街道的一体化综合为老服务中心全做到了！

下一篇：新华网|“七人普”现场登记首日 袁隆平“答到”