当 Apple 将点击轮导航组件引入 iPod 时，它非常直观且功能强大，更不用说视觉效果令人惊叹了。这是成功的用户界面（或 UI）的一个很好的例子。 UI 是人们与计算机、机器、网站、应用程序、可穿戴设备等交互的方式。UI 设计使所有这些事物尽可能简单和高效。
UI 与 UX
UX，用户体验，是指用户通过网站或应用程序 国家邮箱列表 的旅程。 UX 设计师致力于产品或技术的形式和功能。 UI，即用户界面，主要关注产品外壳的外观和功能。 UI 设计师的工作是这个过程中有形和可见的组成部分。
常见的 UI 元素
UX 和 UI 有很多共同之处，但重要的是要注意这两个主题之间的主要区别。再次强调，UI 关注的是产品的外观，而 UX 更关注人们如何与网站或应用程序互动。以下是您需要了解的最常见的 UI 元素，以便更好地理解差异：
数据组件：UI 设计师使用数据组件来扩展所谓的阅读体验——传达更多信息。信息组件的示例包括状态指示器、通知和消息框。所有这些都用作确认：用户已经完成了某 安装实时聊天代码 项任务。或者通知他需要采取某种行动。
面包屑导航
它是一种从视觉上提高网站可用性的设计工具。
这就是人们在网页的层次结构中看到自己位置的方式。不需要任何花哨的设计元素，您只需要显示用户位于网站的哪个部分。通常，此类链接位于在线商店的网页顶部或其他资源上。
输入控制：用户可以通过多种选项来回答他们所问的问题。这些可以是复选框、下拉列表和单选按钮。信息应该简短而简洁，以便更容易识别需求。
来源： UX Planet
交互体验研究
没有研究就不可能了解人们的需求和偏好。 户界面设计 UX 研究是为了找出用户需要什么；获得的数据构成了 UX 设计的基础。公司和设计师通过研究来得出关于什么有效、什么需要改变的结论。 UX 研究有几种类型。
可用性测试
此类研究的目的是了解产品的成功程度；用户参与测试。这为公司提供了有关人们如何使用产品或系统，或该产品或系统如何运作的真实信息。测试主要有两种方式。
对随机用户进行可用性测试是公司和研究人员从可能不了解其产品的人那里获取信息的一种快速且廉价的方法。随机的人使用该产品并分享他们的意见。
远程可用性测试允许公司在用户处于自然环境（例如家中或办公室）的环境中开展研究。
可用性测试工具
这些工具可以让你了解用户的意见，分析 巴西商业名录 反馈，并根据数据做出某些改变。如果您正在寻找一种工具来帮助您了解您的网站或应用程序的易用性，那么您有两种选择：
Crazy Egg：此工具显示用户在网站上点击的内容。 Crazy Egg 还记录流量的来源——来自另一个地理区域或站点。
Hotjar：该工具结合了分析和反馈；提供改善用户体验的选项概述。使用热门地图、访客评级、销售漏斗等。
如何提升交互体验
上述研究和测试方法使我们能够改善用户体验。可以采用咨询方法来改善用户体验并选择行动号召、实施响应式网页设计、考虑菲茨定律、避免输入不必要的数据等。
菲茨定律
它是一种预测模型，可以确定特定用户将光标移动到网站特定部分所需的时间。该定律有多种变体，但它们都具有相同的思想，即“到达目标（CTA 按钮）所需的时间与距离成正比，与目标的大小成反比”。
菲茨定律广泛应用于用户体验设计中，以提高人体工程学和可用性。许多用户都熟悉 MacBook Pro 上的 Touch Bar，它是键盘上的触摸面板，可以在用户进行谷歌搜索、做笔记、更改屏幕亮度和音量等操作时加快用户体验。Touch Bar 选项会根据桌面上打开的内容而变化 – 无论是应用程序、网站还是笔记本电脑上的设置部分。 vTouchbar 简化了用户体验：所有常用设置都集中在一个地方。根据菲茨定律，按钮距离用户越远且越小，就越难触及。这就是为什么 MacBook 中的 Touch Bar 是这一定律在用户体验方面得到很好实施的例子。
UX设计中的工具
研究、原型设计、线框图、故事板或创建图形——所有这些都有专门的 UX 工具。其中一些是免费的，一些则需要订阅。 UX设计师的选择范围相当广泛。以下是一些流行工具的简短列表：
1. Adobe Fireworks
Adobe Fireworks CS6 允许网页设计师为网页创建图形，而无需了解编程代码或设计的复杂性。 Adobe Fireworks 具有许多优点。该工具具有令人印象深刻的像素精度和图像压缩选项（JPEG，GIF等），允许用户创建功能性网站和构建矢量。
2. Adobe XD
使用 Adobe XD，您可以创建网站和移动应用程序设计，以及原型、线框和矢量图形。您可以在多个平台（包括 Windows、Mac、iOS 和 Android）上共享交互式原型，这使得该工具成为团队合作的理想选择。