如何在交互细节中体现专业性?

  • 来源:北京至诚伟业汽车租赁公司
  • 点击次数:297
  • 发布时间:2022-11-28

如何判断一个交互作品的专业性?


1. 设计流程完整、方法得当

设计是有章法的,我们总结了那么多设计流程,设计方法论,就是希望设计师能够学习借鉴,并运用到自己的设计作品中,让设计作品从片面走向严谨,从主观走向客观。当我们审视交互作品时,是否遵循设计思维的工作流程,是否采用合适的设计理论指导,这种可视化的展现你思考过程的形式,成为快速筛选专业作品集的第一层漏斗,如果作品集里只有线框图肯定是无法通过第一关作品集扫描的。


2. 设计目标拆解合理,策略得当

设计首先是要做正确的事情,简单清楚的阐述项目背景和业务目标后,我们会看一下设计分析(包括用户分析+竞品分析+数据分析)的结论,结合二者 check 设计目标的合理性,设计策略与目标的匹配度,设计目标的推导及设计策略的制定,可以反映出交互设计师的逻辑推导能力和专业拆解能力。


3. 任务流程的创新性

任务流程的创新是相对大尺度的设计创新,如果能在某个高频用户任务上一步直达,快速提升用户效率,往往可以产生业务飞跃性的结果和用户惊喜,这能够反应出设计师们的创新能力。


4. 交互细节的专业性

交互细节的专业性更多的体现在日常的设计实践中,它将在在项目团队内部塑造我们的专业形象。我将交互细节的专业性,又拆解成 3 重因素:完备性、精准性和直观性。


完备性是基础,设计师需将所有的交互逻辑和细节都进行阐述,避免缺失,徒增沟通成本和项目工期。  

精准性是标准,在描述完备的基础上,要尽可能精炼,准确,通俗易懂,不啰嗦冗余,减少大家的阅读负担,避免理解歧义。  

直观性是进阶,要将我们的项目成员也当做是用户,将交互文档主次呈现清晰,并尽可能的可视化,避免所有东西都用文字传达,提升项目成员的阅读+理解效率和体验。  

下面我们就将完备性、精准性和直观性分开来阐述:


1. 完备性

因为交互设计的核心工作集中在架构层和框架层,所以我们的交互自检表也主要围绕这两层来展开。


① 结构层

结构层由内到外,由整体到局部我将其划分为 3 个模块:信息架构、流程设计和交互设计。

在信息架构层面主要关注以下 5 点:


1.整体信息架构是否清晰易理解,可拓展? 

2.导航模式是否清晰,易理解? 

3.页面中信息层级是否清晰合理?

4.信息视觉流是否流畅? 文本和图片标签是否简洁、通俗易懂? 

5.是否考虑引入搜索的必要性及搜索的权重?


在流程设计上主要关注以下 8 点:

1.新功能是否需要引导,形式是否合适? 

2.是否有其他相似的任务流程?是否可复用之前的流程? 

3.是否能方便的找到每一步的操作入口,并正确的操作? 

4.操作反馈是否能被用户注意到,并正确理解? 

5.操作后是否能很方便的撤销? 

6.逆向流程的设计是否有特殊考虑? 

7.操作是否需要申请授权?未授权如何呈现? 

8.任务被中断后是否保存进度和状态,如何继续?


在交互设计上主要关注以下 8 点:

1.高频操作的功能是否在拇指自然操作的热区范围内,且热区足够? 

2.是否需要设计动效,增强页面元素或页面间的逻辑关系? 

3.是否考虑了误操作的情况和容错性? 

4.手势使用是否符合用户认知?是否与系统手势冲突? 

5.系统反馈是否需要一段等待时间,如何将处理状态传递给用户? 

6.操作时和操作后是否有明显的状态变化让用户感知到操作正在/已经生效? 

7.操作成功的状态反馈是否符合用户预期,可否增强用户的情感反应? 

8.是否考虑操作失败的处理逻辑?能否帮助用户尽快从错误中恢复?


2. 精准性

精准性和完备性其实都在交互自检表中同时体现了。完备强调完整无遗漏缺失,精准强调的是清晰准确、精炼、无歧义。比如标签命名、图标选择、文案表达、控件选择都强调要精准,选择最合适的元素、文案、数据形式、控件、布局和结构,让界面设计更加符合用户认知和操作习惯。


3. 直观性

直观性主要是对交互文档形式的要求,当我们的交互逻辑和描述面面俱到且准确精炼之后,更高一级的要求就是要直观。通过合理的信息分类、组织以及可视化的方法让交互文档的信息传递更直接。