
- 69 lessons
- 0 quizzes
- 4 week duration
-
第一章. 互动媒体与用户体验
-
第二章. UX设计过程简介
-
第三章 UX设计的不同领域
-
第四章:成为UX设计人员所需的技能
-
第五章 第一个出色的UX产品集
-
第六章 互动媒体与用户界面设计
-
第七章 UI&UX工具软件视频讲解(综合)
- 简介-1
- 简介-2
- 7.1 Interaction Button
- 7.2 Text Link
- 7.3 Show Hidden Widget
- 7.4 Navigation Menu
- 7.5 Tab Control
- 7.6 Lightbox
- 7.7 Flyout Menu
- 7.8 Custom Tooltip
- 7.9 Accordion Control
- 7.10 Account Login
- 7.11 Carousel
- 7.12 Auto-Tab Fields
- 7.13 Required Fields
- 7.14 Dynamic Droplists
- 7.15 Set Text with Droplist
- 7.16 Pass Text to Next Page
- 7.17 Full-Width Image or Banner
- 7.18 Scroll-Activated Sticky Header
- 7.19 Slider
- 7.20 Drag and Drop
- 7. 21 Embed Media
- 7.22 Scrollable Table
- 7.23 Set Panel on Next Page
- 7.24 Terms and Conditions
- 7.25 Custom Text Field
- 7.26 custom checkbox radio button
- 7.28 Custom Droplist
- 7.29 Custom Datepicker
- 本章练习文件(综合)
-
第八章 UI&UX工具软件视频讲解(移动端基础框架)
-
第九章 单元课作业要求
1.5 好的和坏的UX是什么样的?
现在,我们将讨论UX的好坏两种情况。在继续进行数字示例之前,我们将从熟悉的物理对象开始。
UX设计的优缺点:示例1
看一下下面的图片。注意到UX设计有好有坏吗?乍一看,该产品可识别为水龙头,并且设计看起来很实用。它具有水龙头的所有必要组件。这在美学上令人愉悦,甚至可以为厨房或浴室增添优雅的气息。现在考虑以下问题:
物理对象的不良UX设计示例是难以分辨的,如果水龙头突然非常迅速地分配管道热水,那么用户手上的安全性可能非常严重。其实用户不必为如何使水龙头功能如愿以偿而认真思考,他们一开始就应该能够正确使用水龙头。如何做才能使设计更安全,更直观?有没有简单而有效的修复方法?
UX设计的优缺点:示例2
在考虑数字示例之前,需介绍线框。可以在此处阅读有关线框的全面介绍,但是简单地说,线框是设计图。就像架构师使用蓝图一样,UX设计人员也使用线框来传达其最初的设计思想并演示设计如何发挥作用。线框可以手绘或在计算机上创建,并且在设计数字产品时经常使用。重要的是要注意,线框专注于产品的总体布局和功能-视觉和样式元素要保持在最低限度!
考虑到这一点,请看下面的线框。注意UX设计的好坏示例吗?
物理元素的不良UX设计示例在左侧的线框中,用户可以看到最突出的按钮是“删除”按钮。文本较大,突出显示为鲜红色,位于右侧,通常保留用于确认。这种不直观的设计可能很快导致用户不小心删除了他们打算保存的内容。不好的用户体验!
然后是右侧的线框取消订阅复选框处于选中状态时,没有任何选项可以实际取消订阅。这些按钮仅允许订阅或取消。无法取消订阅不再想要接收的内容可能会使用户感到沮丧。糟糕的UX设计的另一个例子!
修复不良的UX
设计在下面的线框中,我们更正了原始的线框,以展示出色的UX设计。
糟糕的UX设计的分辨率使其变得更好在左侧的示例中,现在重点放在了“保存”选项上,它位于熟悉的位置,减少了用户意外删除要保留的内容的机会。在右侧的示例中,用户现在可以确认他们退订的决定。与原始示例不同,该副本很简单,并且确认操作的后果也很清楚。
专业提示!
“在分析用户体验时,可以先将体验与“优质用户体验”的行业标准进行比较。具有良好UX的产品将是:有用,可用,可取,可找到,可访问且可信。在进行分析时,请牢记这些特征,这将在继续进行UX之旅时保持良好的状态。”