• 如何掌握用户心智模型?收下这篇4000字的干货!

    UI交互 2022-06-13
    产品设计中挖掘用户心智,是打造产品良好用户体验的关键一步。本文以心智模型作为理论依据,打造基于用户心智的产品设计思维。 拓展阅读 [link http...

    产品设计中挖掘用户心智,是打造产品良好 用户体验 的关键一步。本文以 心智模型 作为理论依据,打造基于用户心智的 产品设计 思维。

    拓展阅读

    做设计这么久,竟然没听过心智模型? 今天,我们来聊点不一样的东西。

    阅读文章 >

    心智模型 人们提到江南小镇,常常会在脑海中浮现这样一幅画面:“ 烟雨蒙蒙的小镇,清澈的流水轻推小船;两岸若隐若现的古楼散发着一股典雅的气息。” 以上关于江南小镇的画面,就是人们根据过往获得的关于江南小镇的信息,从而形成相关的固有印象,即心智模型。

    1. 定义

    心智模型最早是由心理学家 KennethCraik 提出的 ——

    人类基于经验的总结,去认知世界的假设、陈见和印象。即:人们通过经验获得的信息,结合自身认知、经历等综合加工后,总结出对现实世界的印象。

    心智模型的形成为三个阶段:首先,人们通过五感接触到物理世界提供的信息;其次,通过心智世界结合自身过往经验、认知经历等综合加工;最后,归纳和总结出对现实世界的印象。

    如警示图标中常用到感叹号,用户根据经验总结感叹号常用在叹词后,可能具有警示的含义。因此,在警示图标中常用到感叹号作为视觉元素。

    2. 心智模型的特点

    心智模型具有不完整性、变化性、局限性、阶段性等特点。

    心智模型的不完整性、变化性与局限性。心智模型依赖于人的经验与认知,人的经验在不断积累,认知也在不断提升,因此心智模型也不断变化。如代沟的产生——由于两代人认知的形成依赖于他们的自身经验与所处的年代环境,因此是不完整且具有局限性的,双方的认知差异造成了“代沟”现象的产生。

    对待新事物的心智模型具有阶段性。人类本能认为熟悉的即是安全的,人初次接触新事物会处于守旧阶段,持保守态度;其次进入求新阶段,这个阶段人开始尝试探索;探索成功后会进入平稳期,人开始对其习以为常。纵观人类历史,任何新的文化思潮、艺术流派、设计风格的出现,到最后逐渐被大众所接受都会经历这个过程。

    设计中的心智模型 设计解决的是人的问题,在设计中利用好用户的心智模型,可以作出更人性化的设计。Don Norman 将心智模型定义——

    存在于用户头脑中的关于一个产品应该有的知识,这种知识可能来源于用户以前使用类似产品的经验,或者是为实现目标而对产品的概念和行为产生的一种期望。

    比如:用户使用水龙头开关的时候,会马上找到水龙头打开的方式,这就源自于用户曾经使用其他水龙头的开关经验。

    在用户使用这个产品时,用户根据原有认知和经验可以顺利完成操作,则一切顺利,产品有较好的可用性,同时这个过程强化了用户原有的心智模型。然而,用户根据原有认知和经验无法顺利使用产品,则用户需要在探索中学习新经验和方法,最终完成既定目标,从而形成新的用户心智模型。

    符合用户心智的设计 正如诺曼所述——用户对产品使用的心智模型主要来自于以前使用类似产品的经验,或者是为实现目标而对产品的概念和行为产生的一种期望。

    因此,为了提高产品的易用性,设计师可以借鉴相似产品的设计经验。除此之外,设计师可以通过探索用户操作习惯、使用预期等方式总结用户心智模型,根据用户模型制定设计策略。本节主要介绍,符合用户心智模型的产品设计,有哪些需要关注的原则:

    1. 把握用户心智阶段

    守旧期与求新期——旧有经验的设计迁移

    守旧期的用户对新事物处于保守阶段,这时候可以借鉴用户现实生活中相似产品的使用经验进行设计迁移。在求新期可以适当进行设计创新,创新方式可以对“跨领域”产品进行借鉴。

    手游开始出现的时候,用户的心智处于守旧的阶段。对于手游基础交互设计进行经验迁移, 收集、提炼线下场景典型特点。

    首先,在布局上左右两侧放置基本操控键,和传统游戏机持握方式一致,这有利于用户对手机进行横向持握也符合用户使用习惯;其次,方向盘和传统游戏机、汽车方向盘进行隐喻,可更好的控制方向。

    平稳期 —— 基于经验的设计

    用户对产品使用的心智模型已达到了平稳期,这时候对于同类型产品或交互的设计可以基于经验进行,即:可以直接沿用旧有的设计方式。现在市场上同类产品的使用方式大多雷同,也是这个原因。

    比如,微信作为亿级用户的产品,使用方式已被大家熟悉,在其他社交产品中常用的聊天交互设计还是沿用微信的设计。

    2. 目标为导向的设计

    基于目标为导向的设计,探索用户可能进行的任务流程,有利于找到符合用户使用预期的行为路径。

    Timepage 是一款设计精美的日历应用,曾在 App Store Best of 2015 的精选榜中占据一席之地。用户使用日历进行日程创建,主要目的是为了提醒用户有重要待处理事件。

    TimePage 根据日程信息重要程度进行排列,引导用户完成操作。用户可以先后进行日程名称和时间编辑,同时强调“提醒”功能以防止用户忘记重要事件。另外,将地点、相关人物都考虑进去,这符合了用户创建约会日程、会议日程等多场景。

    3. 流程设计的场景化

    贴近用户真实场景进行流程设计,挖掘实现任务目标的行为流程。以多任务管理类产品 Sorted 为例,Sorted 的产品目标是帮助用户将繁忙的日程进行清晰有序地管理。不同于办公场景下的项目管理软件,Sorted 更多面向用户个人“日常事项管理”。在日程创建与管理过程中用户更多从“时间”和“项目”的维度进行操作,其中“时间”维度更为常见(团队项目管理场景中,“项目”维度常占有更高优先级)。

    下图是用户对该产品主任务流程进行地梳理:

    首页基础交互:上文提到“时间维度”的任务创建与管理有较高的优先级。因此,Sorted 进入首页展示的是“今日待办列表”,用户可以以“日”为维度进行左右滑动查看最近几日的任务,用户可以针对该时间下的任务进行管理;

    日期快捷跳转:以 iPad 端为例,左侧向右滑动出现导航抽屉,左上角的日历卡片方便用户快速定位该日期,进行任务的查看。同时日历卡片中蓝色矩形 icon 提示用户,这里有已创建的日程;

    项目维度下对日程的创建与管理:项目维度的优先级较弱,以列表项的形式展示在下方:

    4. 对用户行为进行预判

    人性化设计,对用户行为进行预判。如支付宝消息列表在滑动的时候,在底部会出现“找人转账”的按钮,点击后进入近期具有转账交易的好友消息列表。在支付宝使用场景下大部分用户浏览消息列表并非找人“聊天”,而是需要进行转账。因此,对用户“滑动消息列表”的动作进行预判——用户有转账需求,且转账对象是曾有过交易记录的好友。支付宝对用户的行为进行预判,为用户转账操作提供便利性。

    又如滴滴打车过程中,在打车地址选择的页面有“家”和“公司”两个选项。用户打车过程中地点可能是随机的,但是在打车回家和上班时地点是长期不变且也是用户常使用的。深入用户使用场景,对用户行为进行预判,给用户提供了更多便利。

    5. 善用类比与隐喻进行设计

    采用类比的表现方式, 贴合用户心智模型,提高用户对产品的接受度。如下图,移动端现在常用的卡片切换动效,类比于现实生活场景中卡片切换的形式,提供用户对产品的熟悉度。

    类比的表现方式,提高用户对行为的接受度。如:书籍阅读界面翻页交互,类比现实生活中的书籍翻页行为。

    隐喻的方式 ,调用用户就有心智,提升情感体验。深泽直人经典设计产品——唱片机,在开关上唱片机借用传统吊灯开关,调用用户旧有心智,提高用户对产品的理解度,同时以传统的交互方式塑造温暖情感。

    6. 把握用户特征

    用户心智模型受其工作经历、受教育程度、智能设备的使用经验等各个方面影响。因此,需要从生理、认知等综合的角度把握用户特征,探索用户心智模型。

    例如,针对老年用户的产品与针对年轻用户的产品,在设计上有很多不同。适老化设计需要充分考虑老年人群在生理、认知、行为等方面的特征。老年用户在生理(视、听)上有一定障碍;认知上存在记忆力下降、感知觉衰退、理解和阅读能力下降等特点;操作方面具有手指不灵活等特点。因此,针对适老化设计,在功能层面通过简化功能结构降低用户记忆成本,同时便于用户学习与理解。在操作层,简化操作流程步骤,降低操作成本。在视觉层,简化信息内容,同时放大字体提升识别度。下图是支付宝的老年版,在功能结构、操作流程上都做了简化,同时字体与图标进行放大处理:

    拓展阅读

    如何做好适老化设计?支付宝设计师送你9个实用锦囊! 本文支付宝设计师总结了9个适老化设计小技巧,针对老年人看不清、不理解、难操作3个痛点,给出针对性的设计方法。

    阅读文章 >

    7. 创新设计培养用户新的心智模型

    设计过程需要考虑用户心智模型,但是也可以通过创新设计为用户培养新的心智模型。Timepage 首页主要采用周视图的预览模式,希望用户能将工作或者生活的重心放在短期内,专注高效地完成任务,而不是好高骛远。

    用户价值公式

    培养用户新的心智模型需要创新设计,然而创新也是具有一定风险的。梁宁在产品公开课中介绍过俞军的用户价值公式——用户价值=新体验-旧体验-替换成本。

    我们从设计的角度来看这个价值公式,可以把替换成本看作使用新产品时的学习成本等;新体验带来的价值可能包括任务完成效率的提升、功能价值提升等多方面。创新设计对于用户是否有意义,需要考虑这个新体验创造的价值是否高于替换成本(学习成本等)。有价值的新体验,也可以形成用户新的心智模型。

    苹果电脑的交互设计就是一个很典型的例子,在 MAC 之前微软系统的使用方式已培养了大部分用户相关的使用习惯。MAC 上市后,很多用户初次使用 MAC 都感到陌生——触控板控制桌面,以及Launchpad、Applestore等自带系统的软件使用等,都不同于传统的笔记本使用方式。这样全新的交互方式具有一定学习成本,但也给用户带来很多便利——多桌面触控板进行切换更加高效便利、软件系统集中管理更方便。用户习惯了MAC系统后纷纷依赖于这样的使用方式,乃至后来MAC的设计被其他电脑厂商纷纷借鉴。

    本文提出了基于用户心智模型的产品设计原则,然而设计出符合用户心智的产品需要设计师对用户、对生活深刻的洞察,也需要设计师发挥创造性的思维。这些都需要设计师长期的“修炼”与积累,冰冻三尺非一日之寒!共勉~

    欢迎关注作者微信公众号:「设计小问」

  • 如何掌握用户心智模型?收下这篇4000字的干货!

    UI交互 2022-06-13
    产品设计中挖掘用户心智,是打造产品良好用户体验的关键一步。本文以心智模型作为理论依据,打造基于用户心智的产品设计思维。 拓展阅读 [link http...

    产品设计中挖掘用户心智,是打造产品良好 用户体验 的关键一步。本文以 心智模型 作为理论依据,打造基于用户心智的 产品设计 思维。

    拓展阅读

    做设计这么久,竟然没听过心智模型? 今天,我们来聊点不一样的东西。

    阅读文章 >

    心智模型 人们提到江南小镇,常常会在脑海中浮现这样一幅画面:“ 烟雨蒙蒙的小镇,清澈的流水轻推小船;两岸若隐若现的古楼散发着一股典雅的气息。” 以上关于江南小镇的画面,就是人们根据过往获得的关于江南小镇的信息,从而形成相关的固有印象,即心智模型。

    1. 定义

    心智模型最早是由心理学家 KennethCraik 提出的 ——

    人类基于经验的总结,去认知世界的假设、陈见和印象。即:人们通过经验获得的信息,结合自身认知、经历等综合加工后,总结出对现实世界的印象。

    心智模型的形成为三个阶段:首先,人们通过五感接触到物理世界提供的信息;其次,通过心智世界结合自身过往经验、认知经历等综合加工;最后,归纳和总结出对现实世界的印象。

    如警示图标中常用到感叹号,用户根据经验总结感叹号常用在叹词后,可能具有警示的含义。因此,在警示图标中常用到感叹号作为视觉元素。

    2. 心智模型的特点

    心智模型具有不完整性、变化性、局限性、阶段性等特点。

    心智模型的不完整性、变化性与局限性。心智模型依赖于人的经验与认知,人的经验在不断积累,认知也在不断提升,因此心智模型也不断变化。如代沟的产生——由于两代人认知的形成依赖于他们的自身经验与所处的年代环境,因此是不完整且具有局限性的,双方的认知差异造成了“代沟”现象的产生。

    对待新事物的心智模型具有阶段性。人类本能认为熟悉的即是安全的,人初次接触新事物会处于守旧阶段,持保守态度;其次进入求新阶段,这个阶段人开始尝试探索;探索成功后会进入平稳期,人开始对其习以为常。纵观人类历史,任何新的文化思潮、艺术流派、设计风格的出现,到最后逐渐被大众所接受都会经历这个过程。

    设计中的心智模型 设计解决的是人的问题,在设计中利用好用户的心智模型,可以作出更人性化的设计。Don Norman 将心智模型定义——

    存在于用户头脑中的关于一个产品应该有的知识,这种知识可能来源于用户以前使用类似产品的经验,或者是为实现目标而对产品的概念和行为产生的一种期望。

    比如:用户使用水龙头开关的时候,会马上找到水龙头打开的方式,这就源自于用户曾经使用其他水龙头的开关经验。

    在用户使用这个产品时,用户根据原有认知和经验可以顺利完成操作,则一切顺利,产品有较好的可用性,同时这个过程强化了用户原有的心智模型。然而,用户根据原有认知和经验无法顺利使用产品,则用户需要在探索中学习新经验和方法,最终完成既定目标,从而形成新的用户心智模型。

    符合用户心智的设计 正如诺曼所述——用户对产品使用的心智模型主要来自于以前使用类似产品的经验,或者是为实现目标而对产品的概念和行为产生的一种期望。

    因此,为了提高产品的易用性,设计师可以借鉴相似产品的设计经验。除此之外,设计师可以通过探索用户操作习惯、使用预期等方式总结用户心智模型,根据用户模型制定设计策略。本节主要介绍,符合用户心智模型的产品设计,有哪些需要关注的原则:

    1. 把握用户心智阶段

    守旧期与求新期——旧有经验的设计迁移

    守旧期的用户对新事物处于保守阶段,这时候可以借鉴用户现实生活中相似产品的使用经验进行设计迁移。在求新期可以适当进行设计创新,创新方式可以对“跨领域”产品进行借鉴。

    手游开始出现的时候,用户的心智处于守旧的阶段。对于手游基础交互设计进行经验迁移, 收集、提炼线下场景典型特点。

    首先,在布局上左右两侧放置基本操控键,和传统游戏机持握方式一致,这有利于用户对手机进行横向持握也符合用户使用习惯;其次,方向盘和传统游戏机、汽车方向盘进行隐喻,可更好的控制方向。

    平稳期 —— 基于经验的设计

    用户对产品使用的心智模型已达到了平稳期,这时候对于同类型产品或交互的设计可以基于经验进行,即:可以直接沿用旧有的设计方式。现在市场上同类产品的使用方式大多雷同,也是这个原因。

    比如,微信作为亿级用户的产品,使用方式已被大家熟悉,在其他社交产品中常用的聊天交互设计还是沿用微信的设计。

    2. 目标为导向的设计

    基于目标为导向的设计,探索用户可能进行的任务流程,有利于找到符合用户使用预期的行为路径。

    Timepage 是一款设计精美的日历应用,曾在 App Store Best of 2015 的精选榜中占据一席之地。用户使用日历进行日程创建,主要目的是为了提醒用户有重要待处理事件。

    TimePage 根据日程信息重要程度进行排列,引导用户完成操作。用户可以先后进行日程名称和时间编辑,同时强调“提醒”功能以防止用户忘记重要事件。另外,将地点、相关人物都考虑进去,这符合了用户创建约会日程、会议日程等多场景。

    3. 流程设计的场景化

    贴近用户真实场景进行流程设计,挖掘实现任务目标的行为流程。以多任务管理类产品 Sorted 为例,Sorted 的产品目标是帮助用户将繁忙的日程进行清晰有序地管理。不同于办公场景下的项目管理软件,Sorted 更多面向用户个人“日常事项管理”。在日程创建与管理过程中用户更多从“时间”和“项目”的维度进行操作,其中“时间”维度更为常见(团队项目管理场景中,“项目”维度常占有更高优先级)。

    下图是用户对该产品主任务流程进行地梳理:

    首页基础交互:上文提到“时间维度”的任务创建与管理有较高的优先级。因此,Sorted 进入首页展示的是“今日待办列表”,用户可以以“日”为维度进行左右滑动查看最近几日的任务,用户可以针对该时间下的任务进行管理;

    日期快捷跳转:以 iPad 端为例,左侧向右滑动出现导航抽屉,左上角的日历卡片方便用户快速定位该日期,进行任务的查看。同时日历卡片中蓝色矩形 icon 提示用户,这里有已创建的日程;

    项目维度下对日程的创建与管理:项目维度的优先级较弱,以列表项的形式展示在下方:

    4. 对用户行为进行预判

    人性化设计,对用户行为进行预判。如支付宝消息列表在滑动的时候,在底部会出现“找人转账”的按钮,点击后进入近期具有转账交易的好友消息列表。在支付宝使用场景下大部分用户浏览消息列表并非找人“聊天”,而是需要进行转账。因此,对用户“滑动消息列表”的动作进行预判——用户有转账需求,且转账对象是曾有过交易记录的好友。支付宝对用户的行为进行预判,为用户转账操作提供便利性。

    又如滴滴打车过程中,在打车地址选择的页面有“家”和“公司”两个选项。用户打车过程中地点可能是随机的,但是在打车回家和上班时地点是长期不变且也是用户常使用的。深入用户使用场景,对用户行为进行预判,给用户提供了更多便利。

    5. 善用类比与隐喻进行设计

    采用类比的表现方式, 贴合用户心智模型,提高用户对产品的接受度。如下图,移动端现在常用的卡片切换动效,类比于现实生活场景中卡片切换的形式,提供用户对产品的熟悉度。

    类比的表现方式,提高用户对行为的接受度。如:书籍阅读界面翻页交互,类比现实生活中的书籍翻页行为。

    隐喻的方式 ,调用用户就有心智,提升情感体验。深泽直人经典设计产品——唱片机,在开关上唱片机借用传统吊灯开关,调用用户旧有心智,提高用户对产品的理解度,同时以传统的交互方式塑造温暖情感。

    6. 把握用户特征

    用户心智模型受其工作经历、受教育程度、智能设备的使用经验等各个方面影响。因此,需要从生理、认知等综合的角度把握用户特征,探索用户心智模型。

    例如,针对老年用户的产品与针对年轻用户的产品,在设计上有很多不同。适老化设计需要充分考虑老年人群在生理、认知、行为等方面的特征。老年用户在生理(视、听)上有一定障碍;认知上存在记忆力下降、感知觉衰退、理解和阅读能力下降等特点;操作方面具有手指不灵活等特点。因此,针对适老化设计,在功能层面通过简化功能结构降低用户记忆成本,同时便于用户学习与理解。在操作层,简化操作流程步骤,降低操作成本。在视觉层,简化信息内容,同时放大字体提升识别度。下图是支付宝的老年版,在功能结构、操作流程上都做了简化,同时字体与图标进行放大处理:

    拓展阅读

    如何做好适老化设计?支付宝设计师送你9个实用锦囊! 本文支付宝设计师总结了9个适老化设计小技巧,针对老年人看不清、不理解、难操作3个痛点,给出针对性的设计方法。

    阅读文章 >

    7. 创新设计培养用户新的心智模型

    设计过程需要考虑用户心智模型,但是也可以通过创新设计为用户培养新的心智模型。Timepage 首页主要采用周视图的预览模式,希望用户能将工作或者生活的重心放在短期内,专注高效地完成任务,而不是好高骛远。

    用户价值公式

    培养用户新的心智模型需要创新设计,然而创新也是具有一定风险的。梁宁在产品公开课中介绍过俞军的用户价值公式——用户价值=新体验-旧体验-替换成本。

    我们从设计的角度来看这个价值公式,可以把替换成本看作使用新产品时的学习成本等;新体验带来的价值可能包括任务完成效率的提升、功能价值提升等多方面。创新设计对于用户是否有意义,需要考虑这个新体验创造的价值是否高于替换成本(学习成本等)。有价值的新体验,也可以形成用户新的心智模型。

    苹果电脑的交互设计就是一个很典型的例子,在 MAC 之前微软系统的使用方式已培养了大部分用户相关的使用习惯。MAC 上市后,很多用户初次使用 MAC 都感到陌生——触控板控制桌面,以及Launchpad、Applestore等自带系统的软件使用等,都不同于传统的笔记本使用方式。这样全新的交互方式具有一定学习成本,但也给用户带来很多便利——多桌面触控板进行切换更加高效便利、软件系统集中管理更方便。用户习惯了MAC系统后纷纷依赖于这样的使用方式,乃至后来MAC的设计被其他电脑厂商纷纷借鉴。

    本文提出了基于用户心智模型的产品设计原则,然而设计出符合用户心智的产品需要设计师对用户、对生活深刻的洞察,也需要设计师发挥创造性的思维。这些都需要设计师长期的“修炼”与积累,冰冻三尺非一日之寒!共勉~

    欢迎关注作者微信公众号:「设计小问」

  • 这 5 款工具,让设计师工作效率提升 200%!(六)

    UI交互 2022-06-12
    大家好,这里是和大家一起进步的南清音~ 今天给大家分享几个设计师用来提高工作效率的小神器~这几个小神器分别是: 灵感参考!开阔眼界的韩国设计作品展...

    大家好,这里是和大家一起进步的南清音~

    今天给大家分享几个 设计师 用来提高工作效率的小神器~这几个小神器分别是:

    灵感参考!开阔眼界的韩国设计作品展示「Notefolio」 超有趣!开源 3D 地图生成器「little big city」 不会画人体?骨骼姿势教你摆脱画人体困难症「Pose Search」 便捷好用!免费实时音视频翻译网页插件「联想语音」 简单好用!免费 SVG 文件转换器「svg converter」 往期神器:

    拖到 Deadline 才画图?腾讯高手从 3 个角度帮你提高工作效率! 前言 相信大多数人无论在学习还是工作中都或多或少遇到过一些效率低下的情景: 永远有画不完的图、开不完的会,自己的精力又十分有限,十分焦虑事情做不完怎么办 明明有很多事情要做,却无法集中注意力,不断切换处理不同的事情,时间和精力在大量内耗中被消耗掉,实际的输出效率十分低下

    阅读文章 >

    这些鹅厂设计师都爱用的神器,个个都让你效率爆棚! 在鹅厂工作,少不了会和同事互相安利好用的网站软件。

    阅读文章 >

    Notefolio 「网站直达」 https://notefolio.net/

    平时如果做设计时没有灵感的话,可以考虑去 Notefolio 看看。Notefolio 是的一个社区交流型的韩国设计网站,有很多韩国设计师在这个社区网站中发布作品,交流设计。该网站是一个综合型设计师交流社区。在 Notefolio 里面,作品分类十分详细,例如:平面设计、插画、产品/包装设计等。用户可以根据分类来选择自己想看的作品图,从而寻找灵感。如果碰到自己喜欢的设计师,也可以在该作品的右上方点击头像进入设计师的主页,查看该设计师的其他作品。不过这是一个韩国的网站,所以网页是韩文,如果需要了解内容,还是需要借助翻译器的。

    Little Big City 「网站直达」 https://pissang.github.io/little-big-city/

    不会 3D 建模不要紧,Little Big City 是一个在线的免费城市 3D 模型生成器,它拥有球形和等体积两种不同的风格,整个 3D 星球的土地,道路,建筑,水域,云层都可以拆开来分别设置的,用户可以选择要隐藏还是可见,以及调整颜色,在右边的操作面板中,对其模型转速、天空、地面/地球、建筑、道路、水、云的参数进行调整就完成了,用户通过改变图层和颜色的排列组合,就可以创造出多种风格的星球!最重要的是支持 PNG 和 OBJ 文件下载哦~需要注意的一点就是,选择 PNG 格式需要透明背景的话,需要关闭「sky」选项。

    Pose Search 「网站直达」 https://x6ud.github.io/pose-search/#

    大家是不是每次在画人体需要找素材的时候,总是需要的很少,不需要的“垃圾”却有一大堆?不如来看看 Pose Search,在这里有很丰富的真人姿势照片可以进行参照。Pose Search 是一个 在线网站 ,用户只需要通过改变左边的人体动作,选择部位和性别就可以精准找到需要的人体局部照片,非常方便。

    联想语音 音视频翻译、辅助语言学习、追剧好帮手

    「网站直达」 https://chrome.google.com/

    遇到翻译问题还只能用谷歌翻译解决吗?快来试试联想语音吧。它能为用户提供语音实时翻译,视频翻译字幕,音频快转文字等服务,满足大家在各种时候对翻译的需求。如果用户需要和外国人进行视频会议的话,这会是一个不错的选择。而且它不需要下载,用户只需要在谷歌浏览器中添加这个插件就可以进行使用了。

    svg converter 「网站直达」 https://svgconverter.com/zh/

    svg converter 是一个免费的在线转换网站,当用户不能使用一般的图片编辑器打开 svg 格式的文件时,就可以用 svg converter 轻松快捷的转换成 PNG、JPG、EPS、PDF 等格式,反之也可以将其他格式转换成 SVG 格式。用户可以根据需要来切换语言,完全不用担心看不懂的问题。

    以上就是今天的推荐啦,希望可以为大家的工作效率提升一点小小的帮助~

  • 这 5 款工具,让设计师工作效率提升 200%!(六)

    UI交互 2022-06-12
    大家好,这里是和大家一起进步的南清音~ 今天给大家分享几个设计师用来提高工作效率的小神器~这几个小神器分别是: 灵感参考!开阔眼界的韩国设计作品展...

    大家好,这里是和大家一起进步的南清音~

    今天给大家分享几个 设计师 用来提高工作效率的小神器~这几个小神器分别是:

    灵感参考!开阔眼界的韩国设计作品展示「Notefolio」 超有趣!开源 3D 地图生成器「little big city」 不会画人体?骨骼姿势教你摆脱画人体困难症「Pose Search」 便捷好用!免费实时音视频翻译网页插件「联想语音」 简单好用!免费 SVG 文件转换器「svg converter」 往期神器:

    拖到 Deadline 才画图?腾讯高手从 3 个角度帮你提高工作效率! 前言 相信大多数人无论在学习还是工作中都或多或少遇到过一些效率低下的情景: 永远有画不完的图、开不完的会,自己的精力又十分有限,十分焦虑事情做不完怎么办 明明有很多事情要做,却无法集中注意力,不断切换处理不同的事情,时间和精力在大量内耗中被消耗掉,实际的输出效率十分低下

    阅读文章 >

    这些鹅厂设计师都爱用的神器,个个都让你效率爆棚! 在鹅厂工作,少不了会和同事互相安利好用的网站软件。

    阅读文章 >

    Notefolio 「网站直达」 https://notefolio.net/

    平时如果做设计时没有灵感的话,可以考虑去 Notefolio 看看。Notefolio 是的一个社区交流型的韩国设计网站,有很多韩国设计师在这个社区网站中发布作品,交流设计。该网站是一个综合型设计师交流社区。在 Notefolio 里面,作品分类十分详细,例如:平面设计、插画、产品/包装设计等。用户可以根据分类来选择自己想看的作品图,从而寻找灵感。如果碰到自己喜欢的设计师,也可以在该作品的右上方点击头像进入设计师的主页,查看该设计师的其他作品。不过这是一个韩国的网站,所以网页是韩文,如果需要了解内容,还是需要借助翻译器的。

    Little Big City 「网站直达」 https://pissang.github.io/little-big-city/

    不会 3D 建模不要紧,Little Big City 是一个在线的免费城市 3D 模型生成器,它拥有球形和等体积两种不同的风格,整个 3D 星球的土地,道路,建筑,水域,云层都可以拆开来分别设置的,用户可以选择要隐藏还是可见,以及调整颜色,在右边的操作面板中,对其模型转速、天空、地面/地球、建筑、道路、水、云的参数进行调整就完成了,用户通过改变图层和颜色的排列组合,就可以创造出多种风格的星球!最重要的是支持 PNG 和 OBJ 文件下载哦~需要注意的一点就是,选择 PNG 格式需要透明背景的话,需要关闭「sky」选项。

    Pose Search 「网站直达」 https://x6ud.github.io/pose-search/#

    大家是不是每次在画人体需要找素材的时候,总是需要的很少,不需要的“垃圾”却有一大堆?不如来看看 Pose Search,在这里有很丰富的真人姿势照片可以进行参照。Pose Search 是一个 在线网站 ,用户只需要通过改变左边的人体动作,选择部位和性别就可以精准找到需要的人体局部照片,非常方便。

    联想语音 音视频翻译、辅助语言学习、追剧好帮手

    「网站直达」 https://chrome.google.com/

    遇到翻译问题还只能用谷歌翻译解决吗?快来试试联想语音吧。它能为用户提供语音实时翻译,视频翻译字幕,音频快转文字等服务,满足大家在各种时候对翻译的需求。如果用户需要和外国人进行视频会议的话,这会是一个不错的选择。而且它不需要下载,用户只需要在谷歌浏览器中添加这个插件就可以进行使用了。

    svg converter 「网站直达」 https://svgconverter.com/zh/

    svg converter 是一个免费的在线转换网站,当用户不能使用一般的图片编辑器打开 svg 格式的文件时,就可以用 svg converter 轻松快捷的转换成 PNG、JPG、EPS、PDF 等格式,反之也可以将其他格式转换成 SVG 格式。用户可以根据需要来切换语言,完全不用担心看不懂的问题。

    以上就是今天的推荐啦,希望可以为大家的工作效率提升一点小小的帮助~

  • 边玩边学!5个设计师必玩的在线小游戏

    UI交互 2022-06-11
    哈喽大家好,这里是和大家一起进步的南清音~ 今天推荐大家几款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识! 拓展阅读: [link http...

    哈喽大家好,这里是和大家一起进步的南清音~

    今天推荐大家几款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识!

    拓展阅读:

    920 款游戏、38000多张高清参考图免费提供!游戏灵感神站 GAME UI Databas 在设计类的相关行业中,游戏 UI 设计算是一个比较热门且备受年轻人喜爱的设计行业。

    阅读文章 >

    Kern Type 「网站链接」 https://type.method.ac

    Kern Type 是一款调整文字间距的小游戏,可以提升设计师对文字排版的敏感度。网站会给出一组间距混乱的词语,设计师根据自己的视觉将字母调整为均衡的间距,完成后点击 Done 可以查看自己的调整是否到位并获得相应的评分,还是非常有意思的。

    除此之外,Kern Type 能展示字体笔画的轮廓细节,并提供字体名称、设计者和设计年代的相关信息,对我们拓展西文字体的知识也有帮助。

    Color 「网站链接」 https://color.method.ac

    Color 是一个测试对颜色感知能力的小游戏,通过颜色搭配来提升自己对配色的敏感度。网站有 5 种模式:色调、饱和度、互补色、三色、四色,越到后面越难。设计师要根据它给出的颜色找到相对应的颜色,全部通关的话,就说明你有很好的色感!操作方法十分的简单,你只需要拉动鼠标在规定时间内选出正确的颜色即可得分,十分考验眼力!怎么样,要来接受挑战吗!

    Bezier 「网站链接」 https://bezier.method.ac

    Bezier 是一款帮助设计师掌握 钢笔工具 的小游戏,设计师需要根据指定的形状轮廓,绘制出对应的形状曲线,在这个过程中就能逐渐提升对曲线锚点角度的控制能力并熟悉一些快捷键。绘制结束后,你可以看到自己绘制的锚点数量以及标准绘制需要的锚点数量,如果数量不一致,网站会提示你再试一次或者跳到下一个。

    Supremo 「网站链接」 https://www.supremo.co.uk/designers-eye

    Supremo 是一款通过视觉判断中心点的小游戏,设计师如果想锻炼自己的眼力,可以来试一试。Supremo 会生成 10 款带小黑点的随机图形,只需通过选择代表 “是 “的笑脸表情符号或代表 “否 “的粑粑符号,来猜测小黑点是否在每个形状的中心。猜出正确的答案就能得到一分,从而进入下一关。错了一个问题,它会给你扔一坨粑粑。是不是燃起了挑战的欲望!

    Loxapp 「网站链接」 http://game.ioxapp.com/eye-test/game.html

    Loxapp 是一款测试色感的小游戏,你需要在 60 秒内,从相似的色块中找出颜色不同的一个,越往后色块的差别会越小,需要的识别时间就越长,会一直到你看不出到底哪一个方块是颜色不同的,非常具有挑战性。

    今天给大家推荐的小游戏就是这些啦~我们下次再见!

  • 进阶技巧!从4个角度教你打磨视觉设计细节

    UI交互 2022-06-11
    随着体验设计的持续发展,行业内各领域的体验设计质量都有了很大的提升,并且各个竞品之间的差距越来越小。而更高的界面细节设计质量不仅是各个大厂产品体验设计的追...

    随着体验设计的持续发展,行业内各领域的体验设计质量都有了很大的提升,并且各个竞品之间的差距越来越小。而更高的界面细节设计质量不仅是各个大厂产品体验设计的追求,也是我们拉开竞品差距的关键一环。我们平时可能阅读了很多理论知识文章,但往往在实际工作中却较少运用。学习掌握理论基础知识固然是很重要的,但在设计执行时掌握设计技巧也更能提升工作的效率和质量。那么在设计执行层遇到问题有没有一些立竿见影的解决方案呢?本篇文章分别从视觉创意的角度分析,希望可以帮助你遇到问题时另辟蹊径,延伸更好的设计思路。

    拓展阅读

    重磅好文!2022 年值得设计师尝试的 9 个视觉设计方向 在整个设计领域趋向于多元化的今天,已经很难出现某一个设计风格主导整个领域了,10年前拟物化全面倒向扁平化的盛况,大概率是不再会有了。

    阅读文章 >

    欢迎关注「JellyDesign」的小程序:

  • 进阶技巧!从4个角度教你打磨视觉设计细节

    UI交互 2022-06-11
    随着体验设计的持续发展,行业内各领域的体验设计质量都有了很大的提升,并且各个竞品之间的差距越来越小。而更高的界面细节设计质量不仅是各个大厂产品体验设计的追...

    随着体验设计的持续发展,行业内各领域的体验设计质量都有了很大的提升,并且各个竞品之间的差距越来越小。而更高的界面细节设计质量不仅是各个大厂产品体验设计的追求,也是我们拉开竞品差距的关键一环。我们平时可能阅读了很多理论知识文章,但往往在实际工作中却较少运用。学习掌握理论基础知识固然是很重要的,但在设计执行时掌握设计技巧也更能提升工作的效率和质量。那么在设计执行层遇到问题有没有一些立竿见影的解决方案呢?本篇文章分别从视觉创意的角度分析,希望可以帮助你遇到问题时另辟蹊径,延伸更好的设计思路。

    拓展阅读

    重磅好文!2022 年值得设计师尝试的 9 个视觉设计方向 在整个设计领域趋向于多元化的今天,已经很难出现某一个设计风格主导整个领域了,10年前拟物化全面倒向扁平化的盛况,大概率是不再会有了。

    阅读文章 >

    欢迎关注「JellyDesign」的小程序:

  • 边玩边学!5个设计师必玩的在线小游戏

    UI交互 2022-06-11
    哈喽大家好,这里是和大家一起进步的南清音~ 今天推荐大家几款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识! 拓展阅读: [link http...

    哈喽大家好,这里是和大家一起进步的南清音~

    今天推荐大家几款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识!

    拓展阅读:

    920 款游戏、38000多张高清参考图免费提供!游戏灵感神站 GAME UI Databas 在设计类的相关行业中,游戏 UI 设计算是一个比较热门且备受年轻人喜爱的设计行业。

    阅读文章 >

    Kern Type 「网站链接」 https://type.method.ac

    Kern Type 是一款调整文字间距的小游戏,可以提升设计师对文字排版的敏感度。网站会给出一组间距混乱的词语,设计师根据自己的视觉将字母调整为均衡的间距,完成后点击 Done 可以查看自己的调整是否到位并获得相应的评分,还是非常有意思的。

    除此之外,Kern Type 能展示字体笔画的轮廓细节,并提供字体名称、设计者和设计年代的相关信息,对我们拓展西文字体的知识也有帮助。

    Color 「网站链接」 https://color.method.ac

    Color 是一个测试对颜色感知能力的小游戏,通过颜色搭配来提升自己对配色的敏感度。网站有 5 种模式:色调、饱和度、互补色、三色、四色,越到后面越难。设计师要根据它给出的颜色找到相对应的颜色,全部通关的话,就说明你有很好的色感!操作方法十分的简单,你只需要拉动鼠标在规定时间内选出正确的颜色即可得分,十分考验眼力!怎么样,要来接受挑战吗!

    Bezier 「网站链接」 https://bezier.method.ac

    Bezier 是一款帮助设计师掌握 钢笔工具 的小游戏,设计师需要根据指定的形状轮廓,绘制出对应的形状曲线,在这个过程中就能逐渐提升对曲线锚点角度的控制能力并熟悉一些快捷键。绘制结束后,你可以看到自己绘制的锚点数量以及标准绘制需要的锚点数量,如果数量不一致,网站会提示你再试一次或者跳到下一个。

    Supremo 「网站链接」 https://www.supremo.co.uk/designers-eye

    Supremo 是一款通过视觉判断中心点的小游戏,设计师如果想锻炼自己的眼力,可以来试一试。Supremo 会生成 10 款带小黑点的随机图形,只需通过选择代表 “是 “的笑脸表情符号或代表 “否 “的粑粑符号,来猜测小黑点是否在每个形状的中心。猜出正确的答案就能得到一分,从而进入下一关。错了一个问题,它会给你扔一坨粑粑。是不是燃起了挑战的欲望!

    Loxapp 「网站链接」 http://game.ioxapp.com/eye-test/game.html

    Loxapp 是一款测试色感的小游戏,你需要在 60 秒内,从相似的色块中找出颜色不同的一个,越往后色块的差别会越小,需要的识别时间就越长,会一直到你看不出到底哪一个方块是颜色不同的,非常具有挑战性。

    今天给大家推荐的小游戏就是这些啦~我们下次再见!

  • 开发说这个效果做不了,设计师怎么办?

    UI交互 2022-06-10
    有很多同学面试都遇到过这样一个问题(包括我):如果你做的设计开发说实现不了,你会怎么办?这是一个直接反映设计师在自己领域业务水平的问题,也是 UI 设计工...

    有很多同学面试都遇到过这样一个问题(包括我):如果你做的设计开发说实现不了,你会怎么办?这是一个直接反映设计师在自己领域业务水平的问题,也是 UI 设计工作中最常遇到的阻力之一,是 设计师 和前端程序员的主要矛盾来源。

    开发沟通指南

    6000 字干货!写给设计师的开发沟通指南 前言 “这个做不了、很难做的啊、我没时间啊、改这个有什么意义吗?

    阅读文章 >

    这一篇,我就要从几个维度来讲讲,在真实项目环境中,开发说设计不出来的话,我们应该怎么办。

    想要解决开发做不了的问题首先要了解他们做不了的原因。

    在正常的团队协作中,正式进入前端开发阶段前,有需求评审、交互评审和视觉评审。需求评审即产品经理的工作产出评审,告知团队这个阶段要实现的功能有哪些。而交互和视觉评审,则是设计师交付给团队,产品怎么操作,界面长什么样的过程。这个过程不一定是要在会议室中一群人看设计师演示交互原型或 PPT,只要是设计没有完全定稿针对它的讨论都可以算是评审过程。

    开发会告诉你设计稿实现不了,就是在这个阶段中发生的,那为什么他们会在这个阶段说实现不了呢?

    主要原因有四个:

    技术上有难度,实现不了 时间不够充裕,来不及做 单纯看你不爽,对人不对事 看破职场沉浮,一心躺平 针对第一点,稍微有点经验的程序员都不会在看到设计稿后判断不了自己能不能实现,不会把设计稿拿回去代码写到一半,再跑回来和你说实现不了。

    这里的不能实现包含三种情况,第一种是技术上真没办法实现,比如使用了一些非常复杂的 3D 着色器、渲染效果。

    第二种是开发的能力有限,以他目前的水平做不出来。尤其是小公司中的初级前端群体,因为经验和技术能力不足,往往复杂点的效果就不知道怎么下手,所以自然实现不出来。

    第三种,就是为了实现这个效果的代价过大,觉得完全没有必要,这是最常见的情况。比如团队已经使用某开源框架做前端了,结果你设计稿效果和官方组件南辕北辙,为了和你的设计效果保持一致,得花费几倍的时间精力。

    可能设计新人会觉得奇怪,程序员还原设计稿效果不是天经地义的嘛?

    但程序员的思考方式是不一样的,程序写代码的第一目标必然是 “功能实现”。所以他们分配给界面样式的时间和精力是不多的,如果视觉稿需要让他们投入过多的精力,影响到功能的实现,那么他们肯定优先选择功能而不是视觉效果。

    多数 B 端项目中程序员的时间都是不够用的,所以也导致复杂的视觉效果基本都会被他们驳回。这就关联到第二点,时间不够充裕的问题。因为时间紧迫,一些开发成本过高的视觉效果,即使程序员认可你的设计方案,也想这么输出,但是根本没有充裕时间完成,所以只能拒绝。

    再到第三点,程序员就是对你有意见,只要设计稿稍微复杂,就算做的了也有时间但就是不想和你配合,也会想方设法找理由给借口说做不了。同事发展到这个地步并不少见,根据我多年的经验和观察,除了少数心理健康有待商榷的程序员以外,这种情况多数由设计师的不专业行为长期积累而引发的,被对接程序员嫌弃……

    最后一点,就是和你对接的前端看破滚滚红尘,参透职场的真理,认清剥削的真相,选择躺平了……躺平了……平了……了……这和上一点类似都是消极对待工作,只是这次他没针对你了,而是针对项目团队在座的各位。这种程序员高频出现在国企或其它大型企业中,有比较长的工作年限,得过且过没有任何的工作热情了。或者是已经打定主意要离职,已经抱着你们爱咋咋滴和我已经没关系的心态了。

    以上就是程序员会讲开发实现不出来的主要原因。

    想要解决实现不了的问题,肯定要先定位出实现不了的原因属于上面哪一类,然后才能对症下药。

    第 1:技术实现不了的解决方案

    如果是技术上的困难导致无法实现,那么设计师修改方案是必须的。但改动前,要尽量和程序员询问技术实现不了的原理,再针对性的做出调整。比如我们之前做过的一个筛选面板优化,增加了右下角 “查询” 按钮,需要每次筛选完成后点 “查询” 才能刷新筛选结果,而不是像京东这些网站的筛选项一样点击后立刻刷新。

    这是因为开发做不到结果秒出,一般项目的后端数据库搭建非常简陋,检索效率极低,每次查询请求到输出结果需要数秒到数十秒不等。所以,增加查询按钮多一个操作步骤反而是效率更高的做法。

    还有特别常见的情况,就是设计师自己辛辛苦苦画了花里胡哨的图表、可视内容,还加上各种酷炫的动画和特效,但是开发做出来和设计稿完全不一致。

    这就是因为一般开发掌握的图形技术往往非常有限,或者使用的引擎本身也不具备实现相关模型、效果的渲染。这需要设计师和程序员进一步确认可以实现的效果特征有哪些,支持什么程度的模型,可以应用哪种着色器、光源,再根据这些特性重新优化设计方案。

    解决技术实现上的难度,就是找出问题在交互的步骤上还是视觉上(动画也算),然后围绕这个方向和开发进一步商议出可以实现的方案,再动手去修改。

    第 2:时间不够充裕,来不及做

    时间来不及也是非常常见的情况,尤其在设计师设计出非常多全新的样式和细节时。多数项目都会使用类似 Ant、Element、Tdesign 之类的开源前端框架,如果你制定了大量新组建或修改了原有组件的样式或细节,那么调整起来是非常耗时的,即使是一些看似简单的微小改动。

    因为成熟的大型开源项目,每一个元素的样式、逻辑都作用了大量的代码,这些代码又分布在不同的样式表或者脚本中。往往做一点小改动,就会发生莫名其妙的 BUG,这种情况就要倒逼程序员去检查和理解与它关联的所有代码信息。即使成功把这个细节改好了,保不准其它关联到的元素会出现问题,引发一连串的连锁反应……

    所以通常在前端时间不足的情况下,最简单的解决办法就是减少新样式的使用,尽可能使用框架自带样式或者过去开发的原有样式。这不是说每次迭代时间紧迫设计师永远不思进取,对所有设计 Ctrl+C/V 就结束了,而是要做权重评估,哪些样式的改动不仅重要性不高而且花费的时间特别多,哪些是非常必要且无法忽视的更新。

    之后,就是要和开发进行讨价还价的时候,放弃一部分次要的样式,集中精力来处理一些重要的内容。要有目的性的把整体视觉样式迭代拆分成多个版本来完成,每个版本见缝插针,而不是一口吃成胖子指望前端工程师进行 007 强行军。

    第 3:单纯和你有矛盾,不想做你的需求

    产品、设计、程序员之间如果有矛盾,一般不会是一天两天产生的,而是长期积累下来的。如果关系已经恶化到不能调和,那么需求的执行只能依靠公司规章,或者同对方上级沟通强行推进(也可能推不动)。

    如果关系还有挽回的余地,你又想顺利推进设计落地,那只有主动低头示好一条路能走了。因为设计和开发是没有从属关系的,只能晓之以情动之以礼,强势的压迫只会获得相反的结果。提升自己的专业能力,沟通能力,全局观,站在别人角度思考做出有效的让步,才能长期维护协作关系的紧密性。

    第 4:看破职场沉浮,一心躺平

    这种情况接近无解,当一个员工选择彻底躺平,就已经放弃追求和责任感。除非你们的私交非常好可以站在基友、朋友的角度上做感化,否则只能全部改成最简单的方案。

    如果和你对接的前端都已经躺了,而你又是个有追求的设计,那给你们唯一的建议:

    跳槽……

    上面的建议,与其说是解决方案,不如说是如何 “妥协” 的方案。

    这是一种无奈的客观要求,任何行业的设计,都是一个针对理想方案和现实情况进行妥协的过程。强如苹果,也在极度追求轻薄后重新增加了笔记本的厚度和散热模块尺寸(变成砖头)。

    固然我们可以用圆滑的处事方法和职场生存技巧处理样式实现不了的问题,但一个真正有职业精神和追求的设计师,会在项目初期就做好开发可行性的研究判断,而不是等到设计都输出完了再做调整。

    让可以遇见的问题扼杀在摇篮中,项目的推进效率才会更高,留给视觉交互的开发时间才会更多。

    想要尽量避免开发做不了的问题,就要满足下面的条件:

    掌握基础的前端技术逻辑 前期进行开发可行性评估 培养和开发团队的协作默契 掌握前端技术逻辑这个观点以往的分享已经讲烂了,但还是不能不提,没有任何前端技术认识是绝对没办法判断设计的可行性的。

    拓展阅读

    设计师学前端有用吗?来看腾讯设计师的分析! 凡事编程类课程广告找上门来,我都会立马拒绝,以为我真心不鼓励设计师盲目学习代码,包括前端。

    阅读文章 >

    掌握 HTML + CSS 认识静态页面的布局,是唯一要涉及到需要自己上手做练习的地方,这个我们过去录制过对应的教学,顶多一周就能掌握。其它的部分,就是理解 JS 或 React、VUE 是什么,前端语言的基本认识和功能实现逻辑,还有诸如响应式、API、封装、异步等术语的意思。

    除了 JS 建议花一周时间看一些入门教程,其它的专业术语学习,就是在工作中碰到什么百度什么,全都有非常基础的科普扫盲。

    第二,就是在每次项目前期,将你认为可能会遇到的技术问题提前和开发商议。比如特殊的业务组件的复杂交互方法,界面框架响应式的变更,特殊动效的动画形式,图表的自定样式等等。

    掌握越多的前端知识,可以发现的问题就越精准。在构思设计方案的阶段觉得有开发难度,又拿捏不准的地方就一定要提前和开发通气,排除掉不合理的,确定出具体的实现方向。

    这可以避免很多没必要的问题,以及建立开发在界面实现方向工作量的预期,这点非常重要。因为设计稿没拿出来之前,对前端开发来说就是盲盒,很可能会收到一份意想不到的 “大礼”。只要预期可以建立,项目进度又不是非常迫切的话,专业的前端都是愿意尽量配合设计师实现一些更优或者更有挑战的效果。

    在过去,我和不同团队的前端工程师都会预留一部分的时间,进行特殊的效果尝试,尝试不同的技术方案和可能性,即使他们最终不一定能落地,但这可以非常好的提升各自的专业水平和眼界。

    有效的前期沟通也是专业性和获得话语权的关键操作,因为沟通意味着协商,协商意味着尊重,对技术人员尊重的缺失就是后面会被针对的主要问题之一(另一个是菜)。试想一下,你们的老板还是运营、市场人员,不咨询你的意见也不管你的能力范围,指定要下面这些效果的 Banner 还是 H5,你会怎么想?

    能满足前面两点,就能追求第三点,培养和开发团队的默契了。优秀的产品团队产品、设计、开发都要有一定的协作默契,这样可以减少很多不必要的沟通成本。默契是多方面的,包括了解双方的工作流程,每个阶段要做什么,怎么配合。另一方面,是了解对方的技术水平,擅长哪个方面,做出正确的评估,交付对应的成果。

    这是在半年到一年以内可以实现的目标,当你了解对接的前端工程师主要熟悉哪些技术栈、框架,技术水平、工作投入程度,你就会对怎么沟通,提供给对方什么样的设计内容有更深入的见解。

    虽然我们不能确保每次项目中所有界面技术问题全能在前期完美解决,但我们的目标就是尽可能减少到项目后期开发说 “做不出来”,再浪费时间在争吵谁听谁的问题上。

    理解完前面的内容,就可以进入最后的重点。针对面试中开发说 “实现不了” 的回复框架:

    找出原因:开发说实现不了,我首先要和对方确认并判断实现不了的原因是什么,是技术上的难点还是时间不够,而不是无理由强行推进自己的设计方案。

    解决方案:如果是技术上的问题,我会和程序员商量解决方案再做调整,来适应落地需要。如果是时间不够,那么我就会评估相关内容的优先级,放弃一些低优先级的设计需求留到后面版本再实现,集中精力在核心需求的开发上。

    提前避免:当然,除此之外我会尽力避免在设计完以后才知道实现不了。第一是我会积极掌握前端的相关技术内容,具备技术难度的初级评估能力。第二是我会在每次动手设计前,通过一些基础原型和程序员做更具体的开发可行性评估,提前调整不合理的方案。第三,我会在长期的研发过程中培养和前端团队的默契,尽可能提升设计落地的效率,从而预留出更多时间来实现更好的用户体验或视觉效果。

    这类问题主要考察的就是设计师针对项目实施的态度,是只在意你自己的想法,还是把团队产出放到个人喜好之上。以及你的团队协作潜力,一个缺乏协作精神的设计师,越有优秀的设计能力或者吹毛求疵的态度,越是项目研发中的负资产。

    所以,上面的回复框架大家可以根据自己的理解修改,或加入过去实际经历过的案例做说明,让它更有说服力!

    本次的分享就到这里,如果还有一些遇到不知道如何回答的面试问题,也可以发到下方留言中。

    我们下篇再贱~

    欢迎关注作者的微信公众号:「超人的电话亭」


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通