美文网首页用户体验产品交互设计UI/交互设计规范
指纹识别需求拓展(页面交互设计)

指纹识别需求拓展(页面交互设计)

作者: 伊燃 | 来源:发表于2016-06-07 20:25 被阅读428次

需求

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、哪些流程可以效率加速,是否可以省去中间步骤一步到达。例如微信通过通讯找到目标好友聊天后,返回不是按原路径返回,而是直接到达首页,这种体贴的设计师应该多思考。

相关文章

  • 指纹识别需求拓展(页面交互设计)

    需求 1、可录入10个指纹 2、每个指纹可以在锁屏状态下解锁设备 3、每个指纹支持解锁的同时开启一个指定应用 分析...

  • 23.复杂原型设计

    是什么 完整的新产品,完整的新功能 设计流程链条较长 交互页面,交互流程复杂 设计步骤 需求分析:明确用户场景问题...

  • web前端教程:Vue项目开发流程

    一、企业项目开发流程 产品提需求 交互设计出原型设计 视觉设计出UI设计图 前端开发出页面模板 server端存取...

  • 狼厂笔记-用户体验及设计原则

    交互设计 -实现和表达需求-需求和使用的桥梁 用户研究 -分析和获取需求-提供设计依据-检验设计的合理性 交互设计...

  • 原型设计步骤

    1、页面放入信息架构 2、设计操作交互 3、根据操作交互调整信息架构 4、设计版式布局 5、制作交互动作 6、设计...

  • (22)打鸡儿教你Vue.js

    vue.js 单页面,多页面 Vue cli工具复杂单页面应用Vue cli工具 交互设计,逻辑设计,接口设计 代...

  • 2018-12-03交互设计课程笔记

    一、交互设计是什么? 交互设计 明确产品的任务需求、目标,规划逻辑关系,设计交互流程,同时,通过设计测试,优化产品...

  • 交互设计----揭开交互设计的面纱

    交互设计学习 揭开交互设计的面纱 什么是交互设计?交互设计要明确产品的任务需求和目标,通过系统的规划,梳理产品的逻...

  • 12-09交互设计和用户体验设计

    交互设计和用户体验设计 App和web交互设计是有页面、icon、文字三种基本要素构成的系统流程交互设计的概念路径...

  • 产品开发流程

    产品经理:项目需求说明 UI设计师:产品结构图+原型图+交互设计说明+页面流程图;psd效果图;标注稿+psd+切...

网友评论

    本文标题:指纹识别需求拓展(页面交互设计)

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