iOS的UI元素导航栏里的完成按钮的优化
发表日期:2015/8/12 11:49:18 文章编辑: 浏览次数:1805
iOS中很多代表“完成”操作的按钮时常被置于导航栏当中右侧的位置,包括表单界面的提交按钮也是如此。如今这种模式也开始潜移默化的影响到一些Android平台里的app。
根据我们的可用性测试所得出的结论,不说跨平台的影响力,单就iOS本身,我们也不建议将“完成”性质的按钮放在这里,原因很简单,将最终操作放置在界面顶部,有悖于自上而下的信息流向。用户在填写表单或编辑内容时,交互行为通常是由上至下的,当他们即将完成的时候,也会预期在结尾处看到结束处理的操作。多数情况下,当人们无法在结尾处找到这样的功能时,便会产生迷惑并开始四处寻找。
在下面的案例当中(左侧是Pinkberry,右侧是Nordstorm),用户填写完表单之后需要点击登录或下单按钮。这样的布局就是我们所说的有悖于自上而下信息流向的形式,用户的全部注意力都随着表单而逐渐下移,最终发现在结尾的地方没有任何完成操作,剩下的就是茫然无措。要知道,即使是在手机这样的小屏设备上,四处寻找某种UI元素也是需要耗费很多额外的注意力成本的;将完成按钮直接放置在内容底部是最符合直觉的做法。
当然,从另外一个方面讲,将完成按钮置于导航栏当中的模式也有其自身的优势:因为网页设计导航栏是固定在顶部的,所以用户在编辑内容时可以随时点击到,而且当内容区域较长时,放置在顶部的按钮也不会被键盘所遮挡。如果用户确实无需完成全部内容的填写便可以进行完成操作,那么你可以考虑将完成按钮固定在底部,并会随着键盘的起落而相应的移动。这种方式的缺点是会占用一定的纵向空间,但优点也是很明显的:即符合直觉,又随时保持可见,同时相比于顶部右端的位置来说,更易单手点击操作。
鉴于导航栏里的完成按钮所存在的一些可用性问题,我们建议:将按钮置于内容底部;如果内容较长,可以尝试将按钮位置固定,并使其不会被键盘遮挡,以便用户可以随时点击。
------北京网站建设公司 北京传诚信-------
-
iOS中UI元素拖拽图标的优化
日期:2015-08-12 浏览次数:1935
-
安卓和苹果手表之间的操作系统对比。
日期:2015-08-12 浏览次数:2077
-
iOS当中UI元素页码指示符(小圆点)的优化。
日期:2015-08-12 浏览次数:1967
-
如何打造响应式的布局结构。
日期:2015-07-23 浏览次数:1778
-
CSS3样式收集
日期:2015-07-30 浏览次数:2171
-
如何在北京顺义寻找一个踏实的网站建设公司
日期:2023-08-10 浏览次数:1453
-
顺义网站建设:北京顺义网站建设的优点
日期:2023-05-25 浏览次数:2031
-
选择网站公司需要考虑哪些因素
日期:2023-05-25 浏览次数:1462
-
北京模板建站
日期:2023-03-28 浏览次数:1552
-
顺义做网站的公司价格高
日期:2023-03-28 浏览次数:1482
-
什么是HTTPS以及为什么要确保您的网站安全
日期:2018-12-06 浏览次数:1786
-
网站设计HTML代码中“alt”属性的重要性
日期:2019-07-22 浏览次数:2180
-
如何启动成功的链接构建活动
日期:2018-12-13 浏览次数:1784
-
建设网站学习文法的规则是重要的!
日期:2015-07-20 浏览次数:2422
-
网站建设中如何通过流量分析来提高转化率?
日期:2018-11-19 浏览次数:2355