或者

超干货!iOS中4种UI元素的可用性问题及优化建议

作者:青柠i 浏览:168 发布时间:2018-05-22
分享 评论 0

    编者按:这周又是一篇来自Nielsen Norman Group的文章.供参考吧,这种文章背后的思维模式甚至是精神才是最该汲取的,内容本身反而是其次;这样的东西看的越多,实践当中具有代表性的产品案例经历的越多,你越会发现,设计这种事,在很多时候,无明无暗,无是无非,有的只是特定的产品、特定的资源、特定的情境、特定的用户群体,以及所有这些因素混杂在一起之后摆在面前的需要不断权衡、争取或妥协的各种可能性.下面进入正文.


    那些大的软件公司,譬如Apple、微软、Google等等,通常会为第三方app设计师们提供一系列设计指南.这样做的目的在于:


    一方面,设计师和开发者可以比较轻松的上手打造在质量方面至少符合"基础标准"的产品,而无需重新思考和验证全新的设计模式及UI元素. 另一方面,如果某一平台当中的所有产品都遵从统一的设计规则,那么用户也将受益于界面外观与互动方式的一致性.


    遵守设计指南,这几乎是一条铁打的规矩.但是在实际当中,"官方标准"未必能很好的适用于各种情况.我们不清楚为什么有些元素会出现在设计指南当中,也许是因为官方所做的测试不够彻底,或者说这些元素和模式是用来解决某一类设计问题的最基础最具适用性的解决方案.


    本文当中提到的4种UI元素都是Apple惯于在自家app中使用的,其中的一些也出现在了官方的设计规范当中;自然,不计其数的设计师也会跟从这些用法.而另一方面,我们(Nielsen Norman Group)在一次又一次的可用性测试当中也真真实实的发现了这些元素所导致的可用性问题.


    说不定Apple的诸神会用雷劈我们,但我们仍然建议各位设计师在使用这些UI元素时多加考虑,或尝试优化/替代方案,因为这些元素在可用性测试当中的表现确实存在问题:


    页码指示符(小圆点) 导航栏里的完成按钮 加号(+)图标 拖拽图标


    1.页码指示符(小圆点)


    iOS的页码指示符,在形式上就是横排的圆点,用来表示一系列可以通过横滑浏览的分页视图.其中,代表当前视图的圆点处于高亮状态,其他的则是灰暗的半透明状态.