智能产品系统的优秀交互设计方案

2025-09-29 理论教育版权反馈

【摘要】：在完成了前期准备和交互方式设计的确定后，我们需要对智能产品自身的系统进行交互设计，设计出人们使用产品的交互方式相对应的系统交互，让人们能够清楚地意识到使用产品时产品的状态。本书结合智能产品的特点将智能产品系统的交互设计分为了四部分：系统架构、操作流程、界面布局、界面视觉。在智能产品界面的交互设计中。

在完成了前期准备（产品定位、调研等）和交互方式设计的确定后，我们需要对智能产品自身的系统进行交互设计，设计出人们使用产品的交互方式相对应的系统交互，让人们能够清楚地意识到使用产品时产品的状态。在《用户体验要素》一书中将在产品系统这一范围的交互划分为：结构层、框架层、表现层这三部分。本书结合智能产品的特点将智能产品系统的交互设计分为了四部分：系统架构、操作流程、界面布局、界面视觉。

（一）系统架构的设计

智能产品界面结构的设计是按智能产品的功能对系统的结构进行有针对性的搭建。目前现有智能产品系统架构最常用的是层级结构，这种层级结构按照用户操作的顺序进行安排，适合智能产品功能较多、交互方式较复杂时使用，反馈界面可通过层级结构将每一步用户的操作建立有顺序的反馈界面，从而利于用户理解。例如智能电视交互界面，由于功能繁多，采用的就是这种层级结构进行界面框架的搭建，由于各个页面之间有严密的逻辑关系，用户很容易利用层级结构，通过反馈界面知道当前所处的位置和状态。

层级架构虽然有严谨的结构形式，但是这种结构对于老年人来说理解起来十分费力，智能电视的界面，当前的系统架构就采用的是层级结构，当前处在乐视TV－电视－科幻结构中，这也许对青年人来说十分利于理解，但是对于老年人来说，则十分不便，老年人很难去理解层级结构之间互相嵌套的关系，在对老年人智能产品系统进行设计时要尽量避免层级结构较深的设计方式。

线性结构是一种连续性很强的结构形式，多应用于智能产品的操作界面和功能相对较少或者以按键式交互为基础的智能产品的界面结构，这种结构更符合用户操作时的习惯，更加强调界面结构间的顺序。传统电视遥控器与电视界面的交互上就很好地诠释了线性结构的含义，用户再按主页键后，电视界面自动跳转到主页界面，按返回按键则返回电视页面，架构成线性一对一的单层递进；又比如按按键调节音量或频道，则视觉界面相对应的按照指令进行单一的线性判断，没有多余的其他的选项。

线性结构十分简单易懂，而且反馈之间递进关系十分明了，对于任何年龄结构都十分善用，但是线性结构由于结构单一，一般只适用于功能较少的智能产品，像如今的智能电视系统由于功能很多，就不适用于线性结构的应用。

自然结构没有严格的顺序和逻辑关系，适合应用于智能产品功能较多时，而且鼓励用户不断尝试各种不同功能的情况下采用，没有明显的核心功能且以多功能为产品的特点。这种结构非常自由，没有层级概念，用户在使用时不知道当前处在整体位置的哪一个层级。

自然结构由于具有不确定性，普遍在智能游戏产品之中应用比较广泛，通过不确定的逻辑关系鼓励用户不断尝试不同的选择，可以寓教于乐，同时达到开发智力的效果。

在产品的操作页面和视觉反馈页面分别按照之前确定的操作流程来同时结合产品的特点进行界面结构的设计。在设计操作界面和反馈界面的结构时，一定要紧密联系着操作步骤，要建立紧密的逻辑关系，不要使建立的结构与用户心理模型的产品结构出现很大的出入。

（二）操作流程的确定

在确定交互方架构前提的基础上，将用户使用产品的每一步操作和界面反馈记录下来，形成产品的操作流程图，为之后的界面结构的设计打好基础。

在设计这种操作和反馈的操作流程时，要首先确定我们智能产品核心功能的操作流程，在列出其他主要操作的流程。按照之前计划好的系统架构，逐步确定其操作流程，将操作流程中需要包含的功能和元素都一并确定好之后，记录每个页面都需要包含的内容，为之后的界面布局设计做好准备。

（三）界面布局的设计

在智能产品界面结构搭建完成之后，我们逐一地对每一个操作界面完成有针对性的设计布局，将每一个页面内应该包含的内容和功能有序的组织起来。在《简约至上：交互式设计四策略》一书中介绍了交互设计的四种策略分别：删除、组织、隐藏和转移，可以结合智能产品的交互方式、产品定位等，再将其应用在智能产品界面布局的设计之中。在智能产品界面的交互设计中。我将此书中这四种策略结合乐视智能电视遥控器的界面交互设计进行实例分析。

1.适当的删除

可以将界面里多余、无关的信息进行删除，避免用户为不必要的东西分散注意力，达到信息的精简。这也是交互设计理论中一个经典原则“如无必要、勿增实体”最好的诠释，用简洁的界面排布，让用户更加沉浸在需要关注的事情之中。

在内容上进行有针对性的删除：删除不必要的解释、复杂的说明语句，让阐述内容更有条理。删除选项：过多的选项会造成用户的选择困难，让用户难以使用。(https://www.chuimin.cn)

2.组织

通过对界面呈现的信息进行有针对性、合理的组织，可以很大程度上提高产品的易用性，可以将相关的信息在操作界面和反馈界面以组的概念划分区域，让人们在使用时可以自然而然地感受到界面呈现信息的指引性，能够增加产品的易学性同时提高用户的使用效率。在智能电视遥控器的界面中，可以看到各个按钮有序的排列组织，将最经常使用的核心区域即触摸板区域放在最中间，方便用户频繁使用，同时将遥控器分为三个部分，划分不同功能区域，让用户建立对应的使用功能区域意识。

3.具有提示的隐藏

由于智能产品的功能多样化，在产品界面设计时可以重点显示主要功能的界面信息，对于次要的功能和信息应该给予隐藏。增大主要功能和信息与次要之间的差别，这样可让用户不必为次要的信息分心，在用户使用产品主要功能时会提供很大便利。在用户需要使用那些隐藏功能时，通过某种方式即可使用隐藏功能，既节省了空间也可以将用户更多的精力放在经常使用的核心功能之中。但值得注意的是隐藏并不是完全隐藏，需要有提示性，当用户需要使用隐藏的功能时，能够通过合理的提示找到隐藏的部分。不要为了视觉上的整洁而把隐藏的提示取消，单纯为了视觉上的简洁使得用户找不到隐藏的功能。比如曾经在几年前十分流行的hamburger　button就是一个反例，就是为了简洁的视觉效果，将大部分次要功能隐藏在了这个按钮之下，但是用户使用起来并不知道这个按钮的意义以及这个隐藏按钮的意思，在使用时往往造成使用障碍，通过大量数据的反馈表明，用户这种形式的隐藏对用户造成了很大的障碍，最终这种形式的隐藏已经逐渐被废弃，现在这种形势依然存在，只是在原有的基础上加入了清晰的提示，告知用户隐藏在下面的含义，隐藏还是要具有一定的提示性。

4.转移

在智能产品界面布局的转移其实质就是在操作界面和反馈界面完成功能的转移，在这一过程中，产品的功能没有变化，只是操作方式上产生了变化。将其中一部分的布局转移到了另一个操作界面上，达到其中一个界面的相对简洁，而另一个界面就相对承担了更多的信息。在乐视智能电视中，将大部分的功能都转移到了电视显示器上，通过触摸板与电视屏幕进行交互，通过这种转移的方式将遥控器端的复杂转移到了显示器端。但需要注意的是，这种复杂是不会改变的，只是转移，在现实屏幕显示器端的界面设计也要通过这几种方式来复杂管理并且简单化，这样才能完成好的转移。

（四）界面视觉的设计

在完成各个页面布局之后就可开始对每个页面进行视觉上的设计，对智能产品的界面设计要结合智能化产品形态和交互方式来进行设计，同时设计时还要参考以下原则。

1.一致性

界面颜色和构成各个元素的形态大小、颜色、语言等等要保持一致，使产品保持很强的整体性，不要让产品给人一种零散的感觉，尽量让操作界面和反馈界面的视觉设计上保持关联性，不要有太强烈的视觉落差。

2.对比度

在界面颜色上可以采用恰当的对比关系，突出产品的主要信息，同时在界面上建立有效的分层关系，可以让人们使用起来更加一目了然，增强产品的易用性。

3.对齐

在界面各个元素、区域、文字不在同一行时，要各自保持相互对齐的关系，让人视觉上感到轻松。

4.整体性

各个界面的视觉设计应该呈现出一种整体的风格，不要每一个界面都有各自的主题，同时整体的风格要与产品的定位，使用情境相符合。