美文网首页产品与交互设计
密码找回场景:功能层级与导航设计

密码找回场景:功能层级与导航设计

作者: Wantomato | 来源:发表于2017-08-04 18:01 被阅读7次
通过邮箱找回:“我和你不一样!”
问题3:为什么返回登录和通过邮箱找回距离那么近?

这是一个信息设计问题,涉及到一条重要的认知原则:

  • 视觉认知的基本单元是信息的组合

格式塔的接近原则表明:当两个东西在视觉背景下彼此更接近时,人就会下意识把它们视作一个整体。相似原则表明:人们通常把那些明显具有共同特性(如形状、运动、方向、颜色等)的事物组合在一起。

界面中,返回登录和通过邮箱找回很容易被认知为一个整体:位置接近(同在右上角)、特征相似(颜色、字体)。尽管中间使用了分割线,右侧还有 icon 提示,但由于文本色彩饱和高,分割线的作用并不明显,icon 还是很容易被认知为两个入口所共用的。

那么这两个入口能不能放在一起呢?

虽然从层级上来看,它们都是页面的辅助信息,但实际上不能等同,因为返回登录是页面导航,而通过邮箱找回却是页面主功能的次要类别选项。由于二者的语义不同,当前的设计会让用户认知过程在视觉和语义的层面产生冲突,相比一般的认知任务,用户还需要付出额外的阅读和决策成本。

因此,从信息设计的角度来看,返回登录要跟登录界面更亲近,而通过邮箱找回要跟页面主功能——手机号码验证更亲近。

相关文章

  • 密码找回场景:功能层级与导航设计

    问题3:为什么返回登录和通过邮箱找回距离那么近? 这是一个信息设计问题,涉及到一条重要的认知原则: 视觉认知的基本...

  • 交互设计分析——虾米音乐1

    产品:虾米音乐 1.导航与层级标签的一体化设计 虾米音乐的导航设计模式采取了非标准化的IOS设计模式。 直接把我的...

  • 交互微专业笔记2- ios与Andriod的设计规范

    ios与Andriod的设计规范 ios端:经典的延续 页眉——导航栏 用于实现在应用不同信息层级结构间的导航,有...

  • 需求

    目标系统需要支持的应用场景 个人博客系统 企业门户网站 可自定义导航栏 导航栏层级最多两级导航栏可全部仅有一个层级...

  • 【火辣健身-密码找回功能】分析

    分析《火辣健身》密码找回功能,思考以下问题:1.对于不同的用户使用场景是否要有不同的判断?2.画出完整的流程图(与...

  • 客户端产品汪必看:13个app导航设计

    最全的app导航设计总结,并且标注出来应用的场景! 各位客官在写PRD的时候请根据产品导航的侧重点,功能之间的切换...

  • iOSApp导航层级的设计

    打开AppStore,各种类型App琳琅满目。我们最常用的导航就是标签栏导航了。今天所介绍的是在标签栏导航中,如何...

  • Unity3D基础教程(三)场景搭建,地形系统

    十三 简单场景搭建 简单场景搭建摄像头基本操作 正交投影 摆放场景先宏观在具体拖到层级窗口 飞跃导航按住鼠标右键S...

  • 产品设计的导航模式总结

    模式就是套路,导航是产品层级与架构的核心体现。 标签导航 IOS系统中的万金油一般不多于5个,操作简单,减少层级,...

  • 【用户体验要素】框架层

    界面设计、导航设计、信息设计——更加清晰的一个层级 界面设计是我们熟知的关于“按钮、输入框和其他界面控件”的领域;...

网友评论

    本文标题:密码找回场景:功能层级与导航设计

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