学习交互设计入门知识
当前位置:贝知网>知识分享>平面设计>学习交互设计入门知识
学习交互设计入门知识
时间:2022-04-08 平面设计

学习交互设计入门知识

第一章: 交互设计的认知

1. 什么是交互设计

交互设计,是通过分析用户的心理模型、设计任务流程、运用交互知识,把业务逻辑(功能规格或内容需求)以用户能够理解的方式传达给目标用户,平衡公司商业需求和用户需求的价值,最终实现产品战略的过程。

大家看到的用户界面,往往只是看到了设计的最终结果,那只是设计的冰山一角,而具体界面设计背后的思考和设计过程是看不见的,在第二章节会详细阐述设计思维、设计方法等看不见的设计。

目前,交互设计师和产品经理的工作确有重叠现象,不再区分的那么明显,有的公司并没有交互设计师岗位,而是由产品经理兼任。其实,交互设计师基本上是半个产品经理,一定是具备产品思维的交互设计师,这对交互设计师也提出了更高的要求。

而有些界面设计总是争论不休,没有定论,本质是缺乏明确的设计目标,需明确是为什么用户在什么场景下解决什么问题。

图1:用户界面-看得见的设计 & 看不见的设计

2. 交互设计做什么

交互设计师在工作中接到的设计项目通常可分为两类:一类是体验优化类项目,另一类则是新产品或改版项目。

体验优化类型的项目,一般是产品日常版本迭代,属于常规项目。新产品或改版项目,通常出现的频率比较低,但是非常重要,前期需要一定的竞品分析或调研工作。

交互设计师在对接这两类项目时,主要需关注需求分析、用户研究、信息架构、流程设计、信息设计、原型设计、文案、数据分析、竞品分析 9 个方面。其中,需求分析最为重要,包括用户需求和产品需求的分析,需求分析是从用户提出的需求出发,找到用户内心真正的需求,转化为产品需求的过程。

用户需求是用户自己以为的需求或需要,产品需求是经过我们分析之后挖掘到的用户真实需求,并转化为产品解决方案。此外,一般需要从商业、用户、技术三个方面考虑,洞察需求的合理性。

3. 产品经理、交互设计师和 UI 设计师的区别

用户体验五要素是入门交互设计必备的基础模型,通过用户体验五要素可以直观清晰地知道产品经理、交互设计师和 UI 设计师工作的侧重点和区别。

首先,产经经理主要侧重于战略层和范围层。具体思考产品目标和用户需求,通过对用户需求的洞察,提出产品解决方案,将用户需求转化为产品需求(功能规格和内容需求),更多考虑产品的商业价值和满足业务需求。

其次,交互设计师主要侧重于产品的结构层和框架层。重点是行为设计和逻辑层面,权衡用户价值和商业价值,侧重产品用户体验,提出更有效的设计解决方案。

根据用户体验五要素模型可知,产品主要分为功能型产品和信息型产品,不同类型的产品,交互设计的侧重点也不同,对于功能类型产品,侧重功能交互设计和界面设计,而对于信息类型产品,则侧重信息架构和导航设计。

最后,UI 设计师主要负责产品表现层,以用户为中心,围绕产品和交互设计的目标展开视觉设计。UI 设计师偏向于感知设计,通过对比、视觉一致性、配色、排版、字体、字号、图形符号等视觉设计方法赋予产品良好的外观体验和视觉感知,提升产品的视觉体验。

简言之,设计师更注重创意及逻辑,设计目标更加纯粹,能够更多地考虑用户,设计方法更专业。产品经理会站在产品全局视角考虑问题,侧重商业目标。

图2:用户体验五要素(图片来源网络)

4. 交互设计的价值

产品从抽象到具象的设计过程中,交互设计起到了至关重要的作用。从 2012 年移动互联网的元年开始,几乎每个互联网人都深知用户体验就是商机,因此,互联网企业非常重视产品的用户体验。在互联网上半场红利时期,为了抢夺更多的用户,很多互联网企业推出的产品几乎都是免费的,通过提升产品用户体验的方式获取用户和增加用户留存,以提高其市场占有份额。

而交互设计师会兼顾用户价值、商业价值和品牌价值等,根据用户反馈和商业目标不断改善产品用户体验,以提升产品的价值。

交互设计师还需要分析并重塑需求,分析用户特征行为,设计结构、流程、界面、动态效果,跟进视觉、前端,及时整理线上问题,准备下一次迭代。

此外,交互设计师可以将产品经理从原型设计的工作中释放出来,会有更多的时间思考产品方向,可提升产品研发效率,减少不必要的返工、理解成本和沟通成本,保证项目顺利进行。

第二章:设计思维

在互联网产品设计和用户体验设计中,除了具体的动手之外,学会如何思考非常重要。互联网进入下半场,人口红利消退,资本红利和流量红利逐渐萎缩,互联网大环境的变化给互联网企业和设计从业人员带来了全新的挑战,业务增长乏力成为当前互联网企业首要解决的问题。

随着云计算的快速发展,数据存储成本也越来越低,使得数据获取变得更加容易,大数据时代的来临使得增长更容易实现。

由于以上原因,设计思维也发生了变化。过去,我们做设计往往注重用户体验,强调用户思维,遵循以用户为中心的设计原则,以问题为导向进行设计。

以用户为中心的设计思维最早是美国著名工业设计师亨利·德莱福斯提出,在他的著作《为人的设计》非常详细地阐述了这一设计哲学。然而,现在我们做设计不再只强调用户思维,而是以增长为导向,围绕产品增长,以产品价值为中心进行设计,并尽可能减少成本。

所以,本文阐述的设计思维是以用户为中心,以增长为导向,提升产品价值的用户思维和增长思维。产品价值包括用户价值、商业价值、品牌价值以及产品的核心竞争力等。用户思维主要总结为 6 个方面,分别是用户动线、距离、用户习惯、防呆、优先级、场景。

2.1 用户思维

2.1.1 用户动线

用户动线,指的是用户使用互联网产品的行为轨迹,即用户行为路径设计。常见用户动线设计的方法有视觉引导用户注意力、小红点消息提示引导用户、页面切换动效、暗示更多内容、留白、F 型视线运动等等。

首先,通过视觉色彩和区块大小对比引导用户注意力。

例如,美图秀秀首页底部导航设计,中间的加号图形按钮使用红色面积块体现,且放在导航中间位置,并增大展示和点击区域。当用户关注导航区域时,用户会优先被引导至加号入口。

笔者认为这样设计的目的是体现了此入口的重要性,具体跟美图秀秀的产品定位有很大关系。美图秀秀前期产品定位就是免费使用的拍照工具,用户用完即走,目前在进行产品商业化转型,所以产品重新定位为以工具为基础,做图片社区,目的还是希望增加用户的留存,便于产品商业化。