首页

如何给界面做减法,实现B端设计提效效果?|北京蓝蓝UI设计公司

ui设计分享达人

首先看我们这次改版的对象:

如何给界面做减法,实现B端设计提效效果?

光凭第一印象,整体效果是还不错的,落实到每个局部的话,布局也是合理的,可以看到是有设计的细节在里面.jpg。

但是,再多看几眼,就会发现整体的效果似乎有点不和谐,但又找不出来问题具体在哪,不知道怎么改下去。问题的根源就是 —— 过度设计。

我们强调过很多次,表盘页的设计是作品集项目中最重要的页面,因为观看者对整体视觉和设计水准的印象是通过它建立起来的,不管你分析怎么写,我们首先关注的肯定也是设计的效果。

但重要不代表需要过度倾注和堆叠视觉元素,过度的设计会让界面看起来有 “飞机” 敢,不仅不真实的印象产生了,还会显得业余不够自信。同时任何项目中表盘页过度设计都会对整个项目造成负担,后续的页面要怎么设计才能不和它产生隔阂,保持一致性。

下面,我们根据原页面进行分析,来找出问题并优化:

问题 1:导航栏的图标

导航的顶部 LOGO 描边没有太大必要,以及图标的设计在这个尺寸下非常的局促,因为细节较多,不仅复杂性提升了,也缺乏图形辨识。

所以改动中,将多余的背景去掉,再简化图标本身的样式。


如何给界面做减法,实现B端设计提效效果?

问题 2:顶栏的设计

顶部栏本身设计单看是没有问题的,但是作为全局栏目和导航栏颜色缺乏区分,而且用了投影来强化层次,就让这个模块的权重被过度放大。

所以我们去掉了背景色,并适当增高栏目的高度,让局部更舒展。

如何给界面做减法,实现B端设计提效效果?

问题 3:统计数字的问题

统计数字在作品展示里用特殊字体很常见,因为要用更美观的字体来呈现重要的信息。但任何页面中的信息权重都要保持阶梯性,不能让加粗、深色、特殊字体几个要素作用在过多的信息上,这就让画面显得非常的“吵”。

所以要对字重和色彩做控制,创造对比来降低视觉的压力。

如何给界面做减法,实现B端设计提效效果?

问题 4:图表的应用

原图中的图表应用有一定的问题,第一个柱状的堆叠类型并不是太符合实际数据应用,下方的环形图中起始位置显然不对,并且色彩比较混乱。

所以是答案对它们做出优化,并调整了一些小细节。

如何给界面做减法,实现B端设计提效效果?

问题 5:配图类型选择

在引导卡片中,用的扁平插画素材一方面不高级,另一方面内容太碎,再加上用奇怪的字体和倾斜,使得这个卡片看起来非常别扭。

改动中替换新的图片素材(临时找的,理解意思就行),同时使用一般黑体的标题,以及增加背景色,来形成新的卡片样式。

如何给界面做减法,实现B端设计提效效果?

问题 6:装饰图标应用

在快速入口和日程模块中,都有使用装饰图标,显然大家也能理解他们对于目前的语境来讲还是细节过多了,所以需要做一些调整,让它们简化。

如何给界面做减法,实现B端设计提效效果?

最后,再加上一些细节的小改动,最终的样式就完成了。


如何给界面做减法,实现B端设计提效效果?

表盘的设计一定要在最后做检查,一些设计感强的元素是否有必要这么做,尤其是类似图标元素,做得很花哨是否对信息的识别能带来帮助?如果不行,那就可以果断的放弃。

表盘页的设计感来自 —— 全局元素和色彩的控制,而不是单一某个局部内容的加强。

文章来源:优设
作者:酸梅干超人

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

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

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

AIGC | B端视觉设计全攻略-手把手教程|北京蓝蓝UI设计公司

ui设计分享达人

人工智能的崭新概念正在逐渐改变我们对设计的认识和实践方式。在这个数字化时代,AI不再仅仅是一种辅助工具,它已经成为设计师的得力助手,能够提供更高效、更智能的设计方案。在B端设计视觉中,AI的应用为我们开辟了一条通向更优质设计的道路,本文将深入探讨如何借助AI技术,辅助设计师完成B端设计视觉。无论你是刚刚踏入设计领域的小白,还是经验丰富的资深设计师,都可以利用AI工具来提升设计效率、优化视觉效果。

AIGC|海报落地设计流程

ui设计分享达人

从几个月前AIGC的兴起到现在,各行各业已经有许多团队将之运用在工作流程当中。其中,Midjourney的到来,不仅在一定程度上提升了设计师们的工作效率,也为设计师提供了更多设计方式上的可能性。其快速出图的特点帮助设计师节省了设计初稿的时间,可圈可点的画面构图与光影关系又给设计师带来许多灵感与参考。那么,到底该如何运用Midjourney来帮助我们将一个项目落地呢?本文将以一个大型活动的主视觉设计案例,解析如何利用Midjourney,来帮助我们从最初的构思到最后项目落地。

设计师如何洞察客户行业|北京蓝蓝UI设计公司

ui设计分享达人

设计的价值怎么衡量?更有钱?更有名?更有权?全都不是工作价值 = 社会需求 X 生态位 也就是设计在越大越难的社会需求中,承担越大越难的职责,那就意味着有更大的价值。钱也好,名也好,权也好,都只是真正价值交付后产生的副产品,我们把这些副产品暂时抛开,关注事情的本质。

如何利用激励体系提升用户粘性|北京蓝蓝UI设计公司

ui设计分享达人

用户激励体系是促进用户增长和活跃的常用手段,无论是节假日的各类运营活动,还是各种等级、积分体系,都称作激励体系。因此很多人会困惑:为什么有的产品有 “积分” 又有“金币” ,好像重复了?其实不然,它们是两套并行的激励体系,各自发挥着重要作用。激励体系复杂多样,因此笔者基于最近的实践经验和理论积累,将论述常见的用户激励方式,以及针对好看视频APP人群分层设计激励体系的思路。

宏观视角:聊聊AIGC对设计行业的影响与启发

ui设计分享达人

生成式AI到了技术发展从开始走向期望的膨胀期,现象级产品已经出现;
在产业结构中,AI智能应用近乎爆发的状态;
生成式AI的可控性突破也是爆火的重要原因之一。

UI设计公司的用户旅程图是什么?|北京蓝蓝UI设计公司

蓝蓝设计的小编

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

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

希克定律 | 设计师需要知道的设计原则|北京蓝蓝UI设计公司

博博

一、希克定律的基本认识

1.产生背景
1951年,英国心理学家威廉·埃德蒙·席克(William Edmund Hick)做了一个随机开灯的试验,他以每5秒点亮10盏灯的方式测得反应时间和选择数量之间的对数关系;美国心理学家雷伊·海曼(Ray Hyman)也通过一定的实验确定的信息传输与反应时间的关系,声称这两者的关系应该呈线性。席克、海曼共同认为,人们在多重选项的刺激之下做出选择时、需花费的时间就越长,并且随着这种刺激的逐渐增大、所产生的阻碍就越大,还可能导致人们放弃选择,后续便以他们两人的名字将这种规律命名为「席克海曼定律」。直到如今也是一样,在选项复杂度相等的情况下,无论是对数还是线性,选择数量越多,我们就越难做出决定。

2.基本介绍
希克定律是一种心理物理学定律,我们还可以将其称为“席克定律、西克定律、希克-海曼定律、希克法则”等,本文为方便介绍,将统一称为「希克定律」。希克定律表明,用户面临选择的数量越多、决策时间就越长,并随着可选项的数量和复杂性而增加,运用这一定律的唯一宗旨就是:减少刺激的数量并获得更快的决策过程。该定律有一个数学公式,先由席克首次实验、然后由海曼进行完善,即“RT=a+b log2(n)”。RT:反应时间a:对信息的前期认知和观察时间(信息处理之前)b:对信息的处理时间log:某个数学符号,不做特别理解n:信息的数量

3.生活中的应用
希克定律在我们生活中的使用随处可见,如下图的两个遥控器,你更倾向于使用哪一个?毫无疑问,图2不管是从视觉上、还是操作上都更简单,特别是老少用户,简单地教一下就能快速学会。至于图1,有些图标、颜色、英文,很多年轻的用户也不清楚到底是干什么的,要想搞清楚,则需要更多的时间成本、学习成本以及试错成本,这就是希克定律在遥控器上的作用,以减少选择让用户更快决策。遥控器的这个案例虽然在交互设计四策略中也体现的淋漓尽致,但与希克定律并不冲突,让用户减少选择的方式可以是删除、组合,也可以是隐藏、转移。

4.设计中的应用
用户在界面中看到的选项越多、信息量越大,就意味着需要花费更多的时间与精力去识别和理解,直接延长了用户做决策的时间,在选择困难较大的情况下,一旦用户没有足够的精力或无法做出明确选择(不愿动脑)时可能直接放弃,导致任务失败。当信息/选项减无可减时,也可以通过对其分类分组、层级分布等方式提高用户决策效率,只要选项与选项之间保持着一定的联系,丝毫不会影响用户识别与理解。

二、希克定律在设计中的作用

1.提高选择效率
其实在很多页面中都存在信息过剩的情况,对用户来说,选择太多就等于没有选择,用户很可能会因为犹豫不决,造成时间成本上升而导致放弃当前任务。尽可能避免在用户面前出现过多的选择,根据信息权重删除或隐藏多余选项,只保留用户所需。有“度”的删减可保持内容足够简洁,提升用户对信息的理解以及操作效率。

2.优化版式布局
在设计过程中,如果没有对功能层级进行划分,一股脑地将所有功能入口平铺的话,就需要用户花费大量的时间和精力来查找需要的功能,无疑是一场灾难。我们可以通过希克定律来优化界面功能布局,根据业务的重要性对功能入口进行分类组合,减少用户的认知及理解成本,以便快速达到目的。

3.提升用户体验
通过减少选项以及对信息进行层级划分,不管是视觉浏览还是操作流程上,消耗的成本都会有所降低,用户在使用过程中的心情则更加愉悦,用户体验得到了很大程度的提升。

4.提高转化率
用户所做的选择越少、消耗的成本就越小,好的使用体验让用户心情愉悦,短时间内的流畅、愉悦操作都能让任务变得更简单、更容易完成,还能降低用户的付费感知,间接性的提高了产品转化率。

三、界面中的「希克定律」

1.减少选项、让用户更快选择
对用户来说,选项越多就越复杂,需要的决策时间就越长,尤其是用户在绝大多数情况下所看到的页面都存在信息过剩的情况,这时候,产品需解决的不是选项够不够的问题,而是选项够不够好。当存在大量选项时,可适度减少选项的数量,不仅能降低用户的思考时间,也提高了选项的质量。iPhone用户应该比较清楚,苹果始终在不遗余力的遵循希克定律,APP Store就是最好的例子,从改版前大量的推荐应用堆积到改版后信息量的减少,选择目标瞬间清晰了很多,用户体验得到了大幅度的提升

如果大量的选项无法减少,可将重要选项靠前,将其他的隐藏起来,方便用户决策及降低失误操作的概率。例如腾讯视频顶部分类后面的更多图标、支付宝首页金刚区的更多入口,点开后就会发现,里面隐藏了非常多的功能,这样做能减少用户认知负荷,提高信息筛选的效率。

2.选项分类、信息分层
这里最为典型的例子就是电商平台的分类,它通过一级、二级、甚至三级分类将商品所涉及到的类型合理的控制在有效范围内,这些选项被分类/分组之后,关键信息得到强化,能辅助用户快速作出决策。还有后面的二次筛选功能,帮助用户进一步缩小范围,选择效率明显会更高。当然,这不仅仅是依靠希克定律,还得结合运营需求、用户数据等因素进行合理化分类。

另外,我们在选择地址时,如果将所有城市一股脑平铺在界面上,用户想要选择自身所需,则需要花费大量的时间。对城市进行了分类分层,以及有了搜索历史、热门城市以及右侧的首字母索引后,用户就能通过不同维度快速找到想找的城市,选择效率直线上升。

3.分步骤展示、逐步完成
存在较长的表单页面,能给用户默认值的就不要让其选择、能让用户选择的就不要让其输入,每多给用户一个操作,其时间成本和出错率都将会上升。当表单内容减无可减、输入操作避无可避时,尽量将信息整合分类或分页展示,引导用户逐步操作,遵循一个页面只做一件事的原则,协助用户将注意力聚焦在当前步骤中。面对长长的表单,用户或多或少都有些消极情绪,产品要做的是通过视觉、操作感知来减少用户的负面情绪,以此提升表单完成率。常见的如调查问卷、信用卡申请等,它们并没有将全部信息堆在用户面前,而是进行分步骤或分页的形式,一次只做一件事,避免了其他信息带来的干扰,让用户有种简单的感知错觉,完成起来会更容易。

4.必要的多选项、展开/隐藏
有时候,我们不得不面对较多的选项,例如在线填写简历、功能设置列表、商品的二次筛选或后台管理系统的查找条件等,如此多的选项会给用户带去很大的心理压力,这时设计师需要去思考如何减轻用户的压力,展开/收起也许就是一个不错的解决方案。我们可以将所有选项进行分类,用户在操作当前类别时,其他所有类别暂时隐藏、并设定明确的可点击图标提示用户随时可展开对应的内容,间接的减少了选项,降低干扰。

5.必须平铺时、主次分明
当设计师面对大量选项、却又要必须平铺在当前页面的需求时,一定要做好选项的视觉权重区分。这种需求常见于首页、功能页、个人中心的图标入口,我们可以通过改变图标的大小、色彩(黑白/彩色)、类型(线性/面性/质感/3D)或添加微动效进行主/次权重之分,用户操作起来就不会有太多的疑惑或顾虑。

6.不可操作项、锁定/置灰
在特殊场景中,当页面存在不可删除、不可隐藏、不可降权且不能让用户点击的选项时,与其在用户操作之后提示不可操作,不如在用户操作之前就将选项锁定或置灰,明确告知不可点击,间接缩减选项,减少不必要的操作。

四、与交互四策略的完美结合

“合理删除、分层组织、适时隐藏、巧妙转移”,这一经典理论出自于 Giles Colborne 著名的《交互设计四策略》一书。删除、组织、隐藏、转移每一种方式无疑都是在向用户更好的展示信息,这个观点也完美的诠释了希克定律,那么他们到底是如何对应的呢?

1.合理删除(减少选项)
希克定律中,影响用户决策最主要的原因就是选项数量,虽然「一个页面只做一件事」受到诸多的限制与牵绊,但我们依然可以通过分清功能主次,删除次要、突出主要选项来帮助用户决策,增加效率。

2.分层组织(分类/分层)
分类是希克定律中很好的一种表达方式,虽然选项并没有实质性的减少,但用户可通过分类避开了很多不必要的选项,不管是通过父子及级还是平级,都做到了将大量选项明确区分,用户需要深挖时总会有迹可循。Giles Colborne 说过“不要用过于专业的标准进行分类”,用通俗易懂的组织方式更是促进希克定律加快用户决策效率的一种有效方式。

3.适时隐藏(展开/隐藏)
与删除不同的是,隐藏并没有删减选项的数量,只展示部分常用、高频的选项,去除其他信息的干扰,方便用户快速做出决策,而将其他不常用、低频选项隐藏起来,在需要时系统自动展示、或用户手动唤出。其实,不管是交互四策略中的隐藏、还是希克定律中的隐藏,其作用都是通过暂时性地减少信息数量来提升用户操作效率。

4.巧妙转移(分页/分步)
面对本身就较为复杂的产品,页面信息在无法删除、组织、隐藏的情况下,且需要用户无遗漏的去完成,使用交互四策略中的「转移」或可解决这一难题,将整个任务拆分成多个步骤,让用户逐步完成。大部分信息的转移,可避免不同步骤的信息相互干扰,认知负荷得以减轻,这一策略与希克定律分步骤、分页面展示大有相似之处。

五、常见问题处理

1.选项不要减到只剩一个
希克定律要做的是通过减少用户做决定的时间,来提升转化率以及用户体验,但不管在什么情况下,用户都希望自己还拥有选择的权利,如果设计师自作聪明的将选项减到只剩一个,就相当于告知用户必须接受,那么用户就有种被强制、绑架的感觉,只会存在两个结果:①被你的产品拿捏、②离开你的产品,笔者相信第一种可能性的概率极低,毕竟同类型的产品并不是只有你一家(垄断除外)。如下图的弹窗,用户即便不愿意进入任务流程,可别无选择,只能进入后再返回才能回到原位,这种做法无端增加用户的操作成本,极易引起反感情绪。不管产品如何希望用户转化,切不可强制他们接受,需要给用户留一条返回的“路”,即便不那么起眼,至少还有选择的权利。

2.极端场景要克制使用
任何定律都有其自身的使用局限,所以也不要极度推崇希克定律而简化到抽象的地步。大部分情况下,希克定律都是用在可交互界面中的元素,对于那些需要高度搜索、阅读或学习刷题类的功能并不适用,因为设计师只能决定信息呈现的视觉效果,并不能决定内容的质量、类型与数量。例如,刷题类应用,面对海量的选择题,希克定律虽然失去价值,但并不影响设计师结合其他方法论将界面设计的更好,总不能强行使用希克定律,将选择题删减到只剩两个(变成判断题)选项吧。

3.逆向使用-刻意增加操作成本
有时候,出于商业化的目的,同一个选项在二次操作时,产品会刻意增加用户操作成本,以降低选择效率,看似希克定律的反向操作,却一定程度地降低了用户退出率,实则对产品有益。例如,在关注微信公众号之前,非常醒目的关注按钮触手可及,可关注之后,弱化的幽灵按钮及文案,很难一眼看出这就是取消关注入口,需要用户花费额外的时间去理解或试错方可取关,这么做能降低公众号粉丝的取关量。为公众号留住粉丝,更是对内容认可的一种支持,后面的良性循环无需多讲。

作者:大漠飞鹰CYSJ
来源:站酷

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

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

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

不做画图工具人,3步成为懂业务的设计师!|北京蓝蓝UI设计公司

博博

1.盈利模式和运作

最重要也是最先要搞清楚的就是公司的盈利模式和运作,它就像一个人的心脏一样重要,毕竟,活着很重要。其实盈利模式及运作可以用一句话来理解。公司用了什么策略,给谁,解决了什么问题,获得了什么收益

先简单举个例子,稍后我会用一个产品来详细拆解。就拿小红书来举例子,大家应该都用过小红书吧,这两年很火的“搜索引擎”。
首先看小红书用了什么策略?小红书做了一个UGC APP
小红书目标群体主要是谁?90后高学历女性数据来源于2021年小红书官方数据,有点过时,只是拿来举个例子
解决了她们什么问题?分享和记录生活
获得了什么收益?广告分成、商城收益

梳理后你会发现,小红书的盈利模式和运作方式你就大概了解了,当然啊,是否能真正盈利咱另说。目前小红书在转型中,毕竟大部分人都把它当搜索引擎,搜完了就去红色软件下单了,钱都给别人挣了……话说回来,我们用这样的方法就能了解一个公司的盈利模式和运作方式。这时候你可能会问了:“小红书这种产品大家都在用,我当然很容易获取它的一些信息啦。”“B端的产品更复杂,我要怎样快速获取并理解信息?”别担心,有3个方法帮助你了解。
第一:看战略战略是一个公司为了实现一个目标而制定的一系列计划和决策,它是变化的,它很重要。小红书15年~18年的战略定位于“社区”,当时的目标更多的是先搭台子唱戏,把人引进来。而近两年,从它的布局来看,战略里一定包含了直播电商。
那么就意味着,假如你在小红书工作。2015年的时候,社区是它的核心业务。而在2023年,直播才是它的核心业务。
为啥要了解核心业务呀?因为越是核心业务,资源投入越多,你的可操作空间就越大。战略去哪里看?官网、搜索引擎或者Chat GPT。

第二:看官网尤其是B端产品的官网,一般都会把公司的产品介绍得很清晰。
可以着重看几个地方:顶部导航、关于我们、新闻中心
顶部导航:先对公司的产品、案例和客户有个印象
关于我们:了解公司的发展历程
新闻中心:了解公司在所在行业的地位和最新的资讯
看完了这些内容,其实你对这家公司就已经有了一个比较初步的了解了,这时候让你介绍这家公司,恐怕你都能说出个一二三来。第三:看定价定价是我们最直接能够获取到的公司的盈利方式,所以一定要看。

到此先做个小结:① 了解公司盈利和运作的公式:公司用了什么策略,给谁,解决了什么问题,获得了什么收益
② 深入了解的方法看战略、看官网、看定价现在咱们已经了解了公司的盈利和运作,以及公司发展历程,相当于相亲时了解了对方的家庭背景,下面就可以开始进一步深入了解了。

** 2.产品线**

一个发展了几年了B端产品一般都会有多条产品线,你大概率只负责其中的一部分,但是建议最好全面地了解一下产品线。避免只盯着手上的那点活儿,眼光也可以横向拓展看看,个人的竞争力就是这么来的。
去哪里了解呢?一般企业官网都会把自家产品列出来,方便客户查看,咱们也可以顺着这条路线去走。就拿飞书举例,从导航栏的“产品功能”我们可以看到,主要是四条线,咱们不用把每条线都挖得很细致,但是起码要有大概的认知,知道这是个什么东西,做什么的,最好上手体验体验。

这时候你可能会问了。这么多功能,哪条线才是重点啊?

问到点子上了。一般官网都会把自己主推的产品着重拎出来。
例如飞书在未登录用户的首页黄金位置,把重点功能单独强调,在登录用户的导航栏和头部的位置都做了这些功能的露出。反复强调和露出,重要程度不用我多说了吧。

到这一步,我们就已经是公司半个娘家人了,下面可以开始拆解公司的产品了。前面的步骤都是了解的阶段,第三步可是真正要动手实操了,光看可没用。
千万别懒,这时候要把公司产品的信息架构和关键流程做出来。首先,梳理信息架构,对功能模块有清晰的认知没啥技巧,就是耐心二字。一个界面一个界面走,用脑图把框架理出来,有手就会。
是不是觉得很麻烦?确实麻烦,而且费时,考验耐心,但是一定要做。不要想着靠眼睛去看,靠记忆力去记,一定要落到纸面上。

然后,梳理关键流程,了解产品的运作和流动怎么梳理,截图,一张张拼,把路线画出来,别看这招简单粗暴,但是很有用。不仅能帮我们快速理解产品链路,说不定还能发现产品中的一些体验槽点,找到优化机会。

** 4.案例拆解**

下面,上案例。还是看完整的案例更加清晰。就用一款我前段时间用的电子签名和电子合同的产品“法大大”为例。咱们一步步走。
第一步,了解盈利模式及运作公司用了什么策略,给谁,解决了什么问题,获得了什么收益

策略:一个电子签名和电子合同的PC网页产品
目标用户:有线上签名和线上合同需求的企业、政府和个人
解决的问题:远程签合同,电子签名
收益:签署套餐费

第二步,了解产品线

第三步,梳理信息架构和关键流程

作者:馊面包
来源:站酷

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

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

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

设计链路拆解用户旅程图|北京蓝蓝UI设计公司

博博

通常设计团队的设计链路大致可以分成四个步骤:需求分析->用研交互->UI视觉->验收迭代。在不同的阶段,需要团队中的交互/UI/视觉...设计师各司其职,每位设计师要解决的核心问题不同:

这里引入一个结构化的设计方法——“双钻”模型

“双钻设计模型”已经被很多设计师或设计机构做过概念变体和衍生,所以可能经常会看到各种各样类似的“设计模型”,有的是“三钻”的,有的是三角形的或是正方形的。不过,不要太在意这些模型是叫做“双钻模型”、“三钻模型”还是“两个四边形模型”,其核心都是在讲
一套使用设计思维来解决问题的思路和方法,这套思路和方法适用于
从产品需求定义到设计成果产出的整个过程。

在这个过程中,“设计模型”能够分别帮助设计师达到三个目的:

  1. 洞察和挖掘产品真正的问题
    也就是模型中第一个“钻”的核心目的:为正确的事情做设计(Designing the right thing),即“做正确的事”。

  2. 通过恰当方法找到设计最优解
    也就是模型中第二个“钻”的核心目的:用正确的方法做设计(Designing things right),即“将设计做正确”。

  3. 复盘并验证问题设计的结果
    也就是模型中第三个“钻”的核心目的:验证做的设计是否正确(Verify Desig Effectiveness),即“验证设计的效果”。

  4. 链路1-需求分析

可能有人会说:“分析需求不是产品经理的事情吗?”

确实,在产品需求阶段产品经理会起主导角色,产品经理的需求分析:侧重于从商业维度考虑产品目标,考虑用户的需求是什么,以及用什么样的功能去满足用户需求。
但同时,设计师会协助产品参与需求挖掘工作,可以更直观了解产品的背景和设计目标,同时会协助产品经理分析用户的使用场景和各个接触点,使得产品在需求阶段可以更好的与后续交互设计衔接。

设计师的需求分析侧重点:基于对产品需求的正确理解,通过运营与用户层面考虑,平衡业务与用户之间的诉求,让设计在达到用户体验的情况下更大化的发挥商业价值。

  1. 链路2-用研交互

在提出需求目标后,需要精准定位目标用户,将假设与用户诉求进行验证。

交互设计师会采用用户画像/体验地图/用户移情图等方法构建用户使用情景,将抽象的业务目标在用户层面进行价值试验后的故事转译。通过前期调研和用户故事还原体验情景,最终分析验证前期方案的假设,并为方案原型交互设计提供客观数据支撑。

通过用研及数据结果分析验证后,就到了原型设计阶段,最终修正的需求文档会交由交互设计师转化交互原型文档。

交互文档主要是用来承载设计思路、设计方案、信息架构、原型线框、交互说明等内容,大致会包含:基础信息(项目简介、需求分析),交互说明(信息架构思维导图、任务流程图),页面交互流程原型图(包含交互设计的方案阐述界面布局、操作手势、反馈效果、元素的规则定义、以及异常页面和异常情况的说明)。

  1. 链路3-UI视觉

建立设计规范

UI即User Interface(用户界面),而UI设计规范通俗来说,是围绕在某种风格或者大型设计项目下形成可视化、数据化的标准,针对相对独立的体系建立的统一遵守条款。 UI组件库则是是基于用户界面产品而制定的一套可复用设计库,也是为了方便设计师、开发和测试人员共同协作,而遵循的规律和法则。
其中色彩范围、图标设计方案、插画配图以及动效等,这些都可以在定义视觉风格的阶段进行思考,并有所结论。而字体的选择且通常情况下会使用iOS和Android系统的模型字体作为规范字体,因为系统字体更为匀称,显示效果更为舒适,醒目利于阅读,更利于视觉信息的传达。

搭建设计组件库

搭建组件库,其实是利用组件库型思维,产品需求场景化、视觉表达模块化并最终将解决方案进行封装。

通过标准的规范组合方式来构建整个设计方案,从而提升设计效能。一方面使团队的每位设计师和开发都能通过组件库直观了解产品设计规范,通过组件的复用性原理提升设计与开发的协同效率。另一方面通过清晰有规律样式布局,保证产品界面视觉及体验性的一致性。

  1. 链路4-验收迭代

设计走查验收

设计界面交付后就算完成设计任务了吗?

设计交付不等于设计任务的结束,在产品正式版发布之前,交互设计师和视觉设计师需要对线上测试版本进行走查。有些团队内部协作习惯于直接口头或是简单文字沟通,面对简单且量少的问题时可能会相对比较快速。但是一定会存在信息遗漏、沟通误差等问题。

产品设计迭代
虽然有些公司的产品真的过硬,可能会具备较长的生命周期,但它们始终会被更加优秀、好用、新颖的竞品所取代。
因此产品设计的持续优化迭代,是能保持发挥产品优势,不断找到用户痛点的关键,而做好产品迭代不仅是产品经理的职能, 也是设计师的职能所在。

写在最后,我们来梳理一下整个设计链路的结构

作者:7V_Kevin
来源:站酷

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

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

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

日历

链接

个人资料

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

存档