如何运用产品思维做好视觉设计

0 评论 5000 浏览 39 收藏 17 分钟

视觉设计师常常需要深入了解用户需求和市场状况,并结合自己的设计技术和创造力,在产品角度思考视觉设计的工作。本文以58到家的视觉设计为例,通过分析58到家的3D视觉场景,从方案设计到实际内容的落地,对视觉设计体系、设计规范的方法进行了解析。推荐关注产品设计的小伙伴阅读。

作为一名优秀的视觉设计师,我们需要不断地探索和学习最新的设计潮流和技术,以创造出符合用户需求和愿望的优秀产品。而产品思维则是指通过深入了解用户需求和市场状况,并结合自己的设计技术和创造力,找到最佳的设计方案来实现产品成功的过程。

接下来我将借助产品思维的方法,和大家一起探讨如何用产品思维做好视觉设计。

一、深挖用户需求

1. 定义目标用户,明确设计方向

每次设计前,我们都需要了解用户的需求。首先我们要明确自己的目标用户是谁,他们在什么情况下会使用我们的产品。

只有目标明确,我们才能更好的确定我们的设计方向和思路,从而设计出符合我们想要的产品视觉。以58到家为例,针对用户群体方面,58到家用户多为25~36岁的青年人群,且女生居多,具有高收入、追求高品质、精致生活、年轻化的特点。

因此通过整合分析,在视觉上我们需要打造的是吸引用户点击并且能够给人带来品质生活感受的视觉设计。同时,我们也需要了解用户喜好和习惯,例如:使用频率、平台偏好等。而这些信息可以通过市场调研、用户访谈、用户数据分析等多种方式进行获取。

如何运用产品思维做好视觉设计

根据用户在使用产品过程中遇到的问题,我们可以将用户分为4个类型:初级用户、普通用户、活跃用户和终极用户。

  1. 初级用户:对产品非常陌生,没有任何经验。
  2. 普通用户:熟悉产品,并且能够正确使用和维护产品。
  3. 活跃用户:对产品有一定了解,但不完全了解,并能提出问题。
  4. 终极用户:对产品非常熟悉,并且有很高的期望,能提出很多问题和需求。

如何运用产品思维做好视觉设计

定义目标用户之后就可以开始分析目标用户的需求了,我们可以根据自己的定位来分析出目标用户的需求点。

例如:当我们发现自己是新手时,就可以分析出新手使用产品时会遇到哪些问题;当我们发现自己已经完全了解产品之后又会有哪些问题。通过这样的分析,我们就可以确定出自己的目标用户到底需要什么样的产品功能。

2. 分析用户场景,满足核心需求

什么是场景?“场”是由时间和空间组成,必须有具体的时间和地点位置。“景”是由情景和互动组成,用户在一定的时间和空间里产生的动作事件。通俗理解就是除了用户主体之外的客体,我们都可以归为场景,其中包含时间、空间和事件。

以58到家为例,保洁的场景可能是周六的上午(时间)在家里(空间)计划来一次大扫除(事件),对于忙了一周的自己来说特别劳累根本没有精力去进行,这时希望保洁可以快速上门完成打扫,舒适享受周末生活。通过这个案例来讲就构成了完整的需求链路,同时场景贯穿于用户产生需求的整个过程。

如何运用产品思维做好视觉设计

上面我们对于用户场景进行了定义和阐述,而用户场景分析是指对用户在特定场景下的行为、需求和期望进行分析和描述的过程。它可以帮助设计团队了解用户的使用环境,从而更好地满足他们的需求和期望,提高产品的用户体验。那么如何进行用户场景分析呢?

用户场景分析的过程一般包括以下几个步骤:

  1. 确定重点用户:确定需要分析的用户群体,并了解他们的行为模式、使用情境和需求。
  2. 收集用户数据:通过用户调研、访谈和观察等方式收集用户的数据和信息。
  3. 制定用户场景:根据收集到的用户数据和信息,制定符合用户需求的用户场景,并对每个场景进行描述,包括场景名、角色、任务、目标和环境等。
  4. 评估用户场景:通过评估用户场景,发现场景中存在的问题和优化点,完善场景的设计。
  5. 优化设计产品:通过用户场景分析的结果,优化产品设计,提高用户体验。

如何运用产品思维做好视觉设计

二、设计流程规范化

为了打造更优质的用户体验,我们除了对用户需求进行研究分析,必须还要拥有一套规范化的视觉设计流程。规范化的视觉设计流程一般分为四个阶段,首先是头脑风暴阶段,之后是方案设计阶段,接着是设计原型阶段,最后就是数据验证阶段。

如何运用产品思维做好视觉设计

1. 头脑风暴,碰撞新灵感

视觉设计头脑风暴的实践应该从三个方面来考虑:目标、参与者和环境。

首先,目标对于头脑风暴来说是非常重要的。在设计过程中,我们必须根据用户需求明确我们需要解决的问题,比如设计一个超级符号、一个海报或者一个动画。明确问题的关键是使得我们的头脑风暴具有方向性,从而更加高效。当然根据我们的目标可以进行一些竞品分析,通过讨论竞品与自身需求特点碰撞出新的灵感想法。

其次,参与者的成分和配合也是非常重要的。一般来说,最好不要超过8个人,以便确保参与的人们能完全倾听彼此的意见。这些参与者最好包括不同的岗位和专业人士,他们的经验可以提供不同的视角和想法。

最后,环境也是很有必要的。头脑风暴的环境是让人们舒适,专注,而且能够自由地交换想法。鼓励定期的休息和变化,以便人们的头脑能够保持新鲜和有创造性。

如何运用产品思维做好视觉设计

2. 方案设计,实现产品目标

(1)设计策略

在进行头脑风暴之后,设计师需要根据脑暴方向制定设计策略。设计策略是指根据需求分析的结果,确定设计思路、设计方向和设计技巧等方面的问题。在确定设计策略的过程中,设计师需要考虑多方面的问题,包括设计规范、风格定位和调性等等。这些设计策略将成为后续设计过程中的指导方针和标准,保证整个设计方案的一致性和高效性。

(2)设计方案的表现形式

在设计策略确定后,设计师需要选择合适的表现形式,将设计方案生动地展现出来。表现形式可以是手绘图或草图,也可以是简短的概念说明或文字描述,还可以是制作视频或利用虚拟现实技术等等。通过合适的表现形式,设计师可以让需求方更好地理解设计方案,取得需求方的认同和支持。

(3)设计方案的选择

设计方案的选择是视觉方案设计阶段的最后一步。在此阶段,设计师需要与需求方沟通,和他共同讨论和评估不同设计方案的优劣,并最终确定最佳的设计方案。同时,设计师需要对确定的设计方案进行再次地检查和修正,确保整个设计方案能够完美地达到需求方要求。

如何运用产品思维做好视觉设计

3. 设计原型,提升应用效率

设计原型为了能够更好的展示我们的产品,在我们完成设计方案后,需要做的就是设计原型。原型是用于演示设计方案,并让用户体验和测试的一种方式。可以将其看作一个模型,用来演示我们需要表现出来的东西。

通过这个原型我们可以方便地了解设计方案是否满足了用户需求。为了确保原型能够通过测试并充分地体现产品或项目中所要表达的内容,在进行原型设计前应对其进行适当地修改和调整。

如何运用产品思维做好视觉设计

4. 验证数据,提高转化率

对于设计师来讲,视觉设计数据在视觉的迭代过程中有着非常重要的参考价值。收集和分析用户数据可以帮助我们验证视觉设计的有效性和影响力,进更深刻地了解用户、发现更深层次的问题。在这个基础之上不断的去深挖用户需求,进而达到我们设计的目的。

数据验证包含A/B测试、合意性测试等多种形式。在日常设计中最为常见的是A/B测试,即对比两个视觉设计变量,如两种颜色方案或排版布局,并通过收集用户数据确定哪个设计更好。设计师可以根据用户数据调整设计以提高用户转化率和忠诚度。

如何运用产品思维做好视觉设计

三、搭建视觉体系

1. 建立视觉规范,传递设计价值

视觉规范是一套指导品牌、产品或平台视觉设计的准则和原则。它包括一系列规定的设计维度,比如超级符号、色彩、构图、版式等,并且这些维度都需要被整合到一个具有一致性和可识别性的整体中。

视觉规范旨在确保品牌、产品或平台在视觉上具有一致性和高度的认知度,并且符合品牌、产品或平台的价值和形象。除此之外,它可以更有效地提升用户体验。以58到家为例,在它的整个视觉语言规范体系中包含了设计理念、符号运用、色彩构图等维度,广泛覆盖了ui界面以及日常品牌运营活动,在视觉上完美做到了高效统一。

如何运用产品思维做好视觉设计

在设计视觉规范时,一般会遵循以下几个原则:

  1. 统一性原则:设计规范应该包括品牌元素,如标识、色彩、字体,保持品牌的一致性。
  2. 明确性原则:视觉规范应该具有明确的指导性,告诉用户如何正确的使用品牌的基础元素和哪些元素不应该改变。
  3. 可复用性原则:设计规范应该易于应用,并可在不同场景下进行适应。

如何运用产品思维做好视觉设计

2. 迭代视觉规范,提升用户体验

(1)评估目前的规范是否满足当下需求

视觉规范的每一次迭代优化都是在对最初设计的审视和检验。在进行视觉规范调整时,首先要对现有视觉规范或规则进行评估它们是否适合目前的项目需求。如果需要优化,则需要根据当前的设计需求来确定设计规范的调整方向。例如,如果设计师正设计一个全新的品牌形象,那么品牌颜色、字体和图形等方面的规范需要被重新审视和调整。

(2)根据用户反馈来调整设计规范

另一个设计规范调整的重要因素是用户反馈。收集并分析用户反馈,可以帮助设计师更好地理解用户的需求和期望,并相应地调整设计规范。例如,如果用户反映当前的设计不够直观或易用,那么设计师可以考虑调整风格或布局,以更好地满足用户需求。

(3)关注市场趋势并及时调整

追踪市场趋势和新技术的发展,也是设计规范调整的重要因素之一。设计师需要不断关注市场的变化和发展趋势,并根据需要相应地调整设计规范。例如,随着智能手机和平板电脑的普及,设计师需要将设计规范调整为更适合移动设备的格式和布局。

总之,迭代视觉设计规范是一个动态的过程,需要设计师不断关注市场变化和用户需求,加强协作和沟通,根据需要及时调整并优化设计规范。

如何运用产品思维做好视觉设计

四、写到最后

使用产品思维做视觉设计会让设计师在进行设计时更加专注,且会让设计师更快地找到解决方案。而且能够有效地激发设计师的创意,使他们更加专注于设计。

如果通过产品思维做视觉设计能够让设计师们更好地理解用户需求、用户体验及用户画像,那么他们将会打造出更具吸引力的产品视觉,最终实现自我价值。

作者:58UXD

来源公众号:58UXD(ID:i58UXD),58UXD,全称58同城用户体验设计中心。

本文由人人都是产品经理合作媒体 @58UXD 授权发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 目前还没评论,等你发挥!