移动用户界面:美国银行应对新的导航惯例
Posted: Wed Jan 29, 2025 8:15 am
当我浏览美国银行华丽的新移动应用程序(上图)时,我想起了移动用户界面的一个持续存在的问题,即导航缺乏一致性。对于任何超过 30 岁的人来说,你以前都见过这种情况。网站,尤其是金融服务网站,花了近十年时间(1995 年到 2000 年代初)才符合相当简单的导航惯例(顶部有标签,右上角有登录名等)。
usbank_previous虽然响应式设计(一个网站同时适用于桌面和移动设备)让事情变得不那么标准化,但桌面浏览器导航仍然很容易理解。而且总是有后退按钮让你摆脱困境。
但智能手机则不然。第一代手机银行的用户界面通常使用屏幕底部展示 3 或 4 个导航选项,通常带有“更多”按钮来扩展选项。这种方法还不错,因为早期的应用程序通常功能有限。
但随着银行重新设计其应用程序以适应更现代的审美,底部导航栏正在消失。这看起来很棒,但用户如何找到关键功能?
这让我想起了美国银行的新应用。当我欣赏完其新潮的设计后,我一时不知该如何退出主页。底部熟悉的按钮不见了(见右侧旧截图)。而且一开始我没有看到左上角的“汉堡菜单”——一列堆叠的三条横线(左上角),或一堆小点(跟在项目后面)——这些最近已成为相当常见的设计惯例。
usbank_nav_closeupusbank_mobile_nav_options因此,事实证明美国银行已将导航选项设置在两个地方,但在手机上都不太容易看到。
(1)汉堡菜单位于左上角,但很小,看起来像是徽标的一部分(见左侧屏幕截图和右侧特写)
(2)较小的上下文相关菜单位于每个帐户的右侧。存款账户有三个导航选项(支付/发送、转账、存款)
总结:美国银行推出了迄今为止最美观的大型银行移动应用程序,至少在美 香港电邮清单 国是如此。它还包含许多新功能,例如无需登录即可查询余额和自定义。因此,美国银行团队值得称赞,他们在十多年前也引领了桌面用户界面的发展!
也就是说,几乎隐藏的主导航是设计略微领先于用户的一个例子。虽然用户可能很快就会习惯新的导航链接,但我建议在此期间进行一些调整:
当用户首次打开应用程序时,在“功能导览”中添加导航说明。
通过增加汉堡菜单的尺寸并将其放置在远离美国银行徽标的位置(徽标下方或右上角的空白处)可以使汉堡菜单独立出来。
考虑在其下方添加“菜单”一词几个月,至少直到用户掌握它。
usbank_previous虽然响应式设计(一个网站同时适用于桌面和移动设备)让事情变得不那么标准化,但桌面浏览器导航仍然很容易理解。而且总是有后退按钮让你摆脱困境。
但智能手机则不然。第一代手机银行的用户界面通常使用屏幕底部展示 3 或 4 个导航选项,通常带有“更多”按钮来扩展选项。这种方法还不错,因为早期的应用程序通常功能有限。
但随着银行重新设计其应用程序以适应更现代的审美,底部导航栏正在消失。这看起来很棒,但用户如何找到关键功能?
这让我想起了美国银行的新应用。当我欣赏完其新潮的设计后,我一时不知该如何退出主页。底部熟悉的按钮不见了(见右侧旧截图)。而且一开始我没有看到左上角的“汉堡菜单”——一列堆叠的三条横线(左上角),或一堆小点(跟在项目后面)——这些最近已成为相当常见的设计惯例。
usbank_nav_closeupusbank_mobile_nav_options因此,事实证明美国银行已将导航选项设置在两个地方,但在手机上都不太容易看到。
(1)汉堡菜单位于左上角,但很小,看起来像是徽标的一部分(见左侧屏幕截图和右侧特写)
(2)较小的上下文相关菜单位于每个帐户的右侧。存款账户有三个导航选项(支付/发送、转账、存款)
总结:美国银行推出了迄今为止最美观的大型银行移动应用程序,至少在美 香港电邮清单 国是如此。它还包含许多新功能,例如无需登录即可查询余额和自定义。因此,美国银行团队值得称赞,他们在十多年前也引领了桌面用户界面的发展!
也就是说,几乎隐藏的主导航是设计略微领先于用户的一个例子。虽然用户可能很快就会习惯新的导航链接,但我建议在此期间进行一些调整:
当用户首次打开应用程序时,在“功能导览”中添加导航说明。
通过增加汉堡菜单的尺寸并将其放置在远离美国银行徽标的位置(徽标下方或右上角的空白处)可以使汉堡菜单独立出来。
考虑在其下方添加“菜单”一词几个月,至少直到用户掌握它。