gun弹枪与顺序输入布局

我想确定以下两种布局中哪一种是更好的布局.我希望可用性成为主要关注点.哪一个更好(就可用性而言),为什么更好呢？

Shot弹枪

在不引起水平滚动的情况下,使用尽可能多的水平屏幕宽度.明显的好处是,将最大程度地减少/消除垂直滚动,并使屏幕空间最大化.

顺序的

每行一个输入.缺点是滚动可能比Shotgun布局大得多.

              Shotgun                                Sequential
|----------------------------------|    |-----------------------------------|
|                                  |    |                                   |
|  Input1: ______  Input2: ______  |    |  Input1: ______                   |
|                                  | vs |                                   |
|  Input3: ______  Input4: ______  |    |  Input2: ______                   |
|                                  |    |                                   |
|----------------------------------|    |  Input3: ______                   |
                                        |                                   |
                                        |  Input4: ______                   |
                                        |                                   |
                                        |-----------------------------------|

最佳答案

顺序具有更好的可用性.

在两种布局中,用户都可以识别线.在the弹枪的情况下,每行大约是两件事,需要额外的智力处理才能理解.在顺序情况下,每行仅涉及一个简单的概念.

在线上有多个概念不仅会分散注意力,还需要额外的脑力来识别概念之间的可能关系,以分析输入是否要关联,直到分析子例程说“否”.

通常,与“空白”界面相比,每个空间区域中具有高元素比例的密集界面更累人且速度更慢.元素包括任何UI实体,可以是主动输入元素,被动文本注释或图形元素.

原文地址：https://www.jb51.cc/css/530735.html