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

    相关文章

      网友评论

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

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