当前位置: 首页 > 网络应用技术

前端人们需要了解某些用户体验(性能层)

时间:2023-03-07 20:06:36 网络应用技术

  上一篇文章提到了前端体验的五个要素。接下来,让我们详细介绍用户体验元素的五个元素的性能层的内容。

  性能层是五个元素的特定层,对于我们的FE学生,它可以在某些方面更快地改进。

  表达式层是五个元素的顶部,最特定的层。在此级别上,所有功能,内容,美学等。同时。

  从表达式层的重要性可以看出,这具有重大的责任和使命。

  表达层也称为感知设计。显示层位于框架层的布局上方,以解决并弥补感知问题。

  通过详细的阅读,可以简单地解释用户体验元素中的性能层:我希望通过表达式层的均匀性达到产品的一致性。

  设计样式分为三个粗糙的部分:分组,布置和颜色匹配。本书中的详细内容还与此方面结合使用。

  人类的感知包括五个方面:视觉,听力,触摸,气味和味道。

  在人类计算机相互作用的过程中,我们需要考虑更多的人类感知。我记得有一本设计书,如果您让用户更多地了解如何使用我们的系统,而不是投入更多的能量来投入更多的能量,那么当用户目标基本上丢失了,那么该用户就会丢失。

  关于视觉方面。LET安排表单,以简单地了解视觉体验对组件设计的影响。

  根据形式的标签和输入区域位置之间的区别,可以将其分为左侧对齐,右对齐,顶部对齐和内部关节

  1)左对齐

  垂直线 - 类型的视觉运动线更与现代人的阅读习惯一致。高读取效率也有助于标签上用户的整体浏览。但是,由于表单字段的长度之间的差异,标签和输入区域之间的距离很大,从而降低了这些表单标签和亲密关系相应的输入区域以及用户填充效率将降低。

  2)右对齐

  右侧对齐标签和输入框之间的亲密关系很高,用户填充效率高于左侧对齐。

  3)顶部对齐

  顶部对齐还遵循用户的垂直线式视觉线,这与现代人的阅读习惯更一致。对于标签,标签角色的长度很大,尤其是外语标签,顶部 - top -to--对齐形式更适合。

  4)

  输入框中的内部关节类型标签,类似于输入区域中的位置。在输入用户的过程中,隐藏的中文标签可能会引起用户的混乱。

  5)浮动

  在输入输入之前,它位于输入区域,类似于该位置的占据,输入为(稍后)。标签向上移动并变小,节省了空间,并且标签仍然存在。尽管该标签变小后降低了一定程度的可见度,但它也保证了用户输入信息的准确性。

  当我们进行设计时,最好的排版和设计应该基于人类的某些常规操作习惯。但实际上,我们的感知,独立的经验,环境,目标等等中存在一些偏差。这些方面会影响我们洞察力。

  总体而言,我们需要考虑进行设计时的感知因素。

  避免表现出歧义,并通过测试确认所有用户对信息的理解的一致性。当您无法消除歧义时,您必须依靠标准或练习,或告知用户您期望理解歧义的方式。

  例如,计算机上的显示通常哭泣到看起来高于背景的人类框架(上面)。这种显示方法取决于经验丰富的计算机用户的最多,熟悉光源的约定屏幕的左上角。如果对象在不同位置的不同位置染色,则用户看不到它提高。

  计算机屏幕上的技术按钮通常具有三维效果,但该约定只有在假设光源位于左上角时才有用。

  将信息和控件放置在一致的位置。对照和不同页面上提供的相同功能的数据表明,它们应在同一位置的每个页面上放置在每个页面上,并且它们也应具有相同的颜色,字体和阴影。允许用户快速找到并识别它们。

  用户使用A系统有一个目标。设计师应该了解这些目标,以意识到不同用户的目标可能不同,并且他们的目标受到强烈控制。在互动的每一点,请确保信息提供了用户需求,它与可能的用户目标相对应。用户可以注意到,很好地使用了此信息。

  原理1:关注用户及其任务,而不是技术原则2:首先考虑功能,然后考虑概念模型的显示开发。

  原理3:从用户的角度来看,查看任务原理4:对于常见情况,设计原理5:不要在没有其他问题的情况下使用户的任务0复杂化。原始7:传输信息,而不是数据原理8:设计用于响应