原型设计工具,交互设计师的核心技能!

  • By 本站 - 2023-11-13 15:16
  • Read:254

在当今Web2.0主导的数字化体系背景下,原型设计(Prototying)作为UI设计的基础,是交互设计师的核心技能之一,无论是独立设计工作室还是互联网企业的用户体验部门,原型设计都是交互设计师的主要产出。

交互设计

原型设计的两大特点
视觉化

原型帮助交互设计师向每个利益相关者(团队成员&客户&需求方)展示最终产品界面的外观、功能以及流程。

反馈

原型帮助交互设计师收集来自团队其他成员(产品经理/视觉设计师/开发团队 etc)以及用户测试组的反馈。

一次好的界面设计产出通常经过几轮的目标用户群体测试,让用户与接近真实的界面进行互动,并收集用户的使用痛点,或根据点击热区/使用路径分析等方式重新整理信息架构。

然后,设计团队可以在产品推出最终版本上线之前对设计进行测试和迭代,从而为整个团队节省时间和花费。

有哪几种类型的原型设计产出?

这里首先要提到一个保真度(Fidelity)的概念,保真度是指一个原型与最终产品的接近程度,在大多数情况下也代表着设计师所付出的时间和精力。各类不同的保真度原型适用于不同场景,下面将会从低保真度到高保真度介绍不同的原型种类。

手绘草图 & 纸上原型

草图原型通常是自由形式的铅笔画,描绘出一个最初的想法。它们是最初级的原型形式。交互设计师通常使用草图来产生想法并与产品团队合作。

纸上原型通常是团队协作的产出,与草图原型相比结构更加明确。通常涉及到使用模板和纸板来创建各种App或Web的更实质性的详细模型,以便在可用性测试中使用。

穿透式原型

从穿透式原型开始,交互设计师就要借助各类PC或Mac上的各类原型设计软件来创建线框图(Wireframes)了,它描述了Web或App上各个界面的元素,并通过热点(Hotspot)连接各个界面(Screen)来表达流程(Flow)和功能(Function)。穿透式原型是低保真原型里的最高级版本,也是交互式原型的最简单版本。

交互式原型 & 数字原型

交互式原型是可互动的界面原型,可以让用户实际进行使用模拟测试而不是看纸上谈兵,但只支持中等保真度的视觉设计。交互式原型既可点击又可响应,使用户能够与之互动并看到响应的动画。

数字原型是最常见的高保真原型,它是绝大部分交互设计师工作中会产出的最高级别保真度原型。很多原型设计工具可以让UX设计师创建这种富有美感的、交互式的、甚至有动画效果的用户界面产品原型,这些原型几乎已经可以接近真实的使用体验。

HTML/CSS 原型

HTML/CSS 原型是比较复杂的,因为它要求交互设计师或原型设计者具备相当的编程能力。这些原型最接近产品界面的最终设计,是收集用户反馈的最佳选择,同时也是工作量最高的方式。


转载请保留出处及原文地址:https://www.shishangjue.com/article/568.html

上一篇:为了活动快速上线,交互设计师是如何“排雷”的?     下一篇:交互设计有5个重要的组成部分有哪些?

直线

设计总监
138-0225-7571

微信
WhatsApp

WhatsApp
+8613802257571