关于交互一致性的思考

最近团队在做用户访谈时反馈出这样的问题:用户在填写信息时没有感知到是可以直接填写,认为只能通过右上icon唤起通讯录进行选择信息。(如图1所示)

图1

直接看图1确实只有右上icon是可点击的预期。导致这样场景出现的原因是我们有联系信息的缺省值逻辑:『上次下单时用户填写的姓名/手机/电子邮箱』--『用户帐户的姓名/手机/电子邮箱』--『空』。所以大部分情况下都会出现图1的场景,少数情况会出现图2无缺省值的场景。

图2 无缺省值

可是仅仅是缺省值的原因吗?当我们整体观察当前页面时,会发现除了联系人信息这块内容以外,其他部分都是点击进入下一页面进行选择等操作。(如图3所示)

图3 

所以对于当前页面来说,用户感知到的每个信息区域都是『点击』--『进入编辑/选择页面』的交互逻辑。

我们再看看其他APP的类似场景,京东的结算页面(如图4所示)和网易考拉的编辑账户信息页(如图5所示),都保持了页面的『点击』--『唤起操作』的交互一致性,这里的操作可能是进入新页面的文本编辑,也可能是上拉ActionSheet。

图4 京东结算页


图5 网易考拉编辑信息页

结论:

在APP的整体设计中要考虑到交互上的一致性,这样才能确保任何操作的结果都符合用户的预期。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,376评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,399评论 19 139
  • 吃货地图产品需求文档 V1.0-2015/03/30 1概述 1.1产品概述及目标 概述:“吃货地图”是一款基于i...
    michaelshan阅读 11,116评论 1 46
  • iOS 9设计规范 中文版 完整版译者注:本文译自苹果官方人机界面指南 iOS Human Interface G...
    海宁Hennie阅读 14,569评论 2 60
  • 写字儿前先上传张图片哈,增加点美感。 2017年2月16日:全上海各中小学幼儿园开学的大日子,我家的女儿在家...
    靳丫头阅读 3,025评论 0 0