世界上有很多关于如何制作界面的文章。 所有这些都充满了针对各种情况的有用提示:这里您需要一个红色按钮,应该有这样的动画,依此类推。 无法描述所有情况;仅存在无限数量。 但是,如果您了解界面设计的基本原理,则不再需要这些技巧。 最主要的是要了解这些提示的工作原理以及最终用户的工作方式。 用户就是具有所有功能的人。
在本文中,我将尝试描述人脑如何工作以及如何在界面设计中使用它。

模式是在生活的各个领域中可能发生的重复模式。
在充满技术的现代世界中,人仍然与山洞人非常相似。 进化跟不上技术发展的步伐,我们人民被迫生活在现代世界中,这是自古以来我们留下的一系列习惯和反思。 所有这些有时会干扰,但是,如果对自己有一个正确的了解,这可能会受到青睐。

因此,请考虑以下任务:为人提供最方便的界面。 最方便的是什么意思? 这意味着使用此界面的人可以尽可能有效地解决其任务。 一个人在某个时间段内完成的工作越多,他的工作就越好。 您可以将这一过程视为人力资源交换有用的工作。
这里的重点是能源成本。 在这里仍然值得考虑一个人及其大脑的特征。 我们的大脑消耗大量能量,并且像身体的所有其他部分一样节省了能量。 简要考虑一下大脑的工作。
人脑

我们已经对大脑了解很多,但远非如此。 但是,当前的知识足以改进界面设计方法。 因此,人脑由许多神经元及其之间的连接组成。 我们的思想,记忆,反射-所有这些都是神经元之间的电化学过程。 要看到某物,首先我们从眼睛的视网膜获得信号,然后将该信号传输到大脑的特定区域,根据信号,某些神经元被激发,从而激发下一个和下一个,并最终激发与他们所看到的相对应的神经元区域在大脑中变得活跃。图片。 从这个长句子可以看出,该过程非常复杂且耗费能源。
我们所有的想法,对记忆的诉求都是精力的消耗。 也就是说,我们需要用户使用界面进行尽可能少的思考。 在这里有可能完成。 这是接口有效性的基本指标。 但是,尽管如此,这个建议还是很难解释的。 因此,我们进一步研究。 使用界面时如何使人们减少思考? 要使用大脑的哪些功能?
习惯强度

有这样一种表达:一个人是一堆习惯。 这有很多道理。 如前所述,大脑是神经元的集合。 简单地说就是神经网络。 而且这个神经网络正在不断地被调整和训练。 首先,一项新任务需要大量的精力,因为尚未形成必要的联系并且我们的大脑还没有训练。 但是每次它调整的越来越多,消耗的能量也越来越少。 最终,将出现此任务的最佳关系。 这是一种习惯或技能。
在设计接口时可以使用它。 这可能不是用户第一次看到计算机并且可能已经看到与您的程序或其部分相似的东西。 但是,经常发生这种情况,开发人员开始重新发明轮子-重新发明现成的界面模式。 每个人都想投资自己,展现自己的创造潜能,但是,正如他们所说,最主要的是不要过度发挥自己的潜力。
因此,这是一个非常重要的原则:
使用常见的先前发明的解决方案。 它的工作非常简单,用户可以看到界面,在界面中识别出他以前使用过的类似内容,并且已经可以猜测下一步要做什么。
例如,保存文件。 听起来有些老套,但有时开发人员会想出自己的方式来保存文件。 尽管很长一段时间以来,在这种任务中普遍存在行为模式。 如果有人已经解决了您的问题,并且此解决方案也用于其他界面,则您应该仔细研究一下此解决方案并执行类似的操作。
古代本能

除了后天习性,一个人还有先天性习惯。 通常,它们被称为本能。 这些是神经系统对某些外部病原体的即时反应。 在进化过程中,它们因帮助生存而出现并根深蒂固。 我看到了一个突然移动的灌木丛-也许那里有只老虎想要杀死你-恐惧,您需要紧急地将双脚移开。 我看到了一只不自然的明亮青蛙-最好不要碰它。 依此类推。
当然,老虎不会坐在您的程序中,并且当对话框突然出现时,用户将不会跳跃并运行。 但是,这会影响情绪稳定性。 简而言之,各种形式的外部刺激,例如同事大声说话,咖啡不够美味等等,都会降低情绪稳定性。 因此,我们开始考虑更糟。 我们退出流程状态,我们必须越来越专注于任务。 除此之外,还增加了界面的外观和行为。
如果界面看起来不那么吸引人,则会不断出现一些烦人的元素,并且通常,如果“出了点问题”,我们会本能地感知到它,这会影响我们的生产率。 我们该怎么办? 必须避免这些刺激物。
首先,
使用色彩和谐理论 。 正确的颜色给人沉稳的感觉。 关于如何选择适合眼睛的调色板的文章很多。 所有这些都是基于色轮的理论。 根据某些样式,计算出使人感到愉悦且不会引起刺激的协调色。
其次,
使用流畅逼真的动画 。 我们真的不喜欢突然出现或消失的东西。 并始终注意不自然的运动。 当我们打开门时,它先加速,然后减速。 使用逼真的运动函数和非线性函数。
脑RAM

我们的大脑不是万能的,我们不能同时考虑所有事情。 我们可以同时记住的事物数量在5到7之间变化。这称为大脑记忆的工作量。 原则上与计算机RAM非常相似。 为了思考问题,您需要将其从长期记忆中提取出来以进行工作,然后对其进行操作,然后将其返回至长期记忆中。 当然,此过程实际上要复杂得多,但是为简单起见,我们将采用这种方式。 最重要的是工作量是有限的。 而且他很小。 我们不能同时考虑十个实体。 而且,我们需要记住的越少,花在思考过程上的精力就越少。
在这种情况下,仍然有必要考虑以下事实:精力和时间都花在切换上下文上。 如果您首先需要考虑一件事,然后再考虑另一件事,然后再考虑第一件事,然后再考虑别的事情,那么永久性重启工作内存将花费大量精力。
怎么办呢? 当然,基本上,这取决于程序的细节。
有必要监视用户的注意力 。 任务应该是线性的。 例如,如果某些项目很少使用,则可以将其设置为默认值,并可以进行其他设置。 一切都需要做,以便您不必不断转移注意力。
但是,关于如何吸引人注意同一件事,还有更多一般性建议:这些是
几何图案 。 例如,拿一张桌子或一张桌子。 为什么它们容易阅读? 因为我们首先将数据的“模型”加载到内存中。 我们知道在此列中以及在此值中。 数据的后续感知非常容易,因为我们知道下一步将发生什么。
通常,这可以称为界面的几何正确性。 常见的事物被分组为一个块,主要块位于顶部和左侧,随着它们变得重要或任务进行,其顺序从右至下。 考虑对称性很重要,这样大脑才能更轻松地检测到障碍物。 考虑到以前的经验也很重要:程序功能的相似部分在界面方面应具有相似的几何图案,以便用户已经知道要使用什么工具。
模式识别

使用图形界面涉及模式识别。 一个人也可以帮助一个人。 考虑一个简化的算法,了解我们如何理解所见。 此过程与计算机神经网络识别字母的方式有些相似。
首先,从眼睛中我们得到一个信号,该信号说明视网膜中的哪些视锥细胞被特定的光谱激发。 大概说什么像素什么颜色。 从这组信息中,首先分配颜色。 黑色与白色不同。 这是由一组神经元完成的。 通过颜色上的差异,我们可以确定简单的图像:线,点等。 这已经参与了与第一组相关的另一组神经元。 然后,此信息将传输到下一层,在这些层上将这些图像进行一般化,依此类推,在每个级别,神经元越来越与那些已经存储了我们先前看到的图像经验的神经元相关联。 我们在白色背景上看到字母A,首先在背景上突出显示其颜色,然后识别简单的图像-它所组成的线条,然后将其与我们以前的所有经验进行比较,字母A是最大的匹配项。在我们的前面是字母A.
这个过程很复杂,分为几个阶段。 可以使用。 您可以使用此模式识别序列来简化界面的感知。 因此,再次:
首先突出显示颜色,然后突出显示表单,然后突出显示表单的内容 。

此序列显示了通过颜色影响图像识别的最简单方法。 这就是地球上的活物用来宣称自己是谁的方式。 现在很明显,那条红蛇是非常危险的。 这比将其写在“危险蛇”上要容易得多。
使用颜色来强调界面。 用它来传达简单的信息:红色-取消,绿色和蓝色-肯定地,白色-空虚和沉着,等等。 但是请记住,最主要的是不要过度操作。 使用仅几种颜色的调色板。
颜色出现后,选择简单的图像,然后选择它们的内容。 首先,我们知道这是一个圆圈,然后我们知道这是一个零或字母O。因此,图标胜于文本。 另外,它们占用更少的空间。
动力性
该界面通过输入设备(键盘,鼠标或触摸屏)获得人工反馈。 此功能也很重要。 这里的一切都很简单,并且基于物理定律。
动作越少越好。 眼睛运动越少,对信息的感知速度就越快。 从鼠标切换到键盘,移动鼠标的次数越少越好。
但是,这里您仍然需要考虑用户的功能。 例如,程序员将他们的手坐在键盘上,因此切换到鼠标对他们来说是一个额外的负担。 一般用户一只手握住键盘,另一只手握住鼠标。 设计师用第二只手握住笔。 依此类推。 重要的是要考虑这种特异性。
在驾驶中,上述技巧也有帮助。 几何图案减少点击和移动的次数,减少眼睛的移动。 这些模式的重复形成习惯,并且用户实际上在机器上会自动将光标移到正确的位置。
总结
在本文中,我试图描述设计界面时应考虑的用户基本特征。 可以改进此列表并添加详细信息。 毕竟,我们对自己的了解越多,彼此之间的互动就越好