需求
1、可录入10个指纹
2、每个指纹可以在锁屏状态下解锁设备
3、每个指纹支持解锁的同时开启一个指定应用
分析
指纹识别的主要使用场景可以归为3类:增、改、删。简化流程见下图
容易出错的点
1、不遵循过设计规范
2、层级关系没梳理清楚,如
a、指纹和应用之间是包含关系,错误的认知为平行关系
b、分左右手,每只手又分手指名,导致逻辑变得复杂,增加用户的认知负荷
3、没考虑到用户在寻找“开启应用”时给予效率加速。没考虑布局的特性麻木采取list布局,效率下降
页面交互设计
增加指纹
对于产生内容的流程,一般要有0-1的流程展现。
在录入指纹之后,重命名的设计,选择了让用户自定义,不给出多余的选项,降低用户的认知负荷。用户可以选择重命名和自启动应用。
“选择应用”页面设计。因为用户只需要获得应用的图标和名字就可以判 断他所需要的应用,所以我选择了宫格布局。用户在通过右边的字母筛选就可以快速的选择应用。
ps:对于输入框是否加入的思考。我选择了加入,因为用户的应用越来越多,且有些用户的应用已经超过50个。输入框占据面积不大,可以保留,提升用户的效率
修改指纹
第1张页面是指纹列表。增加指纹是一个低频的操作,所以放在最后。指纹条目有两个内容,指纹名称+启动应用。
第2张页面是是指纹的修改页面。因为选择指纹和“自启应用”是包含关系,所以选择自启应用被放在了二级页面
第3张页面与增加指纹的一致,不加赘述。
删除指纹
删除指纹提供两种方式。
1、路径可寻型:用户可以根据逻辑关系,一层一层的进入,找到删除选项。这种方法是增加用户的操作负荷,减少认知负荷。
2、效率加速型:如第三个页面,直接右滑删除,这与第1种相反,增加用户的认知负荷,减少操作负荷,达到效率加速的目的。不过目前这种隐性的操作已经与较多习得
小小心得
交互设计师逻辑性要好。有时就体现在流程的设计上。根据架构,设计流程。
1、流程有多少种走向。1种、2种、还是多种。
2、流程要分优先级,要根据流程的重要性设计
3、哪些流程可以效率加速,是否可以省去中间步骤一步到达。例如微信通过通讯找到目标好友聊天后,返回不是按原路径返回,而是直接到达首页,这种体贴的设计师应该多思考。