首页 > 其他分享 >改善界面设计方法的 3 个 UX 设计原则

改善界面设计方法的 3 个 UX 设计原则

时间:2022-09-07 10:26:21浏览次数:92  
标签:界面设计 UX 定律 按钮 用户 改善 体验 菲茨

改善界面设计方法的 3 个 UX 设计原则

我们谈用户体验和人机交互

Photo By 哈尔盖特伍德

嘿朋友们,

所以在年初,我在独立学习用户体验设计的同时还在大学学习了人机交互(HCI)课程。 如果你问我,它们基本上是一样的。

这两个领域都非常关注我们如何通过深思熟虑和战略性的设计来改善用户体验。令人惊讶的是,这是一次非常有见地的经历。例如,如果您要求用户输入他们的国家/地区,则让用户输入国家/地区比滚动数百个国家/地区的下拉菜单更快。

你知道?像这样的东西。这些细节确实对用户体验意义重大。用户体验设计师被低估了。

所以今天,我们将讨论 3 条 UX/HCI 设计法则。

我很久以前就准备了这篇文章,但直到几天前我才看到相关性。本周早些时候,我目睹了一位前端工程师指出了 UX 团队创建的模型设计中的 UX 缺陷——这是非常有效的批评。我完全同意这些批评,这让我意识到 FEE 的 UX 学习具有巨大的价值。那件事彻底改变了我存在的每一根纤维;如果我想成为最好的工程师,学习 UX 将完全成为我旅程的重要组成部分。

所以让我们继续吧。

菲茨定律

我们从菲茨定律开始。

菲茨定律是关于交互元素的。在用户界面方面,考虑按钮、下拉菜单、滑块和任何其他用于接收输入的交互式组件。

菲茨定律指出,目标动作——点击那些交互式按钮——是与目标的距离与目标元素大小之间的比率的函数。这意味着什么?

用户成功执行他们想要执行的操作所需的时间完全取决于该交互式元素(距光标)有多远以及该元素有多大。

所以,为了提升用户体验,我们要确保用户不必花费太多精力去做他们想做的事。这是什么意思?根据菲茨定律,这意味着增加重要交互元素的大小以及以某种方式缩小与目标动作的距离。

Twitter Feed on Dekstop

以上是我的 Twitter 提要的快速截图。

请注意左侧的“Tweet”按钮非常大。文本本身可能与侧边菜单中的其他项目大小相同;但是,按钮的内边距非常大,以使按钮更容易点击。

Facebook Log In Page on Desktop

或者这里是 Facebook 登陆页面。首先,“登录”按钮和“创建新帐户”按钮一样大。同样,它是有目的地为用户体验而设计的。必须执行其中一项操作才能继续前进。

而且,在这个登陆页面上,Facebook 要求我们提供有效的凭据。用户可以执行的任何操作都集中在页面右侧的那个框中。这是菲茨定律所鼓励的。为了提高用户的工作效率,我们希望目标操作就在附近。我们不希望用户不断地让他们的光标移动 50 英里到屏幕的另一边来做他们想做的事。

要了解有关菲特定律的更多信息,请查看 尼尔森诺曼集团 .

现在,我们将继续前进......

米勒定律

米勒定律指出,一般人的工作记忆中可以保存 7 件事,正负 2。所以基本上,您可以将其视为工作记忆中的 5-9 件事。

因此,如果我对你大喊要记住 15 个名字,你很可能无法做到这一点——这不是你的错。这就是人类大脑的工作方式。

考虑到这一点,米勒定律暗示我们不应该用过多的分组组件来弄乱我们的界面。为什么?因为所有这些组件将相互竞争以吸引用户的注意力,而用户可能无法理解您希望他们拿走什么。

我认为苹果惊人地体现了这一规律。事实上,我认为 Apple 的 UX 总是很出色。

苹果通常会展示其产品的巨大形象。通常有有限的文本,以便用户将注意力集中在该产品上。通常,没有太多可看的。这是有目的地完成的,因此 Apple 可以将您的注意力集中在您身上。他们会告诉你你可以看什么。如果您想探索更多,请向下滚动。

然后,当您再次向下滚动时,您将没有那么多可看的东西。苹果想要集中你的注意力。我认为他们的用户体验团队非常出色。

但你应该注意,米勒定律并不意味着你必须像苹果一样简约。

这是我的亚马逊仪表板。有很多事情发生。有很多类别,很多图片,还有很多我可以点击的东西。这个页面上我可以与之交互的东西肯定超过 9 个。

米勒定律并不是说您的页面上只能有 5,7 或 9 个项目。

亚马逊的用户体验设计之所以奏效,是因为他们将它们组合成块。如果你看,这些分组少于 9 个。有导航栏。然后有一个类别栏。有一个图像轮播。然后我们有 4 组:“选择你离开的地方”,“继续购物”,等等。并且由于存在分组,因此内容对用户来说更易于管理和一口大小。用户可以决定他们想要将注意力集中在哪个分组上,然后决定他们想要关注该分组中的哪个项目。

继续,让我们谈谈雅各布定律。

雅各布定律

雅各布定律非常有趣。正是这个想法,用户想要一个熟悉的界面。如果界面熟悉,那么他们将更容易直接进入您的产品并从中获得乐趣。否则,他们将不得不学习您的界面,这可能是一项繁重的任务。它绝对可以关闭用户并推动他们访问其他网站。

看…

大多数人使用房子图标来表示提要。许多平台使用铃声作为通知选项卡。每个人都使用齿轮图标进行设置。或放大镜进行搜索。

或者还要注意对于移动设备,尤其是 IOS 设备,后退按钮(用于导航到上一页)始终位于左上角。每个人都这样做,因为这正是用户所期望的。

开发人员可能想尝试一些新的东西来有所不同,但了解有时用户不想要的这一点绝对很重要 不同的。 这正是 Android 和 IOS 在许多方面相似的原因。这也是 MacOS 和 Windows 有很多相似之处的原因。或推特、Instagram 和 Facebook。或者 Netflix、Disney+ 和 HBO Max。用户希望使用熟悉且直观的东西。

如果您想了解有关 UX 法律的更多信息,请查看这个令人难以置信的华丽网站 用户体验法则 .他们回顾了许多不同的用户体验设计法则,并提供了更多资源来了解更多信息。

祝贺你 :)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/22412/07580710

标签:界面设计,UX,定律,按钮,用户,改善,体验,菲茨
From: https://www.cnblogs.com/amboke/p/16664350.html

相关文章

  • Linux 入门
    Linux入门LinuxLinux,全称GNU/Linux,是一种免费使用和自由传播的类UNIX操作系统,其内核由林纳斯·本纳第克特·托瓦兹于1991年10月5日首次发布,它主要受到Minix和Unix思......
  • linux ssh隧道
    linuxssh隧道隧道是一种把一种网络协议封装进另外一种网络协议进行传输的技术。这里我们研究ssh隧道,所以所有的网络通讯都是加密的。又被称作端口转发,因为ssh隧道通常会......
  • linux标准输入输出以及重定向
    1.经常遇到<<<>>>0>&1是什么意思以上表示某种输入输出重定向,具体了解前要知道什么是标准输入输出。2.什么是标准输入输出标准输入输出实际完整的叫法是标准输入......
  • Linux环境搭建
    Linux环境搭建安装VNware虚拟机我在腾讯下载中心直接下载点普通下载就可以了https://pc.qq.com/detail/0/detail_21600.html来到安装目录选择一个自己喜欢的目录主要不......
  • windows远程linux桌面
    centos7为例:1.配置好本地yum源,然后安装上 tigervnc 和 tigervnc-server 安装包,被远程只装tigervnc-server即可[root@nginx~]#yumsearchtigervnc--showduplica......
  • Linux 后台开发必知的 I/O 优化知识总结
      IO性能对于一个系统的影响是至关重要的。一个系统经过多项优化以后,瓶颈往往落在数据库;而数据库经过多种优化以后,瓶颈最终会落到IO。而IO性能的发展,明显落后于CPU的发......
  • 深入理解 Linux的 I/O 系统
      传统的SystemCallI/O在Linux系统中,传统的访问方式是通过write()和read()两个系统调用实现的,通过read()函数读取文件到到缓存区中,然后通过write()方法......
  • Linux Kernel TCP/IP Stack|Linux网络硬核系列
      介绍Linux网络技术中最核心的部分--TCP/IP协议栈 。我们先看一下抽象的网络协议栈模型  再按分层思想看Linux内核协议栈实现框架  1.socketlayer ......
  • Linux学习笔记:mkdir创建文件夹
    Linux学习笔记:mkdir创建文件夹文件夹,即目录,在linux中使用mkdir创建。语法:mkdirdir_name通过mkdir命令可以实现在指定位置创建以dir_name(指定的文件名......
  • [安装配置] Linux安装配置maven
    第一步:上传压缩包第二步:解压压缩包tar-zxvfapache-maven-3.5.4-bin.tar.gz-C/usr/local第三步:配置settings.xml文件进入配置文件目录cd/usr/local/apache-mave......