首页

设计赋能商业变现初探

seo达人



关键词解读

为了更好的理解接下来的文章内容,笔者会首先对以下关键词进行解读:商业变现、设计赋能、价值链理论。

图片

关键词

1. 商业表现
杰克·韦尔奇在《商业的本质》一书中提到:商业归根结底是一项“团队运动”,必须依靠团队的力量。就企业而言,笔者解读为「商业」的本质是:企业团队(个体、群体)通过创造一系列的价值活动实现企业和外部客户之间价值交换的运行模式;而「变现」则是指在此系统中“企业收入-支出成本”所得的实际收入,提升收入总额和降低支出成本均可以实现“变现”的目标。

 

2. 设计赋能

设计师站在用户和业务的视角,能够从全链路的视角出发,洞察各利益相关者的关注点,运用专业的设计方法去挖掘产品和设计的机会点,最终促进业务持续健康向上发展。

 

3.“价值链”理论

价值链的概念最早是由美国哈佛商学院的迈克尔•波特教授在其著作《竞争优势》中提出的,称作“价值链分析法”。把企业内外价值增加的活动分为“基础活动和支持性活动”。基础活动即企业生产经营的主体活动,涉及产品的物质创造及销售、转移买方和售后服务的各种活动,支持活动是辅助基础活动,是通过提供采购、技术投入、人力资源、及公司范围的职能支持的活动。不同企业参与的价值活动中,并非每一个环节都会创造价值,只有特定的价值活动才能真正创造价值。企业要密切关注组织的资源状态,特别关注和培养企业在关键价值活动上获得竞争力。

企业保持竞争优势,既可以来源于价值活动所涉及的市场范围的调整,也可以来源于企业合作或调整价值链所带来的收益。

随着社会分工的细化和专业化以及互联网的普及和发展,价值链的内容也不断向前发展,目前已发展为“合作竞争的价值链”理论。

图片

合作竞争价值链

 

价值链理论包含4个构成要素:价值主张、运营模式、界面模式和盈利模式。

1.价值主张:包括价值主张、客户关系、客户细分三大部分。

  1. 价值主张:不但包含了企业的战略方向,而且包含了企业提供给客户满足其需求的价值项,比如“快捷的渲染服务-10s出高清效果图”。
  2. 客户细分:确定目标客户群体,并对其进行细分,探索不同细分市场的客户需求。
  3. 客户关系:是在明确用户需求的前提下,找到吸引顾客、留住顾客、转化顾客的方式,从而对所提供的产品和服务进行不断的改进以维系和形成良好的长期往来关系,C端业务中常见的客户关系即是“会员”。

图片

价值主张

2.运营模式:企业将资源和能力转化为产品服务的过程模式。包括关键业务、核心资源两大部分。企业的产品和服务作为企业价值创造的载体,需要通过一定的过程将资源和能力转化为产品和服务,通过优化流程、提高效率则可以减少该过程中涉及到的成本和费用。

3.界面模式:包含重要伙伴和渠道通路两个部分。通过渠道通路,企业可以将自身的产品和服务传递给客户,客户也可将信息、资源、能力等回馈给企业。而企业的合作伙伴,在一定程度上促成了企业的产品和服务的产生,是企业外部的重要资源。

4.盈利模式:包含包括成本结构和收入来源两个构造块,企业可以通过“开源节流”以实现商业的高效运作。

 

赋能维度提取

初步确定4个维度

可基于价值链模型从“公司角度”或“具体业务角度”去作分析,可更加灵活的应用该理论。但需注意,以上构成要素中,设计师很难全面切入,定要找准设计切入方向,才可发挥最大价值。

那么我们来看如何确定设计赋能维度?

一方面,在上述的价值链理论中,“客户关系”“重要伙伴”通常会有专业的商务、销售、售前、运营人员去维系,盈利和收入模式也会有高层管理人员进行制定和分析管理,设计师在工作链路上很难触达盈利模式和客户关系相关的内容。“重要伙伴”侧,设计师通常会进行客户调研、竞品分析等,以挖掘更多的产品机会点,促成业务价值达成,因此在赋能方向上,“重要伙伴”会合并到价值主张侧进行分析,不再单独展开来讲。

另一方面,基于价值链理论的指导,我们进一步提炼企业或具体业务的核心价值链:企业需要将资源和能力整合,去生产或研发承载企业价值的产品/服务;产品/服务经过销售到达客户侧,客户付费购买则企业产生营收。在这条关键链路中,「生产/研发链路」「产品/服务」「销售链路」「客户/用户」都是非常重要的环节且缺一不可。而设计师基于“全链路”的设计思维,利用丰富的设计研究等方法均可以在此四部分进行有效切入挖掘业务价值,因此初步确认将此四部分对应价值链中的「运营模式」「价值主张」「渠道通路」「客户细分」作为设计切入的赋能维度。「生产研发链路」和「销售链路」作为直接赋能“降本”和“增收”的关键链路可作为设计赋能的持续探索方向。

图片

确认赋能维度和方向

 

基于维度对业务进行分析,找到更加细分的赋能维度乃至设计机会点

虽然初步确认了赋能维度,但是对于设计师如何寻找设计赋能机会点尚没有清晰的思路,因此笔者从自己负责的房产业务入手,尝试进行分析和挖掘。以下为简要的分析,仅供大家参考。

 

1.价值主张:房企业务在当下重要的价值主张在于探索全链路的业务解决方案。

思考设计可以做什么:

  1. 目前的解决方案是否完整,能否在房产上下游继续拓展。
  2. 已经有的解决方案客户是否真正用起来,能否真正满足客户的需求?
  3. “数字化精装”到底如何做到数字化?
  4. 竞品做了什么?
  5. 如何链接到C端消费者?(客户对户型对喜好如何,对装修风格喜好如何)…

设计做了什么:

  1. 对新房营销客户的核心诉求进行分析,基于C端消费者的购房链路整理客户关注的数据,提供到产品侧进行参考。
  2. 对同类产品进行详细竞品分析梳理得出产品的基础功能、进阶功能、增值功能,并且将报告提供到产品侧在后续的产品设计中进行参考。
  3. 基于对业务现状的分析,整理出期望的业务表现,根据表现的内容整理出可衡量的指标以及寻找可切入的设计机会点。

图片

业务现状分析

 

2.客户细分:提供更加精细化的产品和运营策略。

思考设计可以做什么:

  1. 目标客户的类型?
  2. 不同地产大客户的共性和差异性?
  3. 形成清晰的地产客户画像?
  4. 地产客户下的细分角色?不同角色的关注点?…

设计做了什么:

  1. 通过“桌面调研、定性调研”的方法调研“新房营销”场景下的主要用户角色,梳理得出“决策者-营销总、管理者-案场销售主管、使用者-置业顾问”的用户角色画像,聚焦所服务客户(用户)的特征、动机、日常工作分析,为后续的产品功能规划提供参考。
  2. 根据当前客户细分情况,整理在客户细分侧期望的表现,整理可衡量标准以及可切入的机会点。

图片

目标客户分析

 

3.运营模式:将资源和能力转化为产品和服务的过程。前文已经提到,优化流程、提高效率均可以减少该过程中涉及到的成本和费用。针对此部分笔者还未进行系统分析,因此简单说明。

  1. 一方面可以思考产研基建能力建设是否完善,是否有进一步优化的空间。
  2. 另一方面可以思考产研、商务、运营等角色涉及的协作流程是否高效,能否进一步提升人效。

 

4.渠道通路:跟增收有直接的关联,在C端业务中表现为「购买转化链路」,而在面向大B客户的业务中,可细拆为“产品/服务”从「触达客户–>新签–>续约」的全链路。

图片

面向大B客户的转化链路

 

思考设计可以做什么:

运用链路分析法,对转化链路进行系统梳理,并明确链路中期望的目标表现,发现可用于衡量的数据指标和可挖掘的机会点。参考下图以“触达链路”为例进行详细说明:

图片

“转化链路”分析

 

首先,需要对线上和线下的触达客户渠道进行枚举和系统梳理。比如线上涉及到官网、推文;线下涉及到展会、沙龙。线下渠道包含宣传册、折页等,可透出二维码引流到线上渠道;线上渠道还可以通过推文转发分享、搜索等进行引流。

其次,在触达链路中我们期望的目标表现是什么呢?在这个过程中,我们期望越来越多的人进入官网;希望线上的推文被大量分享;希望线下触达的客户量越多越好,期望品牌曝光次数越多越好,因为品牌曝光意味着触达客户量的机会增加,触达客户量也有可能随之增加。

再者,如何衡量目标是否达成呢?最终指标:一方面是触达客户数量,触达量增加很可能意味着转化率提升;另一方面是咨询率,在触达客户增加的同时,咨询率提升意味着对业务感兴趣的客户多,转化的可能性就更大。过程性指标包括官网访问量,推文阅读量与分享量,单场活动触达客户量等。触达链路的主要目标是引流和拓客,最终转化与否还要依赖新签过程,因为转化率不会作为触达链路的最终指标。

(此处推荐大家使用GSM模型的方法确立目标表现及衡量指标,在后续的文章中会进行详解,本文暂不详细说明)

图片

GSM模型

 

最后,在触达链路中,切入赋能的方向在哪里呢?

一方面线上线下的渠道能否进一步拓宽?-分析现有渠道,线下客户扫码二维码后打开的是H5页面,关闭页面后无法再次查看页面,进而无法了解业务。因此建议增加“小程序”作为线上客户留存渠道,一方面可以依赖微信生态方便客户再次查看,另一方面在留存的同时还能提高客户间的传播分享。(下图是基于已有小程序时的触达链路)

另一方面,已有渠道的品牌曝光量能否增加?-分析现有的官网,在官网中透出“酷家乐地产业务”的入口较深,且布点少,这些都影响了业务曝光度;于此,我们可以去思考,SEO搜索酷家乐时是否可以透出“酷家乐地产业务”?线下渠道是否可以增加可被客户带走的物料?线下展会中播放配音视频,通过声音传达到更多客户处,然客户产生兴趣,吸引客户前来了解业务。

沿着上述的思路和方向,我们可以思考更多可切入的方向与机会点。

 

初步归纳整体研究思路

上述的分析是基于价值链理论,从「价值主张」「客户细分」「运营模式」「渠道通路」4个维度进行切入,从实际业务着手运用专业的设计方法进行分析,整理得出期望目标达成的具体表现,以及确定目标可衡量的数据指标或软性评估体系,最后挖掘出可赋能的方向以及机会点。

图片

从业务着手,尝试挖掘赋能方向和机会点

 

由此,笔者也形成了相对清晰的研究思路:

基于价值链理论,选取赋能变现相关联的维度。从维度切入,运用专业的设计方法对业务进行系统梳理,挖掘维度下更细分的方向,并且确定相关的评估体系用以确保目标达成。由于单条业务挖掘的方向可能有限,因此后续需要对其他典型业务进行分析,尽可能从业务实践中抽离赋能方向,并且最后应用到其他业务实践中。

图片

设计赋能商业变现的研究思路

 

影响因素:

1.产品/业务的生命周期:

产品/业务所处的生命周期不同,所选择的维度也会存在差异性。笔者当前所负责的业务还属于从0->1阶段,业务品牌影响力需要不断增大,对外营销推广渠道也需要不断拓展,因此在业务的品牌影响力建设、渠道拓展方面都存在可深入挖掘的方向;而对于其他相对成熟的业务,赋能维度仍需要侧重在运营模式优化(内部流程优化、提效降本)和销售转化链路的优化与升级(直接影响营收)两个方向。

2.业务类型:

B端业务和C端业务的类型不同,可挖掘出赋能方向也会存在一定差异性。尤其是在销售变现链路上,B端业务重在分析「触达客户」->「新签客户」->「续约客户」的链路,需要对转化链路中涉及的商务、运营、市场人员的角色及其作用进行深入了解;C端业务更重在从消费者的角度对C端转化链路进行分析,包含「初识/了解」->「产生兴趣」->「下单购买」->「多次回购」->「分享推荐」的完整链路,更要侧重于分析消费者的心理和购买动机。由于目标用户/客户、转化链路、业务属性的差异性,赋能变现的切入方向也会存在一定的差异性。

 

总结

本文从“价值链”理论着手,选取设计赋能可切入的4个维度「价值主张」「客户细分」「运营模式」「渠道通路」。并且从实践出发,将上述维度落入到具体业务中进行分析,挖掘更加细分的赋能切入方向以及机会点。

读完该篇文章,希望各位设计师们可以达成以下2个目标:

1. 了解价值链理论的概念,并且将理论应用到当前自己负责的业务中进行分析。

2. 在设计赋能商业变现中找准设计赋能可切入的维度以及挖掘细分的维度和机会点,并且真正落实到具体业务中。

以上内容为设计赋能商业变现的初步探索,在后续的持续探索中会力求总结出更系统的理论框架和方法并分享给大家。

 

参考文章:

书籍:《竞争优势》

书籍:《商业的本质》

论文:价值链、商业模式相关的学术论文

 

原文链接:酷家乐用户体验设计(公众号)

作者:瑶一

 

转载请注明:学UI网》设计赋能商业变现初探

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



设计师如何让讲故事成为辅助利器!

资深UI设计者

在日常的生活中,我们总是容易被一个故事吸引,而且更愿意倾听故事,对故事内容也更容易理解。讲故事,是一种比较自然的沟通方式。

作为一个用户体验设计师,你是否有想过,利用人类对故事天然的 “亲近感”,辅助我们在日常的设计工作中解决问题?

在本期的思考中,我试图从一个好故事所具备的特质中,找到我们日常设计工作中可以借鉴的方法。

本期提纲:

  • 为什么会思考 “体验设计师可以从讲故事中学到什么?”
  • 梳理故事要素,全面了解用户
  • 参考故事结构,引导完成任务
  • 明确主线支线,辅助聚焦目标
  • 结语

为什么会思考

“体验设计师可以从讲故事中学到什么?”

这要从 B 站那些的知识区 UP 主说起。

最近,在不知觉中,我养成了在 B 站追更知识区 UP 主的习惯。比如 “法外狂徒” 罗翔老师,常以 “张三” 为主角,将严肃枯燥的法律知识点,串联成一个个普法故事,妙趣横生。这些视频内容,都很擅长使用最简单的故事讲述复杂的专业问题,能够让没有专业背景的普通人听得懂,看进去,学习到知识。

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

故事在复杂的知识和观众之间架起了一座沟通的桥梁。

因此,我开始思考,将故事中一些引人入胜的技巧和方法,用到体验设计中帮助用户理解信息、参与互动。

梳理故事要素,全面了解用户

以下哪段描述更吸引你呢?

  • “凯文到了理发店,在理发店等了一个小时,最后理了发。”
  • “上了一周班的凯文周末想剪头发。天气很热,走到时凯文已满头大汗。开门瞬间他心一沉,顾客挤满了理发店,他在旁无聊的等了一个小时,最后总算理了一个满意的发型。”

这两段描述其实讲的是一个事情,但是后者包含了讲故事最重要的六个要素:

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

因此,将这两段描述一起比较,前者是简陋生硬的流水账,后者则是完整生动的故事。从生动的故事中,我们更能体会到人物的所有行动以及情绪。

通过六个要素塑造一个人物角色的故事,让我们能快速在脑海构建一个立体的角色形象。在日常的设计工作中,每个产品需求对应的目标人群各有差异,设计师同样可以使用故事的六个要素,帮助快速了解我们的用户。

首先,在调研中,可以按照故事六要素设计的访谈问题,这样可以帮助了解到相对全面的用户信息。其次,调研后整理信息时,可以根据故事六要素,将素材加工成具体且有代表性的故事,能够帮助我们不被繁杂的原始信息束缚。

下面看看故事的六要素方法在微信记账本的改版方案中的实践。

这次改版的目的是为了解决记账本的流失问题。方案前期,我们根据故事的六个要素设计了访谈提纲,然后招募用户,进行了面对面的调研访谈。

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

随后,由于访谈提纲与故事六个要素对应,因此按照这个对应关系,我们从原始的访谈资料中,整理出一个具有代表性的用户故事。

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

通过这个故事,我对目标用户的身份、行为、习惯有了清晰直观的了解。同时,根据故事中情节描述,再对照记账本中的交互体验,可以看出,用户流失的核心问题主要在于,自身的记账习惯与记账本提供的体验不匹配,导致用起来有阻碍,用得不习惯。

用户的习惯是按日看账,但是记账本没有聚焦在每日的统计上。因此,方案中我将明细页按日分块区隔,不仅每日的信息更聚焦,而且方便用户进行日间的对比。

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

同时,用户大部分时间都在关注当日的账,只在月底、月初等阶段性的时间节点,才会复盘整月的记账情况。因此,我设计了 Tab 页面结构,区分了用户的高低频行为。用户进入记账本时,会优先呈现明细,通过 Tab 页面切换,在需要时也可以看到该月的记账统计。

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

这个方案在后续的用户调研中,得到了不少用户正向的反馈。由此可见,利用故事六要素设计,能帮助设计师了解用户,能从混乱的信息中抽丝剥茧,找到清晰方向。

参考故事结构引导完成任务

积木虽然只有几个形状,但是通过排列组合,能有无数种结果。这跟体验设计的工作的很像。日常工作中我们大部分时间不是在创造一个从未见过的事物,而是将已有的信息进行组织,让用户顺利的完成一段符合期待的旅程。

故事的结构就是一种组织信息的方式,可以串联起用户在页面、流程中的行动,让用户更容易朝着一个目标移动。

最常见的故事结构就是经典的三段式结构,开头铺垫情节,中间描述冲突,结尾给出解决方案或行动。这种方式符合人类的认识规律,也被无数荧幕经典验证过。

让我们再来跟随朋友会员的方案,感受如何用三段式的故事结构,构建起一个顺畅的任务流程。

为满足中小商家吸引顾客消费的需要,小账本提供了会员优惠活动的功能。但是我们的中小商家群体一般都缺少专业的运营经验,为了让他们顺利完成设置活动的目标,我参考故事中的三段式结构去呈现页面信息,帮助理解活动、完成设置。

  • 开头,对设置会员活动有什么好处进行了铺垫,说服商家的参与。
  • 中间,给商家提供会员活动,洞察商家可能会遇到选择活动的问题。
  • 结尾,提供活动建议,根据商家的建议进行活动推荐,解决问题。

在故事中,冲突和起伏是人为创造出来,甚至需要戏剧性的夸大表现。体验流程中,冲突是用户使用功能中可能会遇到的问题,我们要提出解决方案,避免冲突,让任务流程顺畅。

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

当然讲故事的结构不止一种,故事结构的本质是为了将零碎的情节串联成一个自然的流程,方便用户和理解。

明确主线支线,辅助聚焦目标

在故事中,一般围绕着主角去展开故事。试想一下,西游记中如果将诸天神佛、各路妖怪的都安排成主角,那将是多么盘杂的信息量。因此故事才以师徒五人西行取经为线索展开。后面随着一路上斩妖除魔,整个奇幻诡谲的神话世界跃然纸上。因此,故事中,用区分主线为主、支线为辅的处理,避免用户的注意力被分散。

回到我们用户的旅程中也是一样,无关紧要的操作将会将用户分散用户的注意力,让用户脱离原本的目标。因此在实际的设计工作中,要根据用户的目标,区分清楚主线、支线。

想要区分主线支线,就必须取舍。将跟用户目标强相关的重要信息放在主线,可以让用户的操作更聚焦;同时,将次要的信息放在支线,辅助充实主线。用户有更深入的需求时,也能够有地方获取。

以顾客抽奖中让商家顺利完成一个抽奖活动的设置为例。如果要设置一个抽奖活动,需要设置奖品、活动周期以及开奖时间。这三项操作,我们如果让商家自行操作,他们的操作门槛会非常高。他们甚至会因为复杂的操作而放弃使用。

因此,根据与商家的交谈,我们将用户更重视的奖品信息设为整个活动的主线。按照商家会持续进行其他会员活动的习惯,默认设定了定期开奖,持续活动的通用规则。同时将只有部分用户需要的修改活动形式和开奖时间的高阶操作,收拢到支线中。保证主线通畅,用户能轻松开启活动。

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

如果一些支线无法很好辅助主线,甚至影响主线信息的传递,我们也可以舍弃。

以朋友会员中为商家生成一张传播优惠信息的宣传海报为例。在过程中我们在针对为海报的设计了自定义宣传语编辑、海报主题选择等功能,后面发现用户在编辑宣传语、选择海报主题等支线任务上付出了不少时间。因此,最近的方案中,我们去掉了这个支线任务,虽然也是牺牲掉了一些自定义编辑的能力,但是对于复杂规则理解困难的商家而言,生成海报的路径变得简单清晰了。

用微信的实战案例,聊聊设计师如何让讲故事成为辅助利器!

主线支线本质上就是一种明确任务优先级的方法,主线支线的安排要从达成的目标出发去取舍。

结语

以上就是讲故事的一些具体的方法在设计流程中的作用。总结一下:

  • 梳理故事要素,全面了解用户
  • 参考故事结构,引导完成任务
  • 明确主线支线,辅助聚焦目标

当然,因为时间的关系,以上的思考只是冰山一角,故事在设计中发挥的作用不止于此。比如讲故事还可以用在日常的合作沟通中,帮助快速达成共识;故事也能用在产品宣传中,让用户留下深刻的印象,等等。

故事在日常的设计工作中无处不在,如果你是一位用户体验设计师,说不定,你在平时的工作中就不知觉的就用到了讲故事的能力。斯蒂夫.乔布斯曾经说过:“世界上最有权利的人,是讲故事的人。他们设定了未来世界的场景、价值和流程”。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设   作者:We-Design

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



「设计系统」的完整框架

资深UI设计者

很多年前刚听到这个概念的时候,一直觉得设计系统是个非常高大上和牛逼哄哄的事情,当时 Material Design 刚刚出来没多久,苹果的人机设计指南在设计圈称王称霸,虽然自己主要做的都是安卓系统,还是认真拜读了 IOS 的 Human Interface Guidelines。

然后,其实也没有什么然后了……

你怎么看待设计系统这件事呢?

关于设计系统,有的人会觉得类似于一种玄学,有的人认为它好是好,但容易被束之高阁,放着落灰,有的人认为它对于设计师是一种束缚……另外,还有很多和它相关的概念也经常被混淆:设计语言、设计原则、设计规范、设计风格、设计组件……

从3个方面,帮你快速掌握「设计系统」的完整框架

图 1: 设计系统词云图

为了理清设计系统到底是什么,我把上面的这些和设计系统经常出现的词语进行了分类。我认为,它们指出的,应该是基于不同角度对设计系统的解释。在这些词语里,有的解释了设计系统存在的原因:追求效率,保持一致性、避免重复劳动,有助于数字产品形成整体性等。有的解释了它的组成或者相关联的内容:设计规范、设计语言、设计原则、设计规范、设计风格、设计组件等。有的解释了设计系统容易出现的问题:玄学、束缚、高大上,理想化等。

存在原因

存在原因,也就是建设设计系统的目的,正是由于设计系统是为了帮助我们的工作工作更加有效率的一个整体工具,也就注定了设计系统的样式、组成和运作方式不会一层不变,每个公司都需要自己找出适合自己团队设计与开发之间最顺畅的那个系统。

要知道,虽然设计系统听起来很酷,但创建一个好的设计系统其实是非常消耗精力的。所以,设计系统的目的一定要清晰并且符合现状需要。

为什么还要去创建设计系统呢?

我认为,只有对于下面这几条,你或团队有强烈的需求,才是生成一个设计系统的好时机。

  • 以往的设计内容总是需要被快速重复使用
  • 需要释放设计资源,让人力更专注于更加复杂和有价值的问题。
  • 需要在多个团队或多个产品之间保持一致性
  • 需要帮助初级设计师的产出迅速达到更高级的要求

没有被需要的设计系统,就是未来束之高阁,等着落灰的一套“玄学”。

组成内容

系统这个词,是指由相互联系的要素构成的有特定结构和功能的有机整体。设计系统,自然也是一个整体性的有机集合。

从3个方面,帮你快速掌握「设计系统」的完整框架

图 2:设计系统的组成内容

1. 设计原则

设计原则是引导设计系统建设的指导思想和战略方向,基于大量实际经验提炼的高度理论化概括。

设计原则这个概念并不是为了设计系统才出现的,从完形心理学流派运用过来的格式塔理论所包括的临近性、相似性、封闭性、连续性等设计原则,还有以“如非必要,勿增实体”为核心的简约设计原则,来自唐纳德诺曼的概念模式、反馈、限制范围、可感知的预设用途四条设计原则等等。

为了对抽象的设计原则有更具像化的体会,我们再来看看几个比较有名的设计系统的原则。

  • 苹果公司:美学整体,一致性,直接的操作性,反馈,隐喻,用户可控
  • 微软公司:自然而然的,符合直觉和有力的,引人入胜且沉浸
  • 谷歌公司:材料是一种隐喻,明显、图形化和有目的性的,有意义的动效

从3个方面,帮你快速掌握「设计系统」的完整框架

图 3: 三大设计系统的原则

突然发现就苹果公司没给自己的设计系统专门取一个名字啊~

可以发现,虽然三家公司的设计原则各有不同,但几乎都是从通用的设计原则中提炼优化的。

建设一个设计系统一定需要设定自己的设计原则吗?

我认为它不是必须的。

虽然设计原则很重要,但在设计系统初期的时候,遵循现有基础和通用的设计原则来指导建设整个系统也是可以的。总好过随随便便从基础通用的设计原则中拿出一些词语润色一下,简单的堆砌一些高大上的词语,空泛的放在那里,等着它们逐渐变成别人口中的“玄学”吧?

正因为原则是设计系统高度抽象化的结晶,所以它需要基于大量实际设计经验再去生成,不然,很难起到指导设计系统达到增加效率的目的。

2. 设计风格和规范

设计风格,是这个设计系统给人形成的一种代表性的图形印象。设计规范,是用于协调统一性的规则和范式。在 60 年代的《美孚品牌手册》和 70 年代的 《NASA 图形使用规范》中,就已经包含“颜色、字体、图形、用法和示例”等内容。

从3个方面,帮你快速掌握「设计系统」的完整框架

图 4: 设计规范

有了设计风格和设计规范并不一定就能让使用这个设计系统的产品建立统一的品牌调性,只有当设计系统具有了一定辨识性的设计风格,并在设计规范指导下进行长期的设计产出后,才能够让使用这个设计系统的产品形成统一的品牌调性。

3. 设计组件和模式

对于设计系统里,我们最熟悉和常用的应该就是设计组件了,也就是 UI kits,包括输入框、按钮、文字、链接、下拉菜单等等。是组成界面的最小元素和这些元素的常用集合体。

从3个方面,帮你快速掌握「设计系统」的完整框架

图 5: UI kits

设计模式,比元素更复杂一些,是完成任务所使用的一些基础的、常用的交互方式,是可以解决问题的小型设计方案。比如 Material design 里的 Confirmation and acknowledgement,它提供的就是为机器在执行操作之前向用户确认的一系列设计方案。

从3个方面,帮你快速掌握「设计系统」的完整框架

图 6: 设计模式

简单点来说,设计组件就是一些元素,主要给设计师用的,设计模式就是一些交互方式,主要给研发工程师看的。由于两者很相似,如今更多的会把两者合起来看。

2013 年,前端工程师 Brad Forst 将原子理论运用在界面设计中,形成一套设计系统后,设计组件得到进一步扩展,可以形成比原来最初出现设计模式这个概念时更高层次的集合体,例如,大到几个完整的页面及其包含的交互方式,也可以成为某个设计系统的其中一个组件。

当然,由于各个产品的需求、场景和定位等不同,越大的合成组件将会越复杂。

从3个方面,帮你快速掌握「设计系统」的完整框架

图 7: 原子设计理论

4. 内容资产

在某些设计系统的定义里,可能会把内容资产作为设计规范的一部分,但我这里想强调的是其作为资源的一部分。

由于设计系统是一个有机的整体,在它不断的服务于各产品线的同时,也一定会需要不断填充不同的内容,比如应用里使用的图标、字体、插画、模型等等,这些内容积累下来,也应该成为这个设计系统的一部分,如果有其他的应用或产品需要,就可以直接取用,从而提高整体的工作效率。

内容资产比较常见的有图标库、字体库和音效库,分别提供了多种图标、多种字体和多种音效可以给不同的产品或应用使用。随着插画风格、三维风格的留下,未来必然还会出现隶属于某个设计系统的插画库、模型库,以及在产品里经常使用的文案集合。

从3个方面,帮你快速掌握「设计系统」的完整框架

图 8: 内容资产

5. 工具、流程

这两块主要是针对设计系统适用的具体环境,在协同性要求下我认为需要纳入设计系统的内容。简单的举例来说,就是如果使用蓝湖做自动化标注,就团队统一使用蓝湖,而不是有的人使用蓝湖,有的人使用摹客。

6. 设计语言和设计方针(guidelines)

还有两个经常提到,但我刚才画的设计系统图示里没有提到的概念。

设计语言:语言,是一个能够达到相互交流的符号系统。人类学家索绪尔认为,语言能反映出多变言语活动背后的稳定规律。所以,我认为这里的设计语言,应该等同于设计规范,是设计规范另一种表述。

设计指导方针(Design Guidelines):按照中文翻译理解,我认为它是说明、介绍设计系的文档,没有包含在设计系统内。

常见问题

最后,设计系统的词云图里出现的玄学、理论化、落灰、空中楼阁……这些都是创建设计系统时很容易遇到的一些问题,尤其是实用性最高的设计组件,更是首当其冲。之前我组织我们团队的设计师做复盘性质的workshop,单就设计系统的设计组件部分,大家就提出了20多条问题。

从3个方面,帮你快速掌握「设计系统」的完整框架

图 9: 设计组件复盘 workshop

综合来说,设计系统常见的问题有三类:

1. 定义性问题

设计系统从大的框架性定义到具体设计组件的定义都不是件一蹴而就的事情,它从 0 开始,每一次的更新和迭代,对于当前的团队来说都需要是既关键又有效的。关键是指设计系统当前定义下来的内容是后面的产品线经常性使用的,有效是指这些定义确定下来的内容是可以使用现有的资源去完成的,即以现有团队的能力、时间和设备是可以完成并达成其效果的。

2. 使用性问题

目录不清晰,文档说明不全,包含资源不完整,这些都是使用时的问题。如果把设计系统看作一个产品,让用户(设计师或研发人员)觉得好用,才是它不会被束之高阁的解决方法。

3. 协作性问题

不知道有更新,收不到反馈,不了解使用者的情况……协作性的问题催生了市面上诸如蓝湖、摹客、墨刀、Codesign以及很多设计软件的云服务功能等。

虽然现在市面上有非常多优秀的设计系统可以参考,但正如在存在原因中提到的,由于它是为了帮助我们自己所在的团队更有效率的工作,终究还是需要靠自己基于实际情况去做变化。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设   作者:林影落 



分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



设计分割,你用对了吗?

资深UI设计者

今天和大家聊聊设计中的分割,很多人新人做设计时,会经常纠结页面分割用什么方式处理,是用线还是留白,还是用投影?今天我们来系统的研究下,分割的类型以及设计时候我们如何去运用。

更多设计文章,设计交流,欢迎添加 | 微信ddm7212

关注#公众号:SKY盖哥 ,第一时间获得设计干货和分享内容。

一、分割线的作用

分割顾名思义就是做设计时候,分割页面的设计手法,它的目的是让我们的设计更加有序,不同内容在页面中呈现的方式更加让用户容易理解。是帮助内容组织的很重要方式。当然分割有很多种形式,色彩,线,间距,投影,图标,图文等等,今天我们来系统的研究下分割在设计中到底如何使用的,以及什么时候使用什么样的分割最合理,希望大家通过这一篇文章学会和掌握。

很多人提到页面分割,可能脑海第一个想到,就是分割线,或者是色块,其实不然,分割有很多种类型,不同类型在页面中效果也不太一样。那接下来,我们一起来看看页面分割到底有几种类型。

二、用线进行分隔

▲使用水平的分割线来区分页面内容,除了分割内容外,还做到分组的效果。如上图阿迪的app和电商app都是通过类似的方式来处理。常用在表单中,能使界面浏览效率更高,更快速去检索内容;是页面分割中最为常见的。

▲比如在airbnb的案例中,分割线就是用来分割内容,起到分组的作用,让页面阅读起来更加有节奏。

▲在dropbox的设计中,分割线也可以搭配icon来使用,让页面看起来视觉层次更强,同时分类更加明确。

▲分割线可以说是我们每天都在运用的,无论今天的内容设计,还是像dropbox这样的工具产品都离不开分割线。但是分割线运用时候,需要注意分割线颜色不要太深,否则会有山寨感。

▲线太深会让页面不够精致,显得山寨,所以常用的分割线一般是#CCCCCC,#EEEEEE,或者黑色的10%透明度

三、用色块分割

▲除了线以外,色块分割也是比较常用的,一般在页面中用灰色色块来分割,这个色块高度一般20px左右,常用于分割上下两组的内容为主。

▲华尔街新闻app设计中,大量运用色块对页面进行分割,页面模块更加清晰。

▲谷歌浏览器的设计中,运用了色块的分割,模块更加明确。如果你们的产品需要很明确的划分组和组的关系,可以运用这种方式。

▲在很多电商设计中,这种风格目前还是主流,对于页面内容比较复杂的页面,需要这种分割明显的样式去区分模块和功能。

缺点是风格陈旧

用色块分割,需要考虑产品整体的风格规则,这种分割方式一个最大弊端就是风格会有些陈旧,在当今留白,轻量化设计当道今天,太多色块割裂感强,会显得陈旧,所以使用的时候需要根据产品整体风格去把握。

四、用图标进行分割

▲除了线,色块还会通过一些插入式的图形进行分割,如上图,整个都是列表的信息流,在列表的前面适当加一些图标来锚定整个页面,会让页面看起来有更大的空间,浏览起来也更顺畅。

▲谷歌浏览器的设计,也是通过图形来锚定页面节奏,让设计看起来更加合理和秩序感。

▲谷歌新闻的列表设计,表单前面通过数字来锚定整个页面的节奏和空间,让大段文字看起来没那么累。

▲谷歌的产品系列中,表单前面增加图形或者文字会比较多,也成为他风格统一的非常重要的一个DNA。在表单前面加图标或者其他视觉元素能让页面呼吸和留白更加的通透。

五、用留白进行分隔

常用的的线,灰色色块,图标分割这些都比较传统,且对于页面来说一个最大缺点是占据了很多空间,本身移动端屏幕就很有限,线,色块,图标,无形增加了用户认知负担,所以随着设计趋势的发展,用户也更加关注内容本身,所以慢慢的设计开始尝试用空白去分割页面,同时还能消除了页面多余的视觉噪音。

留白在页面中是设计师没有放任何视觉元素,使得混乱的页面看起来有了喘息的空间,空白的原则创建了空间,通过格式塔的运用,用户自动在视线上形成了分割,同时空白为页面增加了很多呼吸空间,并且让设计看起来更加简洁,在当下也是越来越流行。

▲国外知名社交电影软件MUST整个页面都是采用的空白分割运用在它设计中,通过内容去区分页面模块信息。

▲有序的留白,从始至终贯穿着整个页面设计,这种风格也不需要任何线条就能将页面层次很好的传递出来。

▲知名艺术电商网站Artsy就是运用空白分割,页面干净富有艺术气息。空白来分割越来越成为一种主流设计手法。

六、用色彩进行分割

色彩也同样可以用来分割内容,将色彩运用的好,不仅能吸引用户将关注力停留在页面上,更主要是能让用户更方便的注意到你想表达信息内容。

▲Headspace整体页面大多是通过这样的色彩进行分割,色彩本身就是和其他内容有隔离关系,恰到好处的构图,加上色块的运用,很好的将内容和模块区别开来。

▲在他的产品中到处可见这样的设计,不仅让页面非常的年轻活泼,同时这样的配色也会让整体设计让人印象深刻。但是需要注意是不能色彩太花了,图形存在是为了内容做烘托的,最要还是让用户关注内容本身。

▲Stadium live这款直播产品,将色彩玩到了极致,整体页面就通过色彩来区分内容,非常符合娱乐化产品定位。

▲在它页面很多地方都随处可见色彩的大胆运用,这个对于设计师配色功底要求较高。

▲这款APP也是我非常喜欢的一款产品,大家感兴趣可以去下载体验。也是用色彩做分割非常成熟的一款产品。

七、用投影做分割

阴影在设计中是非常重要的一个设计元素,除了能给页面带来设计层次,同时也能很好的区分内容,业内最出名的莫过于的google的材料设计语言,其中就是大量运用投影来营造页面氛围。

▲在google系统产品中,运用投影来做页面分割非常多,投影除了能拉开页面的空间感,同时在视觉上能更加突出。google日历案例中,导航和核心操作加号按钮都加深了投影。

▲google新闻页面中同样如此,除了导航区域,在卡片上也通过投影方式来分割内容,增强层次。

▲在苹果新闻的产品上,同样看见了类似设计手法,通过按钮或图片的投影,增强页面深度的运用,不同于google的是苹果的投影更加柔和。

▲Instacart产品也是如此,通过投影来区分内容,他们的卡片外面都增加了投影加强页面深度。总之,投影是非常好的一种增强页面层次和细节的一种手法,大家运用时候定好场景和规则。

八、行业趋势

以上7种分割方法,基本覆盖了所有视觉的分割手法,虽然没有放品牌和网页的案例,但是大体都是相同的,今天无论我们选择哪种分割手法,本质都是没有错的,关键是要和整体的设计语言调性匹配起来,如果选择一种就运用一种,切忌多种混搭,这样就不会出现页面错乱的感觉。从整体移动端设计趋势来说,曲线、留白和投影来分割是一个大的方向趋势,值得我们多多关注。

最后

今天这篇文章只是一个设计中的基础,它在于帮助我们梳理设计的内容细节,别看一个小点的知识,当你掌握的这些小点知识多了后,你的知识体系就会形成面,最终帮你带来质的提升,今天这篇文章是让你打开系统的思考,希望大家在使用时候,根据自己场景去定义。设计没有一个绝对正确的标准答案,试了才知道。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:ui中国   作者:skys 

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



全球化企业常用的Design Sprint

资深UI设计者

本文要义:通过Design Sprint敏捷开发的设计方法,快速优化产品并验证,以成本和风险最小化,打造用户真正需要的产品。


关键词:敏捷设计方法, 产品优化,用户体验/交互改进,不止理论/提供真实而具体的操作方法



正文:


一.什么是Design Sprint?


1.  Design Thinking(设计思维)


介绍Design Sprint前,先介绍下Design Thinking。


Design Thinking(设计思维)是一个以人为本的解决问题的方法论,从人的需求出发,寻求创新解决方案。

Image Source: Nielsen Norman Group


通俗来说,设计思维是一种通过用户的角度来设计创新产品或服务的方法。通过改变角度,来重新观察事物和对待存在的问题。设计思维可以帮助每个人来发掘其创造潜力,进而孕育出创新的产品。


2. Design Sprint设计冲刺

Design Sprint(设计冲刺)是Design Thinking(设计思维)的实践版本。

 

Design sprint 起源于斯坦福大学实验室,由Google Ventures(谷歌风投)推广并内部实践,且广受欢迎。它是一个为期5天,结合设计思维和敏捷开发的设计方法。



二.Design Sprint的优势


传统产品迭代过程中,通常会有这些问题:用户需求缺乏有效论证,迭代/创新效率低下等。 我们努力去想解决方案,希望能够快速的获取解决方案,并且能够验证我们的方案是否符合用户需求。

 

Design Sprint能够在工作中快速解决问题并提高创造力。目标是以最快的速度和最低的成本,最大化打造用户真正需要的产品。使用“Design Sprint”,仅5天,一个小团队也能为用户提供一个极具可行性方案的目标。



Day 1 - Understand 理解

Day 2 - Diverge 分散思维

Day 3 - Decide 决定

Day 4 - Prototype 原型制作

Day 5 - Validate 验证




Design Sprint和“典型设计过程”的区别:


典型的设计过程:1创意-2开发测试-3上线-4验证。如图灰线。

存在的问题:耗时耗力,用户反馈慢,成本大,风险大。

 

Design Sprint的设计过程: 1创意-4验证,如图蓝线。

优势:跳过”2开发测试”和”3上线”的过程,用“创意”直接“验证”。降低成本和风险,快速验证方案可行性。



三.怎么进行Design Sprint?


以下通过真实产品实例来说明Design Sprint,方便大家理解。

不单讲理论,同步附上各种实际操作方法和细节,另同步附上用户体验/交互(UE/UX)改进实例。


关于产品:

背景:产品是TO B的信息数据库。

用户:企业用户

用户使用产品的目的:浏览专业信息,帮助企业在各种事务中做出正确的决策。

(注:由于公司产品为企业级付费产品,不方便对外,仅以wireframe框架图说明,主要用于说明Design Sprint流程和用户体验UX改进,请忽略颜值和细节。)





(一) Day 1-理解 (Understand)


目标:将工作信息全面传递给整个团队,选择并定义要解决的问题。范围要小而精,不用太大。



那理解什么呢?需要理解,用户需求是什么?相应的,我们的战略是什么?


我们从多个备选方案中,选择了一个“行业分类信息”的页面。该页面为一个根据行业分类来浏览相关信息的页面。


原始布局如下:



页面功能分区如下:



客户痛点 (Customer Pain Points):

1)    用户需要从大量列表信息中,找到自己想要的资料,再提取出关键信息,自己再整理出一份研究报告。费时费力。

2)    希望行业分类可以多选,因为有些用户会同时关注多个行业信息。但是目前只能单选。

3)    行业分类信息对用户很重要,但是用户在一级导航条中找不到。

 

我们选择这个页面改进的原因:

1)     用户痛点比较明确,能够快速定义要解决的问题。

2)     页面范围小,能够在Design Sprint的5天中实现敏捷设计。

3)    页面范围虽小,但是可改进的种类丰富,能够充分应用Design Sprint实现目标。





(二) Day 2-分散思维 (Diverge)


目标:团队一起头脑风暴,想出各种解决方案。



具体操作方法:


1.    用四象限图,分析想出的解决方案的确定性和风险性。

针对确定的主题,根据用户的痛点,提出我们自己的解决方案。然后把各种思路/点子/解决方案贴到下方的四象限图中,分析这些解决方案的确定性和风险性,并找出最终的解决方案。


通常来说,在“低风险”*“确定的”这个象限(如图中-右下方区块)中的解决方案,是最值得操作的解决方案。



2.  制作“假设测试卡片”


可以认为这是一个针对本次优化的度量衡标准。


每张卡片围绕一个解决方案/功能点,卡片中主要列出以下几项:

1) 标题

2) 负责人

3) Step 1: 假设。列出一个用户需求。

4) Step 2:测试。列出,为了验证这一个需求,我们需要做什么准备工作。比如,对用户调研;分析目前页面存在什么问题。

5) Step 3: 措施。针对这一个需求,我们需要提供什么功能。

6) Step 4: 判断标准。列出,有多少用户对于这个功能有需求,我们就认为这个功能是市场的。比如60%的用户认为需要这个功能,我们就认为这个功能改进是成功的,最后是值得去开发上线的。





(三) Day 3-决定 (Decide)


目标:团队达成一致并选取出Day1提出的问题的最佳解决方案(一个或多个)。


在这里,关于“团队达成一致”是比较难界定的,如果没有一套衡量标准,达成一致就比较难实现。那么我们在Day2中的四象限图就是很棒的工作方法了。


根据我们的实际情况,在Day2中低风险”*“确定的”这个象限中的解决方案,就是最优解决方案了。那么接下来就可以着手拆解,细化这些功能点了。


可以使用草图/手绘方式,拆解这些要改进的细节,如下图所示:







(四) Day 4-原型制作(Prototype)


目标:制作高保真原型来呈现给用户,可以采用静态页面或可交互式的形式。




以下重点介绍新原型上的用户体验/交互的改进


新原型如下:


旧界面 VS 新原型:



1.    关于第1个痛点的解决方案


用户痛点:用户需要从大量列表信息中,找到自己想要的资料,再提取出关键信息,自己再整理出一份研究报告。费时费力。


旧界面的问题:只有信息列表,需逐条浏览信息


新原型的解决方案:

1) 大数据可视化。利用大数据分析,整合数据库中所有信息,以图表形式(柱状图/气泡图/线型图等)提炼出关键信息,风险程度,排名等。用户可以一目了然的了解目前行业存在的问题,帮助自身企业规避风险。极大提高用户的工作效率。

2) 提供表格。如果用户需要了解细节,可以通过表格浏览具体信息。

3) 提供下载功能。针对图表和表格,提供下载,用户可以得到一份完整的报告,自己使用,也可以用于对领导的工作汇报。


优化目的:

直击用户痛点,提升我司产品的商业价值,为产品盈利带来可能性。


旧界面 VS 新原型:


旧:

新:



2.  关于第2个痛点的解决方案


用户痛点:希望行业分类可以多选,因为有些用户会同时关注多个行业信息。但是目前只能单选。


旧界面的问题:

1) 每次用户只能单选1个行业分类查看相关信息。

2) 行业分类一共有30个左右,按一列展示。在1366*768px分辨率(usage显示为用户常用分辨率)下,只能看到9个左右,每次用户切换其他的行业分类,都得上下滚屏,来回找,非常麻烦。

3) 行业分类信息页面,会默认显示上次选择的行业分类的相关信息。对于当前已选择的行业,该分类仅在左边列中红色高亮显示。如果已选的行业分类没有排在第一屏,用户初次进入该页面,都不知道当前的信息是关于哪个行业的,会造成用户的困惑。


新原型的解决方案:

1) 把行业分类从左边一列显示,转变为在页面顶部一行内显示。用户可以直接在第一屏就看到定制的行业分类了。

2) 在这一行行业分类菜单中,提供最多3个定制的行业分类的tab,供用户切换查看相关信息。(据调研,我司用户中,通常最多关注3个行业的信息。)

3) 如果用户需要定制其他行业,可以通过“行业分类定制”的下拉框中,选择其他行业分类。该下拉框也能保证在1366*768px分辨率的第一屏中完整显示。


优化目的:

用户体验改进。


旧界面 VS 新原型:


旧:(灰色部分为第二屏,用户在如图白色的第一屏,在左边行业列表中,是看不到上次已选择的红色高亮的行业的。相应的,用户在看右边信息列表页的时候也是懵圈的,会不知道这些是哪个行业的信息。用户体验很差)


新1:(行业分类在顶部一行内显示,默认显示3个定制行业的tab)


新2:(提供行业分类的多选下拉框)



3.    关于第3个痛点的解决方案


用户痛点:行业分类信息对用户很重要,但是用户在一级导航条中找不到。


旧界面的问题:行业分类信息没有在一级导航条中显示。


新原型的解决方案:把“行业分类信息”的菜单,加到一级导航条中,用户一目了然。


优化目的:

1) 用户体验改进

2) 把这个相对重要的行业分类信息可视化界面,曝光到一级导航条中,便于用户发现并了解该功能,发现其价值。为产品盈利带来可能性。



旧界面 VS 新原型:


旧:



新:





(五) Day 5-验证(Validate)


目标:收集用户反馈,验证解决方案是否可行,然后为下一步工作做一决定。



具体操作方法:CDI用户访谈


1.    CDI用户访谈的目的:

1)验证本次优化是否满足用户的需要

2)验证本次优化对于自己公司是否有潜在盈利能力。

毕竟做得再好的产品,用户不愿意付钱买,那都是在做慈善事业了。一款解决用户实际需求的产品,公司也能赚钱,继续可持续发展,那才是双赢(Win-Win)

(注:To B产品本身就是企业级付费产品。和To C的情况是不一样的, To C只要有大量流量,赚钱方法很多,此处不作讨论)


2.    CDI用户访谈的具体操作方法:

1)对3个不同类型的企业用户进行用户访谈(当然时间够的情况下,采访的用户,即样本量越多越好,验证结果会更有价值。自己控制数量即可)

2)展示高保真原型

3)询问一系列问题,包括用户对此的大致评价,打分(最低1分-最高5分),是否有意愿购买,能否接受的价格其他建议等等。

4)每个访谈会议控制在30分钟左右。



# 每个客户访谈记录可制表如下:



收集到所有用户的访谈信息后,综合分析,确定Design Sprint的解决方案是否有价值。




蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷   作者:Lu倾倾 

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


交互设计中的色彩搭配,这样更有效!

资深UI设计者

编辑导语:交互设计中配色问题是设计师经常会碰到的问题,其中色彩应当如何搭配以实现设计的美观与和谐呢?作者在这篇文章里为我们分享了交互设计中关于配色的干货,推荐正在从事交互设计或者对色彩搭配感兴趣的小伙伴阅读,一起来看。

交互设计中经常会遇到配色问题,比如设计师是如何确定以下这张页面中的卡片配色的?又或者:这些卡片的色块是如何挑选以保证色彩和谐的?

豆瓣App电影榜单卡片

颜色的搭配其实是一个非常值得研究的问题。深入剖析的话内容也会很多,本文会告诉你,颜色如何挑选会更有规律,并保证基本和谐。

一、 色彩学概念浅谈

想要做好色彩的搭配,需了解一些色彩学概念。色彩学将颜色分为:同类色、类似色、邻近色、中差色、对比色、互补色。这几种颜色通过色相环的角度进行取色,如下图所示:

任意颜色都可以作为基色,每一个基色都有其相对应的同类色、对比色、互补色等等。

通常情况下,相邻的两个颜色,选择基色和邻近色之间的颜色,也就是与基色之间的角度 ≤ 60° 的颜色,会让页面的颜色显得和谐统一。

△ 得到 App 服务内容卡片

△ QQ 音乐 App 榜单卡片

如果选用对比色和互补色,则需要控制颜色的面积,比如以红色为主的页面中可以出现蓝色,但蓝色的面积占比最好不要超过 20%。

除了色相上的变化,颜色还有明度和纯度上的变化,对于颜色的影响也至关重要。这三个词汇的概念如下:

  • 色相 Hue:也称色调,是指色彩的相貌
  • 纯度 Saturation:也称饱和度,是指色彩的鲜艳程度
  • 明度 Brightness:也称亮度,是指颜色的明暗程度

色相、纯度、明度三者构成了色立体的概念,让色相环由二维变成了三维的概念。

二、HSB 色彩模式

RGB 和 CMYK 是我们较为熟知的色彩模式。而根据上文提到过的色彩学概念,在实际工作中我们也可以借鉴HSB 色彩模式进行调色和选择颜色。

在 sketch 和 PS 的 HSB 色板界面如下图:

其中:

  • 色相 Hue (H):取值在 0-360 度之间
  • 纯度 Saturation (S):取值在 0-100 之间,数值越高色彩就越纯艳
  • 明度 Brightness (B):取值在 0-100 之间,数值越高色彩就越明亮

由于纯度 Saturation (S) 和明度 Brightness (B) 之间的数值都是在 0-100 之间,因此两者具备一定的对应关系。这些数值可以为你在选择颜色时提供依据。

具体怎么使用这些数值,我们用案例来说明:

三、实操案例

某 PC 端产品功能卡片需要做配色设计:

已知产品的品牌色是以下两个颜色,其 HSB 色值如下图所示:

  • 颜色 A:H=233,S=74,B=100(主色)
  • 颜色 B:H=267,S=79,B=100(辅色)

因此卡片的衍生色我们可以使用:蓝色调 + 临近色,且临近色的颜色最好介于蓝色和紫色之间,会使产品页面颜色的搭配更加和谐统一。

于是我们可以先根据品牌主色:

颜色 A:H=233,S=74,B=100

来确定初步颜色,我们只改变色相(H)的数值,分别在 233 的基础上进行 +10 和 -10,由此可以得到三个颜色 A1、A2、A3,呈现效果如下图:

  • 颜色 A1:H=253,S=74,B=100
  • 颜色 A2:H=243,S=74,B=100
  • 颜色 A3:H=223,S=74,B=100

现在的卡片颜色略显单薄,我们可以再给每一张卡片加一个颜色,做出过渡色效果。于是我们在数值 A1、A2、A3的基础上,保持色相(H)不变,只改变这三个数值的明度(B)和纯度(S)的数值。以颜色A1 为例:

颜色 A1:H=253,S=74,B=100

现在,我们想要得到一个比 A1 更深一点的颜色 A1-1,根据色彩学理论,我们可以降低明度(B)的数值,这样颜色会变深,同时增加纯度(S)的数值,这样颜色会更沉稳纯正,为了保证数值可控,我们将明度(B)降低 26,将纯度(S)提高 26,所以可以得到颜色 A1-1的色值:

颜色 A1-1:H=253,S=100,B=74

A1 和 A1-1的颜色效果如下图:

按照此方法,我们可以得到两组颜色和其数值:

所以我们的卡片可以使用渐变色:

这样卡片的颜色就基本确定下来了,我们可以再调整下卡片的细节,比如增加相关的背景插图,调整卡片上的文字排版等等,这组 PC 端卡片最后的效果如下图:

四、补充说明

一个页面中元素的色彩选择有很多影响因素,比如:产品的品牌色、页面的功能、页面的内容、氛围等等,所以还是要具体情况具体分析,综合考虑选择颜色。

当然,以上提出的这些数值只是参考,为的是给你的颜色选择提供理论支撑。在实际应用中,也还是需要设计师根据具体情况,以及人眼视觉感知的效果,酌情做颜色上的优化处理。

设计师常用沟通秘籍:金字塔原理

ui设计分享达人

如何在很短暂的时间把你的建议和想法清晰的传递出去需要非常强的沟通技巧,那么今天和大家一起交流下我使用最多的一个沟通原则-金字塔原则。


什么是金字塔原理

    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01eecb61302dcd11013f4720911215.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
金字塔原理是由Barbara Minto创建的一种结构化思考方式,也是麦肯锡公司在用的重要工具之一。金字塔原理更多是一种逻辑呈现,很多的公司里面都会用到。也就是表达一个观点时候,根据以下三个步骤: 
1.首先从答案部分开始;
2.分组并总结你的支持论点
3.逻辑性的整理出你的支持性观点。
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        我们一起来看看如何在平时项目和设计中运用这个原理。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <br />
    </p>
    <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
        <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">先从事情答案开始</span> 
    </h1>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01c10a61302df711013f4720ed8c5d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        作为产品设计师,我们要以一种结构化的方式与那些忙碌的主管、领导沟通,就必须首先从高管关心的答案开始,然后列出你的论点,<strong style="outline:0px;margin:0px;padding:0px;">通过这种「自上而下」的方式表达出你的想法。</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        今天我们的很多设计师其实逻辑不太好,在产出你的设计方案和设计提案时,往往先讲很多分析,分析完了讲方案。然后得出结论,这个是大多数人的做法,这样做容易出现一个问题就是:有时候如果逻辑之间没有串联性,很容易牛头不对马嘴。举个例子,很多同学在讲作品集时候,很喜欢放一堆推导的过程,什么用户画像,人群特点,痛点等等一堆的观点,但是最后呈现的视觉方案往往和前面推导的过程相差甚远。推导的方向是ABC,结果设计稿是EFG,这样的结果就会显得你逻辑混乱。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/014a5661302e0411013eaf7036bed4.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;">按照金字塔原则,我们在表达一个观点时候-先从答案开始</strong>,当你主管提出一个问题时,你的回复应该是「我们应该做某事」,观点非常直接明了,只有这样,在你抛出答案后,我们才能提出对应这样做的理由。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01393661302e1311013f47201a7a5d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        为什么我们要从先答案开始?因为今天你和你主管沟通也好,和产品或者高管沟通也好,你要最大程度上运用好你的时间,这些领导都是大忙人,他们每天的行程非常满,没有办法听你在介绍一个项目从项目背景,人群等等维度去徐徐道来。如果你前面讲一堆他没有关注的内容时候,就会变得尤其不耐烦。所以这也是为什么很多同学在设计提案时候总是让人感觉啰嗦,因为<strong style="outline:0px;margin:0px;padding:0px;">你没有关注到对方想要重点看到的内容,你只是在表达,你觉得好的。</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        所以为了最大限度利用你和一个领导短暂的沟通时间,你首先要做的就是抛出对于这个事情的答案和建议。或许很多时候,<strong style="outline:0px;margin:0px;padding:0px;">领导可能已经心中对于这个事情已经有答案了,如果你们的观点一致,他会快速接受你的建议,继续到下一步,而不需要你从头到尾讲一遍。</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/0112e661302e2211013eaf70e11ab6.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        另一个很大的原因是,<strong style="outline:0px;margin:0px;padding:0px;">很多领导思考问题一般会从大局出发啊,会自上而下去思考,他们会把精力放到更高的点,他们不想太纠结于细节过程,他们在评审一个设计,或者一个产品功能时更多关注答案本身</strong>。然后再逐步了解细节,所以我们一定要学会融入这些主管思维模式。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01f6f061302e3511013eaf70e0c402.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        当你领导问你一个问题该怎么做时候?你直接丢出答案,会更加的有说服力和咨询。而不是开始寻找理由,或者各种犹豫,因为你一上来就回答了别人问你的问题。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <br />
    </p>
    <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
        <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">分类并总结出观点</span> 
    </h1>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01358761302e4811013f47202f397d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        前面我们抛出了我们的答案和观点,那么接下来我们就要分类并且说出能够支持你结论的理由,一般我建议以3个论点去阐述,为什么是3,大家可以看看之前我写的《设计师常用的思考秘籍:三的法则》。阐述的时候,参加会议的人或者领导自然而然的会把你的论点和想法归纳总结,同时也会更容易记住。这样去表述观点,会让你整体的方案更加容易被接受。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/0129f061302e5311013f4720fb9b7d.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        我们来举个例子,你的主管问你,你觉得苹果的设计为什么好?那么你可以先抛出答案:因为苹果的设计很简约,非常易用,让用户感觉很贴心,同时它的设计很好将商业和美完美的结合。具体的表现有三个:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第一个简约,苹果的设计非常现代,简单的线条,白雪的设计语言,让苹果系列产品非常具有识别性。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第二点苹果设计没有过多装饰性设计,每个设计都会让你感觉很贴心,比如根据光线,自动调节屏幕,时钟会随着时间而变化,系统会根据时间调整颜色等等。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        第三点苹果的设计很好的将商业价值最大化。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        那么你从上面几个维度去和领导沟通,就能很有说服力,你上来就给出了答案,同时还分组的阐述了你的论点。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01752861302e6211013eaf70ce9e40.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        再来一个案例,比如可口可乐出了一个新的茶品牌,融合植物、茶淬取物和其他健康成分。所以他品牌设计是个绿色,假如今天你在和领导提案时候,领导问你,为什么要选择绿色作为品牌设计?
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        你是不是可以这样回答他:因为绿色能给人自然,环境,健康的感受,具体表现有以下三个方面:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        1.从色相情感表中选择绿色也是自然健康的代表,用户会第一时间感知到。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        2.同时绿色也和新鲜环保概念能很好的结合。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        3.我们的配料也是从绿色植物里面提取的。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        当你分组并总结你的论点时候,能更容易把你想法传递出去,并且让人很好的理解,逻辑性的归纳总结你的观点。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01cdd061302e7911013f47202efda1.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        金字塔原理在做设计提案或者作品集时也非常有效,我们会经常去说产品问题有哪些,然后得出我们的设计目标ABC,然后利用金字塔原因,我们根据设计目标A得出设计方案A,根据设计目标B得出设计方案B,根据设计目标C得出设计方案C,这些方案之前有关联关系,有互相映射的关系。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        很多同学容易在这一步出现问题,设计目标是ABC,设计方案却是DEF,完全没有关联性。还记得我之前和大家分享的,<strong style="outline:0px;margin:0px;padding:0px;">今天你在阐述一个观点时候,一般可以基于三个点去表达,第一个点一般是最主要的,根据重要程度,最重要到次要逐步呈现。</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;"><br style="outline:0px;margin:0px;padding:0px;" />


金字塔原则在生活各处可用

    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/0155af61302e8e11013f4720a158d7.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        比如写作上,很多人问我平时写作有什么方法么,其实很简单就是运用金字塔原理,比如我想写一篇关于鲁班取代设计师文章,那么怎么去写:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/019a7161302e9a11013eaf7041a5d8.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;">1.先抛出答案:</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        鲁班不会取代设计师,取代的只是重复性的设计,设计创意和设计理念不会被取代。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;">2.分组并总结出支持你观点的内容</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        比如观点一,设计理念是机器无法去做的,设计文化,设计历史这些有文化传承的内容,举例说明。观点二,有创意是设计无法取代,比如很多创意广告这些,这些需要大量脑洞等等。观点三,重复性的工作会被去掉,所以设计师要把精力关注到设计创意和设计理念,设计思维层面上。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <strong style="outline:0px;margin:0px;padding:0px;">3.设计总结</strong> 
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        那么根据上面那些观点,得出我今天文章想传递的三个观点:
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        1.鲁班不会取代设计师,反而会减轻设计师压力,帮我们解决重复性设计,我们可以把精力放到更有价值的设计上去。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        2.设计师要把价值放在产品体验上,产品问题,使用不顺畅这些是设计师可以发现,机器无法发掘的,我们需要去洞察用户,做出好的设计驱动业务。
    </p>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        3.重点多花精力在设计理念和设计创意上。
    </p>
    <h1 style="outline:0px;margin:0px;padding:0px;text-align:center;">
        <span style="outline:0px;margin:0px;padding:0px;font-size:24px;">最后</span> 
    </h1>
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;font-size:16px;line-height:32px;text-align:justify;">
        <img src="https://img.zcool.cn/community/01affa61302ea911013f472023a554.png" style="outline:0px;margin:22px auto 0px;padding:0px;max-width:100%;display:inline-block;" /> 
    </p>
了解一个事物的结构,可以帮我们反思并且发现一些问题漏洞。这也是为什么我推荐设计师一定要学会金字塔原则,因为今天 我们在做产品的过程中,首先要建立共识:我们的产品主要解决什么问题?为什么应该如何去解决,怎么判断优先级?我们的解决思路是什么?数据上有什么问题?这些问题都需要我们去提前思考。同时金字塔能够帮你了解更多你不知道的事情,并且得到很多设计验证。 
    <p style="outline:0px;margin-top:0px;margin-bottom:0px;padding:0px;color:#666666;line-height:32px;text-align:justify;">
        <br />
    </p>
    <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:0px;caret-color:#333333;color:#333333;white-space:normal;font-family:-apple-system, BlinkMacSystemFont, &quot;text-align:justify;outline:0px;padding:0px;">
        <span style="box-sizing:border-box;color:#666666;">蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。<br style="box-sizing:border-box;" />


文章来源:站酷   作者:我们的设计日记
    <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:#525252;font-family:&quot;background-color:#FFFFFF;text-align:justify;">
        分享此文一切功德,皆悉回向给文章原作者及众读者.
    </p>
    <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:#525252;font-family:&quot;letter-spacing:0.1px;background-color:#FFFFFF;text-align:justify;">
        免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
    </p>
    <p style="font-size:16px;box-sizing:border-box;margin-top:0px;margin-bottom:1rem;white-space:normal;color:rgba(0, 0, 0, 0.84);font-family:&quot;letter-spacing:0.1px;background-color:#FFFFFF;text-align:justify;">
        <strong style="box-sizing:border-box;font-size:14px;font-family:微软雅黑, Arial, Helvetica, sans-serif;color:#323232;"><b style="box-sizing:border-box;widows:1;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="font-family:&quot;font-size:14px;background-color:#FFFFFF;white-space:normal;widows:1;line-height11111111111111111111111111:20px;color:#3e3e3e;box-sizing:border-box !important;"><strong style="box-sizing:border-box;font-family:微软雅黑, Arial, Helvetica, sans-serif;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><a href="http://www.lanlanwork.com/blog/admin" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;">蓝蓝设计</a>(&nbsp;<a href="http://www.lanlanwork.com/" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#0C386E;transition:all 0.5s ease;vertical-align:baseline;padding:0px;margin:0px;text-indent:34px;background-position:0px -60px;">www.lanlanwork.com&nbsp;</a>)是一家专注而深入的<a href="http://www.lanlanwork.com/index.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">界面设计公司</a>,为期望卓越的国内外企业提供卓越的UI界面设计、<a href="http://www.lanlanwork.com/bs.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">BS界面设计&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/csjm.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">cs界面设计&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/scjm.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">ipad界面设计</a><a href="http://www.lanlanwork.com/csjm.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/baozhuang.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">包装设计&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/icon.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">图标定制&nbsp;</a>、&nbsp;<a href="http://www.lanlanwork.com/yhty.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">用户体验 、交互设计、&nbsp;</a><a href="http://www.lanlanwork.com/web.html" target="_blank" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">网站建设</a><a href="http://www.lanlanwork.com/WEB.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">&nbsp;</a>、<a href="http://www.lanlanwork.com/xz.html" style="box-sizing:border-box;text-decoration:none;color:#886353;transition:all 0.5s ease;padding:0px;margin:0px;background-position:0px -60px;">平面设计服务</a></b></b></b></b></b></b></strong></b></strong></b></strong></b></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></strong></b></b></strong> 
    </p>
    <div style="font-size:16px;">
        <strong style="box-sizing:border-box;font-size:14px;font-family:微软雅黑, Arial, Helvetica, sans-serif;color:#323232;"><b style="box-sizing:border-box;widows:1;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="font-family:&quot;font-size:14px;background-color:#FFFFFF;white-space:normal;widows:1;line-height11111111111111111111111111:20px;color:#3e3e3e;box-sizing:border-box !important;"><strong style="box-sizing:border-box;font-family:微软雅黑, Arial, Helvetica, sans-serif;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><strong style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><b style="box-sizing:border-box;"><br />




</div>



产品设计:边缘情况类型和解决方法

资深UI设计者

编辑导语:在产品中,有某些情况是客观存在但却极少出现的,这就是产品中的边缘情况,而边缘情况的发生会影响用户的使用体验,因此产品设计时需要考虑到如何应对边缘情况的发生。本篇文章里,作者就边缘情况的类型、应对策略等方面做了总结,一起来看一下。


一、讲在前面

作为一名职场中合格的交互设计师或产品经理来说,避免在工作中出现遗漏各种边缘情况的考虑,与规避在方案评审的时候会遭到评审会中其他同学的各种diss的尴尬,是评判交互方案和交互设计师活好不好的重要评判指标。

所以,产品设计方案好赖看产品和交互的能力,产品和交互能力的好赖不得不看边缘情况怎么处理了。

交互设计其实是“向好避坏”并行的设计过程,向好设计是要追求绝对的好,结合实际情况竟可能保证产品体验的舒适和惊喜,这是产品设计一定要为用户的极致体验需要负责的;避坏设计是相对的坏,结合实际情况尽可能为一些低频场景的极端情况做好容错方案和机制,这就是产品设计中常常提到的边缘情况处理设计。

二、什么是边缘情况

从产品角度来讲,边缘情况是在用户使用APP的时候,极少会出现但是又客观存在的、会极大影响产品使用体验的一些不可控场景,这是区别于需求功能设计的一种隐性问题

边缘情况的出现往往是和硬件设备、系统、技术和使用环境有强关联的,和产品需求或交互设计本身关联较小,但是也有一些极少的场景,之后我们会给大家举简单的例子作为解释。

iOS 14 中遇到的边缘情况

对于所有的边缘情况来说,其实,不管哪一种因素导致的不可控的情况发生,作为交互设计师或产品经理来说,我们都可以用严谨的逻辑来将意外的边缘情况预先做出优化处理。

但是通常在产品设计的时候,边缘情况是很难被我们通过设计方法所避免的,同时,边缘情况也会随着网络技术、硬件设备、系统及技术的变化而变化的,而且有时候业内也会将“解决边缘情况问题”的能力作为一个产品经理或交互设计师是否有经验是否资深的一个评判标准。

所以,在日常的工作中,能主动应对或者在输出需求和交互方案时,可以先入为主地考虑和走查自己是否考虑到边缘情况的处理机制就显得格外重要了,这就是区别你和普通产品经理或交互设计师的一个直观评判标准了。

三、边缘情况分类

  1. 环境主导类:比如最常见的了网络状况,弱网加载、断网加载,云端内存已满、系统问题、磁干扰等等。
  2. 硬件主导类:硬件内存上线、硬件CPU超高超低温度影响、多按键冲突等。
  3. 软件主导类:多设备多账号同时登陆、图片缩放上限未限制、新功能在新老版本中的兼容问题等。

四、边缘情况处理

关于边缘情况的解决方案大致可分为3类。

1. 错误提示

该解决方案是相对研发成本最低的一种处理方法,但是,对于用户来说,体验感是最差的。这类解决方案往往以dialog或toast给予用户错误提示,如下图抖音断网提示:

抖音 v15.4.1

2. 引导解决

这是遇到边缘情况最常用的一种解决方案,也是一种比较“中庸”的方法,可同时坚顾研发成本和用户体验的平衡,也是对于一些环境主导的边缘情况的最佳解决方案,因为环境主导型的边缘情况有时候只能用户自己解决,APP是没有办法真正避免的。

该类解决方案往往会给出用户具体的解决步骤,如下图微信断网提示:

微信 v8.0.4

3. 预备planB

该解决方案应该是对用户体验最友好的解决方法了,这就是一种难受自己、满足用户的“自虐行为”,它可以在最大限度不干扰用户的前提下,默默处理掉一些突发的边缘情况而用户却毫不知情,但是这种解决方案就会加大开发成本和损耗研发人员的大量脑细胞了。

这种预先做好planB的处理方法通常用户是对已经出现的边缘情况无感知的,比如微信(v8、v7)的朋友圈评论处理机制,在断网或弱网情况下,用户评论或点赞朋友圈是没有任何断网弱网提示的,这是因为微信将用户操作数据保存到本地,等有网的情况下再次请求数据知道评论或点赞成功为止,这样就很好地避免了打断了用户评论和点赞行为。

五、常见的边缘情况lists

1. 环境主导型

  • 网络状况不好时,如,弱网、无网情况时的加载等待和请求失败的提示。
  • 根据网络类型选择不同的数据加载方案:如浏览视频时,对于手机网络的判定为无线网或数据流量时的区别对待,无线网络连接时,视频图片都内容提前预加载,视频自动播放;使用数据流量时不预加载视频音乐等耗流量的内容,也不自动播放。
  • 从云端拉取数据时,如,iOS中,用户选图发送feed时,如选择了被存储在iCloud里的情况时,图片和视频需要先下载到本地,这里需要给与用户下载提示反馈,和等待措施。
  • 安卓输入法键盘是系统的,光标和输入法不能联动同步。

2. 硬件主导型

  • APP内存情况:APP中打开照片和视频预览页与APP外存即手机内存:删除该预览照片和视频时的显示逻辑。
  • 相册选图达到最大限数后,其他图片置灰时,有些安卓机子性能不好会出现卡顿,和一屏显示几乘几的图片以及用户最多可选多少张图也有关系。
  • 多端联动:账号被另一设备登出,可多设备同时登录还是仅限一台设备登录,还是半闭状态,部分功能可多设备使用,部分功能仅限一台设备使用。

3. 软件主导型

  • APP拍摄图片使用上传为头像背景图时是否存储在本地相册,何时何种行为后储存等。
  • 图片缩放和异形图(超高超长图处理)可放大至多少像素或原图的多少倍。
  • 加载动画出现的时间限制,加载时长超过1s后在显示加载动画,一般为中心加载长设限,类似Instagram的替补状态栏加载的横条加载动画影响不大。
  • 新功能在老版本中的兼容问题。
  • 手势滑动距离的设定,类ins相册上滑交互的考量。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理   作者:一只船

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



解客户+说服甲方+面对质疑的方法

资深UI设计者

搞定客户/同事的方法

说服客户的方法

壹周速读:了解客户+说服甲方+面对质疑的方法

大部分客户都是很挑剔的,所以一稿过是很多设计师的梦想,其实客户也不是刻意要刁难设计师,如果你的设计方案能够把设计需求展现出来,同时还有一套正确的设计逻辑,那么客户也是很容易被说服的。这篇文章总结了让客户埋单的设计思路:

找准客户的审美

壹周速读:了解客户+说服甲方+面对质疑的方法

设计师面对的客户千奇百怪,以设计师自身对于审美和需求的理解往往容易产生误解和矛盾,那么要怎么了解客户的审美以及深层的需求?看看高手是怎么做的:

实现「大气」的设计

壹周速读:了解客户+说服甲方+面对质疑的方法

改稿绝对算得上是设计师的一项日常操作,这一点我们都深有体会,至于改稿的原因则五花八门,不是客户嫌弃太小气、没创意,就是上级嫌弃太土、太单薄等等。可是大气的设计可不仅仅是 LOGO 要大、字要大、图要大,那么真正的大气要怎么做呢?看这个:

对抗质疑的方法

壹周速读:了解客户+说服甲方+面对质疑的方法

很多同学可能都碰到过一个很头疼的问题,比如来公司时间不短了,但是在公司毫无话语权可言,不论是所在团队还是业务方,甚至连对接的开发,都可以对他的设计稿提出质疑。而且总是无法顺利得说服对方,导致无穷无尽得改改改。那么这个问题要怎么解决呢?这个套路一定要了解:

UI 设计

UI 的基础概念

壹周速读:了解客户+说服甲方+面对质疑的方法

酸梅干超人的新系列文章来了!这次,他要输出一部完整的 UI 零基础学习指南,根据 UI 新手系统学习 UI 设计的顺序,陆续会输出 12-15 篇不同模块的系列性文章,而这篇是这个系列的第一篇:

UX 设计流程

壹周速读:了解客户+说服甲方+面对质疑的方法

在如今的产品设计团队中,体验设计师需要做的事情已经跨越了职能边界,为了寻求更好的设计方案,常常要承上启下地连接整个团队。这篇文章将设计流程中定义问题、创意发散、原型 & 测试、复盘反思四大设计流程细化为 12 个步骤,详细讲述了每个步骤用户体验设计师涉及的职能任务和思考:

UI 卡片设计

壹周速读:了解客户+说服甲方+面对质疑的方法

很多人对 APP 中的卡片设计习以为常,但对于卡片设计流行的原因、优点,以及如何做好卡片设计却可能不甚了解。这篇国外大佬写的文章,算是从为什么这样做的角度来分析卡片设计,一起来学习吧:

可视化表单

壹周速读:了解客户+说服甲方+面对质疑的方法

这篇文章出自资深 B端设计师 Taras Bakusevych,他深耕 B端设计多年,对于表单、可视化设计、UI/UX 都有着丰富的经验。这篇梳理了 20 个可视化设计的常见技巧,实用性和指向性都非常强:

产品交互

百度大字版设计

壹周速读:了解客户+说服甲方+面对质疑的方法

当下移动 APP 产品缺少对老年人体验的深层次关注与设计,只通过单一加大字号与简化功能等解决基础体验,缺乏通过新技术应用和更全面的适老化设计服务老年群体,老年人的需求依旧未得到关注和满足。百度基于自身的 AI 技术和精细、系统的适老化设计,适时推出百度大字版,使老年人更平等地获取信息和服务、获得情感陪伴:

交互说明文档

壹周速读:了解客户+说服甲方+面对质疑的方法

怎么样的交互说明才是最好的,是大家都喜欢的?这个问题想必很多同学都想知道,因为不少同学将写的交互说明文档提交给需求评审会的成员审核时,总会碰到「写的更合理些」的建议,这确实让人透了脑筋。来看看高手是怎么解决问题的吧:

社交 APP 趋势报告

壹周速读:了解客户+说服甲方+面对质疑的方法

移动互联网在悄然改变着用户的社交方式和社交需求,这篇文章根据近一两年技术创新和用户代际更迭导致的用户需求差异化,来探索社交的设计趋势,帮助我们应对变幻莫测的互联网:

视觉设计

酸性设计风格解析

壹周速读:了解客户+说服甲方+面对质疑的方法

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:优设   作者:陈子木

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



f

阿里腾讯晋升潜规则,是什么?

seo达人


01.展示核心能力而不是项目  

图片

好多同学的PPT更多像项目汇报,一般都是去年一年做了什么项目,大的项目小的项目,打大修翱翔的罗列。做述职或者汇报一定不是项目汇报,这样做最大的问题是目标不清楚,答辩或者晋升核心不是PK项目,框架很多面试官对你项目未必感兴趣。更多他们的角度是看你做事情思路,你这个人的价值。到没到下一层级,去承担更多的责任。

那么问题来了,能力怎么在PPT展示?我觉得对于设计师来说,你需要挑选一些黄金项目去说。黄金项目而不是普通项目,你做了哪些黄金项目,取得了什么成绩,往往决定了你的能力。

做的过程中,遇见了那些阻碍,你是如何思考的,如何去解决这些阻碍的,有没有沉淀出一些方法论出来。做完这个项目,有没有能够沉淀的项目经验给其它同学。

在做晋升答辩上,千万不要沉到项目的细节里面去,要跳出项目。仔细考虑你的核心能力有哪些提升,怎么才能把核心能力表达出来。

常见的设计师核心能力有:设计驱动,突破业务,主动推动,项目某些价值因为何而不同等等。

s

02.目标完成得很好,更要知其所以然  

图片

目标完成得很好,更要知其所以然,虽然你的目标完成得非常好,但是你对问题本质的认识,对知其所以然可能还不够。

第一个公司领导层比较关注的价值是系统化不够,你做项目只看到几个点,如果能看到整个面,这件事可能会做得更好。

第二个是你做的事情专业纵深不够,对于你的临近团队、下游或上游团队,对他们最终要达成目标的技术或者产品的理解还不够。

做了很多事,结果也不错,但是对于为什么这样做,能不能做得更好,缺少足够的思考和总结。晋升评审不是结果好就行,今天你是基于什么样的业务技术场景,基于什么样的判断,做了什么样的决定,拿到了什么样的结果,带来了什么样的客户价值,要把这些过程和思考想清楚。

a

03.深度思考,项目因为你而不同  

图片

设计晋升面试,被问的最多的一个问题是,这个项目哪些地方因为你而变的不同。我身边很多成功晋升的同学,他们对自己项目有深度思考。

这些深度思考的同学,比纯做执行的设计,平时能够承担更大的责任。特别我们做互联网产品,更需要把业务当自己孩子,能够深入思考。很多设计师做设计只关注体验,陷入到自己专业细节。

但是今天互联网环境变了,设计师要做突破业务的工作,要跳出你当前做的设计,要思考整个用户场景,考虑整个产品链路和对用户的价值。如何去挖掘用户价值,传递产品价值。以及通过设计创新去打通业务。

所以,在面试表达的时候想清楚你设计的价值,产品的价值洼地,想清楚以后再去通过合适的设计手段解决产品问题。这也是要求我们做设计,需要站在更高的角度和格局去思考问题。

q

04.绩效好就不一定能晋升成功  

图片

很多同学以为自己绩效很好,做的项目结果也不错,就觉得晋升是理所当然。其实不是,绩效和晋升不是对等的。绩效是你设立的KPI,但晋升是判断你的能力是否达到下一层级,有的人很好的完成工作做到了非常优秀,但是他只是执行,没有去思考是否可以有更大的通用,更大的影响力,没有想得更长远,这时候是没有满足下一层级能力要求的,晋升也就很困难了。

一个岗位晋升,不只有结果,还要有背后的思考和沉淀做了很多事,结果也不错,但是对于为什么这样做,能不能做得更好,缺少足够的思考和总结。晋升评审不是结果好就行,今天你做的好是基于什么样的业务用户场景,基于什么样的判断,做了什么样的决定,拿到了什么样的结果,带来了什么样的客户价值,你的设计主张是什么,要把这些过程和思考想清楚。

w

05.拿结果的能力强,也要能挑更大的担子  

图片

很多有人会说,我拿结果的能力很强,做的项目数据效果都不错,只是PPT或者现场临场发挥不好。我之前和阿里的一些评委聊过,他们除了看结果,更多会去识别面试的这个人他的思维框架、达到结果的路径,是否可以挑更大的担子,判断他到底是临场发挥的问题,还是这个临场发挥也代表着他对过去做的业务所思所想不够清晰,没有提炼,沉淀还不够厚,思考的维度通过几次问答就被混乱了,打破了。

所以,关键还是在平时,面试那个场子其实影响并不大,并不会因为你今天讲的好,就面试成功,要知道那些评委都是有经验的人。

w

06.需要用多重视角看待问题  

图片

相信大家平时都挺忙,做的项目也很多,但是在写晋升PPT,或者总结时候没有任何思路,还有救么?其实本质上要训练自己看问题的角度和高度,训练自己跳出来看,不断训练自己的思维高度和角度。那么问题来了,做设计如何提高自己看问题的高度和角度,这里分享3个小技巧。

d
01.首先培养客户视角

图片

虽然我们平时都说自己去用户设计,但是有多少同学有去关注我们的用户。客户视角,是站在自己的客户角度去看客户价值。

我们做的这个需求,从用户角度看,它有没有价值,一般来说可以通过电话回访,问卷去了解我们用户对于我们做的事情建议。提高看问题高度第一步就是培养客户视角。

r

02.其次培养团队视角

图片

团队视角,就是你现在做的事情,站在自己合作方的角度去看团队协同。比如你在做设计语言这个事情,从开发的角度去看这个事情怎么看?有没有价值,对于研发团队有没有价值?从产品角度去看,价值是什么?设计师你能不能说清楚?从运营层面看,价值是什么?

很多时候,晋升答辩,其实就是面试官从他的角度去看你这个事情是不是有价值,所以做PPT时候,思路可以多从他人视角去看,不容易陷入到自嗨里面。

f

03.最后,屁股要大,站在主管视角去想

图片

相信大家职场经常听见这句话,至少我在阿里经常听见,就是「屁股要大」,我们做的项目,要站在自己主管视角上去想,他会怎么看待这个问题。怎么看自己和其它小伙伴,要学会看全局。

最后,不断培养自己视野,自己做的事情,把视野拉高两个层次,站在自己主管的主管的视角上去看前面的问题。

做晋升PPT也是如此,面试官都是比你高两个层次的,你的事情怎么去表达,在他们看来是有价值的,你的设计方案对于客户,对于合作团队,对于整个部门来说,价值大不大。

g

07.如何优雅地面对晋升结果  

图片

晋升就会有成功或者失败,如何让自己面对结果不那么难过的,我觉得就把它当一次照镜子的机会,重塑自己。

晋升不是门坎,而是阶梯。成功了不会怎么样,失败了也不必当成打击。把它当作一次照镜子的机会,重塑自己的机会。哪怕即使第一百次跌倒还可以第一百零一次站起来。经历了,回首去看,一个更强大的自己就站在那里。你和自己对比的永远是自己的成长。

晋升失败很痛苦,原因可能不是接受不了结果,而是接受不了旁人的眼光。但说白了,如果你能够把这件事情放下,你就会发现别人根本不在意。

有一句话叫做:在其事,不在其位。如果你真正想做这件事情,你不会在意你在哪个位置,但是你真的把这件事做好,这个结果迟早是你的。

晋升是一个水到渠成、自然而然的过程,你如果没有这些想法、心态的积累,你只是为了那个结果,其实你会变形。

晋升本质目的,不是那个结果,它是一次对焦,去看看你们公司需要你有什么样的特质,你需要继续提升自己的是什么。

所以有时候讲梦想在前,足迹在后,不管你这次晋升通过还是没有通过,只要你努力去追求这个梦想,那么晋升和成长一定是自然而然的事情。扎实的做好自己,一步一步往上走,比那个标签能给你的多得多。

g

08.路上的风景远比今天的结果更重要  

图片

最后我想说,其实设计师的职业路很长,晋升不是一个结点,也不是一个终点。把晋升作为一个和评委或者导师的一次很好的沟通机会,反观业务上的思考,反观自己成长的思考。路上的风景远比今天的结果更重要。扎实的做好自己,一步 一步往上走。

你努力的样子,就是你最好的模样。无论成功或是失败,我们一起装下世界,看见未来。

希望这篇文章对各位有帮助。

 

原文地址:我们的设计日记(公众号)

作者:sky

转载请注明:学UI网》阿里腾讯晋升潜规则,是什么?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务




分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档