20 个最佳 UX 模式教程

已发表: 2017-03-26

您是一名 UX 设计师,期待创建具有专业外观的设计,还是只想了解更多有关用户体验的信息? 这个令人惊叹的最佳 UX 模式教程合集正是您所需要的。 在这里,您将找到各种各样的 UX 教程,这些教程将教您如何成功创建 UX 模式。 此外,信息结构良好,易于循序渐进。

目录隐藏
产品制造商
快速加入购物车
产品预览滑块
可扩展的图片库
添加到购物车互动
动画注册流程
二次滑动导航
响应式通讯表格
智能固定导航
侧边购物车
什么是用户体验?
让用户体验对您的公司很重要
如何教授用户体验设计?
排版和用户体验——WCSF
内容优先的用户体验设计:关于用户体验,哪些视频游戏教会了我们?
用户体验和设计神话
为移动设备设计
将用户带入设计过程
UX 的未来:设计数据体验
UX 设计 + UI 设计:注入品牌形象!

这些 UX 模式教程是为初学者创建的,以引导他们进入 UX 设计。 此外,您还会发现一些 UX 教程,这些教程旨在进一步提高您的 UX 知识并帮助您成为经验丰富的 UX 设计师。 无论您属于哪个类别,这些教程肯定会帮助您提高整体设计性能。

让我们开始学习吧!

想要更多用户体验的东西吗? 查看这些基本的 UX 应用程序。

产品制造商

在这个出色的 UX 教程中,设计师向您展示了如何创建一个完全可定制且响应迅速的产品构建器,然后您可以将其插入您的在线商店。

CSS 和 jQuery 中的产品构建器 _ CodyHouse 别针

快速加入购物车

此技术演示了如何使用非常有用的代码片段创建快速添加到购物车功能。 这是一个不错的功能,肯定会更吸引您的客户。

在 CSS 和 jQuery 中快速添加到购物车_CodyHouse 别针

产品预览滑块

这是一种很好且简单的方法,可让您直接在产品库中查看同一产品的许多变体。 这使您可以立即查看有关产品的更多信息,而无需导航到其他页面。

CSS 和 jQuery 中的产品预览滑块_CodyHouse 别针

可扩展的图片库

在这里,您可以获得创建可扩展图片库所需的所有信息,只要您觉得合适。 这会使图像在点击时展开,并转换为图库。

CSS 和 jQuery 中的可扩展图片库_CodyHouse 别针

添加到购物车互动

本教程向您展示如何创建交互式添加到图表图标。 每次用户选择购买商品时都会显示此信息。

在 CSS 和 jQuery 中添加到购物车交互_CodyHouse 别针

动画注册流程

了解如何设计在用户选择计划时启用的动画注册流程。 此项目具有完全响应式布局,可适应任何屏幕尺寸。

CSS 和 jQuery 中的动画注册流程_CodyHouse 别针

二次滑动导航

为什么需要第二次导航? 有很多情况需要这种类型的元素。 那时,有关如何从头开始构建它的信息可能会派上用场。

CSS 和 jQuery 中的二级滑动导航_CodyHouse 别针

响应式通讯表格

使用 CSS3 动画创建这个漂亮的时事通讯表单。 此项目具有完全响应式设计,可自动适应任何屏幕尺寸。

CSS 和 jQuery 响应式通讯表单_CodyHouse 别针

智能固定导航

了解如何创建此固定导航以使您的网站更易于访问。 按照说明操作,查看代码片段并在您的项目中使用它。

智能固定导航_CodyHouse 别针

侧边购物车

您可以快速创建一个精美的动画侧边购物车。 这使您的用户可以随时检查他们的购物车,而无需刷新页面。

CSS 和 jQuery 端购物车 _ CodyHouse 别针

什么是用户体验?

这是一个简洁的演示文稿,向您展示了许多有关 UX 的有用信息。 这非常适合初学者,因为它侧重于基础知识。

什么是 ux 别针

让用户体验对您的公司很重要

看看这个精彩的演示文稿,并使用它来了解更多关于如何使用户体验成为您公司的重要组成部分的信息。

让用户体验对您的公司很重要 别针

如何教授用户体验设计?

这是一个可爱的幻灯片分享,它为您提供了一些关于教授 UX 设计的各种方法的重要指示。 如果这是您正在寻找的内容,那么此信息非常适合您。

如何教授用户体验设计 别针

排版和用户体验——WCSF

该演示文稿包含有用的信息,将解释排版和用户体验之间的复杂联系。

排版和用户体验 - WCSF 别针

内容优先的用户体验设计:关于用户体验,哪些视频游戏教会了我们?

美丽的用户体验设计可以从视频游戏中获得灵感。 此 Slideshare 包含有关视频游戏和 UX 设计之间各种联系和相似之处的有用信息。

内容至上 UX 设计 视频游戏教给我们的有关 UX 的知识 别针

用户体验和设计神话

这是每个 UX 设计师可能听说过的神话汇编。 他们中的大多数都以创作过程和有效性为导向。

用户体验设计神话 别针

为移动设备设计

了解如何成功创建真正给用户留下深刻印象的移动用户体验。

UX 和 UI - 为移动设备设计 别针

将用户带入设计过程

用户可以积极参与设计过程,但最有效的合作方式是什么。 以用户为中心的技术可用于评估设计。

以用户为中心的 UX 将用户带入设计过程 别针

UX 的未来:设计数据体验

看看这带来了讨论重要的用户体验主题。 这么多设备的存在,UX 任务从一台设备开始,通过多台设备的各种接口继续,然后……这一切都去哪里了?

UX 设计数据体验的未来 别针

UX 设计 + UI 设计:注入品牌形象!

此信息侧重于 UX 和 UI,并试图解释它们的相似之处和困难。 这有助于确保这两个概念不再混淆。

UX设计+UI设计注入品牌形象! 别针