浅谈UI设计师必备的产品设计思维

近几年,互联网UI设计行业的快速发展,让部分设计师为了华丽的界面视觉效果过于注重美观好看,导致很多产品大同小异,各种不同属性的产品界面之间换一换内容,就可以完全套用。明明应用的产品方向性风马牛不相及,就算跨界营销,也该有各自属性特点的设计却千篇一律,长相雷同。往往这些作品都没有实现产品的真正目的,许多设计师在设计社区中分享的作品,更多的是倾向于炫技,而忽视产品的真正需求,注重“好看”,设计逻辑通常很难经得起推敲。

浅谈UI设计师必备的产品设计思维

优秀的产品界面不仅要“好看”,更要“好用”。

设计师不仅要注重界面的视觉展现力,更应该以产品的全局思维来贯穿每一个界面的设计当中。一个上线产品的UI页面,少则几十个,多则百余个。从产品需求到测试上线,设计师需要与产品线各职能岗位通力合作,这个过程中全面的设计思维与合作思维非常重要。

目录:

  1. 什么是产品型设计思维?
  2. 如何培养良好的产品型设计思维?
  3. 如何把产品型UI设计思维应用到设计执行当中?
  4. 总结

浅谈UI设计师必备的产品设计思维

所以UI设计师在产品研发过程中承上启下,要具备参与、带动、沟通的能力,不仅要懂产品、数据,还要能做交互、动效,并要协助研发和测试,最终实现产品顺利上线。如上图

由上浅析,一个“产品型”设计师最需要哪些设计思维和设计能力呢?

1、产品设计全流程中的全面合作思维

  • 具备参与、带动、沟通,多部门协作的能力
  • 具备百折不挠,不去自我设限,不断推翻和优化设计产品的耐力

2、注重以产品需求为目的全局化思维

  • 了解产品的商业渊源、市场需求
  • 了解和分析产品目标与需求、用户的痛点和需求
  • 商业和技术实现的限制
  • 深层的产品组织架构
  • 擅长用户调研、数据整理和分析

3、注重设计价值,善于分析、思考

  • 记录设计的思考过程,手绘稿、图解、利弊分析
  • 敢于面对和解决设计阻碍
  • 在设计周期许可的前提下多方案权衡与对比
  • 细节化思考,以真实参数做为设计考量
  • 精准阐明交互和动效的原型、产品的模块如何移动和变化、动态效果如何呈现等
  • 符合用户心理模块的设计互动和趣味性

4、扎实的设计基本功

  • 良好的审美和艺术设计能力
  • 界面设计与规范
  • 原型绘制能力
  • 产品设计思维
  • 交互/动效设计
  • 熟悉各部门项目开发流程

回到正题

一、什么是产品型设计思维?

产品型设计师和普通设计师的差距,不是单纯的技能或者表层的设计美感,而是从高处、从全局整体着眼的“产品思维”。只有设计技巧的人会考虑界面怎么设计“好看”,产品型设计则会考虑如何让设计结合产品需求,让用户需求、人机交互、操作逻辑、界面美观等一致达到最佳用户体验感。

UI设计师思维与产品型UI设计师思维的差异(如下图)

浅谈UI设计师必备的产品设计思维

产品型UI设计思维,并非纯设计思维。而是具有对产品需求进行综合分析和处理能力,能够理解产品的需求背景、并能够理性地分析和找出最合适的设计思路,同时以逻辑思维对界面设计进行最佳的视觉呈现。

二、如何培养良好的产品型设计思维?

一切让产品说话,让普通的UI设计思维,向更为具体和实用的产品型UI设计思维延展,是培养良好的产品型设计思维的第一步。

1、充分了解产品需求。

通过前期有效沟通和各种洞察方法,分析、调研、了解用户想要什么,产品的市场价值在哪里。先调研、定义产品,再设计产品。要以感性的艺术审美的视角,理性的设计和解决产品与用户需求,不要闷着脑袋不经思考和分析的乱画。

2、用设计实现产品需求。

从广泛的信息搜集整理、素材储备,设计构思到像素级的细节呈现,产品型UI设计师要始终思考产品的使命、愿景、产品框架、产品内各部分之间彼此的关联。把产品需求还原成具有设计思路的架构图,清晰描述设计方案如何匹配目标需求、如何驱使产品视野向前,或是设计方案在整个产品架构中的作用,准确表达设计方案的意义和重要性。这应当是产品型UI设计的基本。

3、注重细节,摆正对设计的期待。

给予设计思路和效果呈现一个准确的定位,注重产品的大局观,不能为了某个单一需求或者纯粹坚持某一设计理念,而为设计套上经不起细节推敲的虚妄的光环。设计过程中多细节化思考和呈现,多权衡取舍,比如设计的优缺点考量,如何将设计更好的匹配需求,如何让设计命中用户心理,商业和技术层面的限制,如何解决产品架构问题等等。细节化分析和思考,可以让设计更有立足点,不空乏苍白,其次是美观和规范。

案例分享:产品目的明确,用户针对性清晰,产品视觉风格统一。

浅谈UI设计师必备的产品设计思维

三、如何把产品型UI设计思维应用到设计执行当中?

1、为设计做准备,让设计有据可依。

产品需求分析阶段,应该收集哪些信息?接到需求后UI设计师要弄清楚哪些事项?

  • 原型为什么要这么设计?
  • 产品是为谁设计的?
  • 产品的使用场景是怎样的?
  • 产品的用户及受众群体有什么特质?
  • 需求要实现的具体目标是什么?
  • 产品目标能为用户提供哪些便利?或者能够改善哪些用户体验?
  • 等......

浅谈UI设计师必备的产品设计思维

产品开发前的需求分析所收集的信息,可以让你的设计方向更清晰,更有说服力。

2、分析、归纳、调研,得出结论,并且确定设计方向。

对收集的信息,进行归纳和整理。

  • 积极参与产品的前期讨论与调研
  • 用户调研,分析竞品、用户画像、发现痛点
  • 分析产品和交互已有的原型图
  • 分析产品目的、商业方向、用户需求和体验与视觉层面之间的契合点
  • 归纳调研结果,确定设计目标、设计重点和设计方向

浅谈UI设计师必备的产品设计思维

UI设计师积极的参与和产品研发过程中的各职能部门的讨论和沟通,以分析、调研前期产品,明确设计目的和方向为基点,不厌其烦、细致耐心的倾听、探讨、记录、分析、归纳和整理相关讯息,会使后续的设计实施更有依据,有效避免不切实际和自说自话。同样的,一个从产品前期就密切沟通,目标一致的团队共同开发的产品也会更有效率,也更能准确的切入硝烟弥漫的市场,更吸引目标用户的目光。

举例:如果我们要做一款中小学教育类的产品,第一步用户画像,也就是确定产品是谁而设计:

浅谈UI设计师必备的产品设计思维

从上面3个不同年龄层的学生,我们可以发现他们很多共同点:比如都是学生,都是中小学学生,都想通过课余时间提升学习,等。

由此我们可以定义为用户群体为中小学生,希望可以通过一款好的产品学习实现提升自己的成绩。

然后他们共同的痛点就是学习不好,希望能在假期和课余之外的时间学习。

浅谈UI设计师必备的产品设计思维

3、理清设计架构,层级关系、产品内容。

经过前期的设计分析、调研和确认设计方向后,接下来要做的就是理清设计思路、架构,细节化视觉设计。

a)理清产品结构、层级关系:

理清产品结构和层级关系,便于理解产品的整个结构设置、统筹安排设计进展及信息和内容架构。

b)理清信息结构、产品内容。

产品架构、信息结构都是相互流通和层级关联的,各个层级之间一定是相互影响和促进的。

c)构建信息层次,逻辑化指导设计呈现。

要将原型图里复杂的内容设计得更简练精雅,那么不妨先从梳理信息层级开始,采用排除法、逻辑化来指导设计。

d)构建、设计交互细节

产品内的微交互是什么?

行为和事件的顺序是什么?

  • 用户如何互动?
  • 界面中的元素如何移动、转场?
  • 改进完善产品架构与交互环节的协调
  • 原型反复验证(设计架构图的手绘稿、图解、原型工具论证)

4、视觉呈现,用设计解决产品需求。

经过了解产品需求,明确设计目标,清晰化设计架构之后,接下来就可以逻辑清晰,系统化的进入到设计呈现的过程了。

  • 视觉的细节设计美观、舒适
  • 栅格、字体、色彩、版式、图标、美感深入化呈现
  • 保持一致性:一致性的配色,一致性的字体与版式、一致性的视觉风格
  • 制定设计规范、设计的迭代规范、设计规范的贯彻执行,严谨化设计。

什么阶段产出视觉规范?

在产品的立项和开创期,产品不稳定,面临着反复修改,产出的设计规范没有价值。在产品运行的中后期制定设计规范,则面临着改版和风格重新设定的风险,因此在产品设计趋于稳定期间,适合着手视觉规范的建立;产品改动趋缓的成熟期,适合着手设计的迭代更新规范。

浅谈UI设计师必备的产品设计思维

5、视觉走查,让设计稿最大化复现。

前期强调产品型设计思维、设计调研的重要性,中期着力视觉设计的细节呈现,后期设计执行环节,产品型UI设计师则要把重点放在与开发的沟通上,对设计稿切图、标注、动效的实现进行沟通和商讨。产品型UI设计师在精通设计的同时,一定要对页面布局原理、开发过程、甚至代码有所涉猎,让自己对产品设计的认知更为全面与客观,确保设计方案的可行性,用户在操作上是否易于使用等。

  • 密切沟通,视觉走查。

    视觉走查关系到设计稿的还原程度,要对比视觉,检查页面的一致性,包括头部、尾部,按钮样式、反馈状态、报错样式等是否统一等......

  • 查漏补缺,适时调整。

    在设计页面的时候,通常会采用“模拟数据”、“虚拟文本”等,设计师走查的时候,切记要按照开发实现的真实数据,再次考虑设计的合理性,并根据真实的界面数据,作出适当的调整。随着产品的迭代、功能的增加,也要适时对设计规范进行调整和完善。

  • 保证设计稿完美复现的同时接受部分还原的差异性

    视觉走查可以最大限度地保证设计稿的复现,同时也要接受代码与设计稿还原的差异性。

6、用数据支持和验证设计。

设计是否解决了问题还需要通过数据来验证,UI设计师可以适当关注功能改进前后的数据变化来综合判断自己的设计是否达到预期,及时收集、跟进、验证设计效果。

产品型UI设计应用导图如下:

浅谈UI设计师必备的产品设计思维

四、总结

UI设计中,视觉设计为表达工具,产品思维才是设计灵魂。产品型UI设计师,不仅要注重界面的视觉展现力,更应该以产品的全局思维来贯穿每一个界面的设计当中。UI设计师向产品型UI设计师进阶的过程,以产品需求为切入点,让设计思维向产品型设计思维递进至关重要。与时俱进的学习、提升设计软实力,不自我设限,及时迭代更新设计思维,打破禁锢的同时严谨设计都是放大设计力量的必要元素。

本文由 新媒体之家 作者: VUX维设界 发布或转载,其版权均为原作者所有,如稿件涉及版权等问题,请与我们联系删除或处理。稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同其观点或证实其内容的真实性,更不对您的投资构成建议。未经许可,请勿转载,题图来自Unsplash,基于CC0协议。
1

发表评论