首页

向世界知名的设计师致敬系列之二:乔纳森·伊夫,​马克·纽森

蓝蓝设计的小编

向世界知名的设计师致敬系列之二:乔纳森·伊夫,马克·纽森

向世界知名的设计师致敬系列之一: 雷蒙德·罗维,约恩·伍重,菲利普·斯达克,荣久庵宪司,亚历克斯

蓝蓝设计的小编

向世界知名的设计师致敬系列之一: 雷蒙德·罗维,约恩·伍重,菲利普·斯达克,荣久庵宪司,亚历克斯, 亚历克斯·塞缪尔森

B端设计复盘系列——表单页

鹤鹤

01表单概念

表单页作为基础通用组件,也是B端产品中台、后台出现比较频繁的页面之一。看似简单的页面我们在设计时却有很多值得推敲的点,在细节处提升用户易用度,我通过日常的学习和公司项目,在这里总结复盘了自己的经验。

表单的适用场景比较广泛,常见的基础表单比如登录注册页面,这一类往往信息简单,格式比较固定,除此之外就是分步表单、高级表单。常见的场景主要用于新建信息、申请、客户信息、商品信息等等。这类表单可能存在复杂逻辑关系和功能,有时会给我们造成困扰。以下我将以这一类表单为主要案例,一一进行拆解。

登录注册页:表单内容简单,操作简单。

分步表单:具有流程化特点,具有先后逻辑关系,内容较多的业务类型,比如转账,新建商品订单等。分步填写可以减缓用户压力,起到安抚用户情绪的作用。

高级表单:主要用于需要一次性输入、提交 大批量数据的场景。也成为分组表单,和分布表单一样都是为了减轻用户填写压力。

02设计原则

首先我们需要明确表单页的主要功能:表单页承载了系统中绝大多数系统数据的录入、增删、修改、查看,是系统中人机交互最为频繁和典型的数据媒介。表单页通常需要用户录入大量的信息或数据,在设计时我们的核心目标应该是让用户明确当前表单页面要完成什么任务,轻松理解项目含义及生效的结果,思考如何帮助用户高效、准确、轻松的完成任务。

表单设计基本原则:明确、高效、安全

明确:用户可以快速定位重要信息和目标选项,表单文案和组件可以准确传达任务含义

高效:易理解易操作的交互方式,尽量减少交互步骤,减少用户任务路径步长,配合合理的信息布局引导,准确的选择合适的组件传达信息,帮助用户高效的完成任务。

安全感:操作前有效的防错机制,操作中有明确的状态反馈与容错,允许纠正错误。操作后及时的保存,取消机制。

03表单构成

一个完整的表单通常包括表单标题、表单标签、表单域、提示信息、占位符、操作按钮几部分。

标题:起到说明表单模块的作用,是用户快速明确任务和定位页面位置的重要标识。

表单标签:内容项的名称,说明对应填写项含义及说明用户该填入什么信息。

表单域:表单的核心操作区域,用户操作最频繁,最集中的地方,这里的可选择组件样式也会根据内容需要而变化,类型最为丰富多样。需要注意的是同一类型的组件需保持一致性原则。

占位符:一般出现在用户未填写内容时,用于辅助提示用户录入线索。

提示信息:辅助提示用户的作用。分为普通提示和错误提示,也是很好的防错纠错机制体验。

操作按钮:“结束”表单任务的触发器,用于向服务器提交数据或者放弃操作。


表单标签

表单标签样式常见的有4种,左对齐标签、右对齐标签、顶部标签和行内标签,不同的对齐方式各有优势和缺点,适应在不同的场景。

右对齐标签(冒号对齐)

优点:标签指向明确,操作效率高,节约纵向空间

缺点:可读性低,不适用于狭长空间或需要适配多语言的页面

场景:普通表单填写,多用于web端

左对齐标签

优点:阅读性高,节约纵向空间

缺点:不适用于狭长空间或需要多语言适配的页面,操作效率低

场景:详情陈列

顶部标签

优点:视觉对齐舒适,节约横向空间

缺点:纵向空间利用不高

场景:多用于移动端表单填写,多语言适配页面

行内标签

优点:视觉对齐和空间最节约的方式

缺点:当用户输入状态时,标签消失,增加用户记忆负担

场景:多用于登录注册,修改密码等内容极少,不需要记忆的页面


表单域

表单域是一个表单页面的主体部分,其内容丰富多样,从而它可选择形式也最多,不同的内容我们在设计的时候应该选择最合适的组件,以及应该注意同类型内容选择统一的组件进行设计。

定义操作框大小

在实际项目中我们往往会遇到内容长度不能统一的时候,那怎么这种情况该怎么处理呢?

以往我的处理方式是强行拉长对齐,但我们可以发现强行对齐的时候,视觉没有得到很大优化,反而在隐喻传达给用户错误的信息,当用户在操作1功能的时候,可能会错误的认为这个选项可以选择很多,因为我们给的选择框很长,而实际上它只能选一个。这样就会给用户造成不必要的理解成本。

比较好的方式处理方式是我们设计组件库时就设定不同尺寸的操作框,来适应不同场景下不同内容需求。如果不能对齐,那就让它参差不齐。

提示信息

提示信息在表单中起到提示、纠错的作用。形式主要有以下几种:行内占位符提示、操作框下方文字提示、tost提示、气泡提示。

行内占位符:这是一种基础应用,它即可用于占位,也可用于任务说明提示,当我们说明文字很少的时候可选择的一种方式。需要注意的是内容务必简洁易懂,减少阅读成本,不要说“正确的废话”,语句应该是完整的陈述句。

气泡提示:当提示文字很多,主要用于对标签的名字释义时,气泡弹窗是个不错的选择。它的优势在于可以将更多内容折叠,不占用空间,缺点是不直观,增加了用户操作步骤。

Tost提示:Tost提示一般是在出发操作按钮后给出的提示,可以是操作结果提示,也可以是内容填写提示。

操作框下方文字提示:当提示内容很多时,还可以考虑操作框下方提示,多用于对输入内容的辅助说明场景。应用场景包括以下几种:

组件组合后在表现层的设计

提示信息在页面中还是一个辅助性的角色,常规情况下的视觉层级应该是 表单内容>表单标签>提示信息。当用户有错误操作时“错误提示”优先级是最高的,我们一般用带有警示性的颜色给以醒目显示。

为了使用户更好的辨别任务项,需要注意组件与组件、组件与说明文字之间的间距差别。

04交互方式

表单中的交互方式根据其内容选择对应最合适的形式,内容简单而少的可以直接在原位编辑,操作快捷,关联性最强,所见即所得,内容容量低于5个。其次内容较多的,或者针对全局操作的可以选择气泡卡片,比如全局设置等。第三种是弹窗或者抽屉,两者形式是一致的,区别在于对内容的承载量上,弹窗容量较小,内容较多的情况下抽屉式弹窗(侧拉弹窗)是更好的选择。最后,内容承载最大的就是页面跳转,同时这种方式与原页面的关联性最弱。

组件构成表单,实际项目中,我们的表单往往内容会多而复杂,设计时可以考虑在布局上优化去提升使用体验。

常用的方式有几种:信息分组、锚点定位、标签页、分步骤。

在格式塔邻近性原则中提到,人们将彼此接近的事物、元素,倾向于认为它们是相关的。在设计中很早就运用到这种认识倾向。所以我们在信息分组时可以运用设计手法将相关信息从视觉上区分开,提升信息阅读有效率。

分组方式:

1.简单的内容使用标题分组或卡片分组就可以达到目的。

2.而内容很多,组别之间没有关联性时用标签分组

3.页面内容很长需要连续下滑操作时,锚点定位就可以提供便捷的操作体验。

4.在任务有先后逻辑关系时,分步骤是最好的选择。

标签分组与锚点定位在表现形式上类似,区别点在于操作后的结果。标签分组切换标签后页面数据会刷新,一般没有自动保存功能,锚点定位则是每次点击定位页面不刷新数据,始终保持在同一数据页面。


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

文章来源:站酷 作者:将晚秋

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

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

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



C端产品分析方法总结

鹤鹤


做一个完整C端项目前,从产品思维得理解、需求分析到场景分析,通过以上分析得出结论,进而制定我们的设计目标,把设计目标落地到解决实际的设计问题,内容较多,大家可以根据上述目录来进行选择性阅读。


1.1产品思维包括


1.1.1 用户思维:深入了解用户的需求和场景


了解用户心理:“心理”主要是指用户的情绪,只有了解用户的心理状态,才能知道他们在接触到或者使用我们的产品时是正面的情绪还是负面的情绪。正面情绪需要我们引导去实现转化,负面情绪需要我们安抚以避免跳出和口碑的损失。


把控用户行为:最终目的还是引导用户行为,让用户按照我们的计划进行产品的交互、操作,从而实现对用户的有效管控和转化。例如:上品店庆推出“购物省钱节”的概念,联合商家推出各种优惠活动,就是抓住用户在购物时想省钱的心理,通过降价、优惠券等方案让用户在选购商品、提交订单和结算阶段都保持高涨的情绪,从而推动用户最终完成付款。


解决用户痛点: 在完成上面的分析后,我们最终需要把调研和分析结论落地为设计方案,前提是要关注用户当前的情绪是负面的还是正面的,如果是负面的情绪,我们可以通过补偿、安抚等方案对用户进行留存。例如:在等待外卖送达时,配送信息页一般都会有预估时间、位置等信息,让用户有一定预期。同时如果迟到时间过长,也会通过准时宝等规则给予用户优惠券补偿,这些都是负面情绪的安慰。



1.1.2 项目思维:主动发现并解决用户体验过程中遇到的问题

项目思维主要指,我们要具备极强的发现问题、输出方案、推动落地的能力。这就是设计师的项目思维和推动力,可以保证自己的想法快速落地、推动设计优化并尽快上线。



1.1.3 商业思维/业务思维:将设计目标与业务目标紧密结合

商业思维是指,拉新:通过产品、运营和营销策略让用户下载产品。留存:让下载的用户保持活跃度,留住用户,便于转化。转化:让用户按照我们的业务规划去注册、分享、下单、付款等动作,一步步带入我们的圈套,完成关键操作。变现:将用户行为变现,内容产品的活跃度可以带来广告营收,电商产品的成交额就是业务收益。



2.1产品思维的重要性


2.1.1 Ui设计师和产品经理的区分界限


相同点:在实际工作中,设计师和产品经理的目标在本质上是一致的,都是解决用户的痛点、满足用户的需求,为用户提供体验更好的产品,并在此基础之上完成用户转化,实现收益。作为一个设计师,我们对产品了解的深度不一定比得过产品经理,但是广度上你应该要求自己和产品经理保持一致。只要掌握产品的架构、流程和业务的模式、原理即可。



不同点:UI设计师更注重通过用户体验来留存用户,产品经理更多地考虑转化用户和变现的途径。



冲突点:这时就会产生一些冲突和矛盾,有时为达到业绩目标,产品经理或其他业务方可能会提出有损用户体验的方案或者策略。


想要解决与产品冲突得问题,就要充分调动自己的产品思维,保持习惯性的产品思维,才能始终保持和业务一致的目标。和业务方站在一起,才能找到设计和业务的共同目标,并将业务目标转化为可执行的设计目标,才能为设计带来更高的价值。


2.1.2 UI/UX设计师的真正价值是什么


这里就绕不开这个话题----产品思维。别人眼里的UI设计师,很多人会认为设计师的工作就是设计流程页面、视觉效果。这些工作看起来只是锦上添花,即使没有专业的设计师来设计,可能只是流程、控件位置不太合理、样式和颜色不太好看而已,并不会影响产品的开发和上线。其实,设计师的价值不仅是艺术价值,更重要的是为业务带来价值。


UI/UX设计师,关键在于对用户场景、对产品细节的敏感度,这也是其他岗位不具备的技能。实际工作中这些细节问题,很容易区分出来专业性的差异,因为UIUX设计师是距离用户最近的人。我们设计页面,用户在页面上操作和获取信息。我们设计流程,用户通过流程完成各自的需求。我们设计的产品流程、页面,是用户直接接触和使用的东西。基于这个原因,设计师对用户的需求、反馈是最了解和最敏感的,我们可以通过用户的反馈、操作数据把控用户的心理状态和行为方向。无论是在方向上还是从细节出发,挖掘和洞察用户需求,设计师有明显的优势。

所以UI设计师真正的价值就是通过自己对细节和场景的思考,自我驱动,找到设计优化、产品迭代、业务提升的机会点。想要找到这些机会点,你需要培养自己的产品思维、项目思维和商业思维。


2.1.3 如何培养自己的产品思维


01、多与需求方、业务方(产品经理、运营、市场等岗位的同事)沟通,在参加需求评审的时候,深入了解业务和产品的特点、原理。


02、了解产品流程:在接手某项业务或产品时,先利用思维导图对产品的架构做一次梳理,通过功能结构图你可以清晰地看到产品应该有的功能。在掌握架构的基础上,对产品的核心流程再进行一次梳理,包括线上、线下所有的流程节点、体验接触点和不同用户端的流程触点。


03、多做竞品分析,从竞品中寻找灵感和产品感。怎么做竞品分析具体可查看我的其他文章,竞品分析维度的确定。


04、持续不断地培养自己的思维能力,深入思考、多做归纳总结和分析。在做设计的时候我们也可以让自己的思维慢下来,多去思考:思考一下为什么做这个需求?对用户有什么价值?对产品有什么价值?对业务有什么价值?设计、产品、运营应该怎么做才能达成这个目标?我们的做法对业务、对产品有什么影响?设计方案能不能很好地平衡业务和体验的关系?



2.1为什么要进行需求分析

01、用户不知道自己真正想要什么。

02、用户难以说出自己的真实需求,用户在阐释自己的需求时,就会不自觉地粉饰和解释自己赤裸裸的本质需求。例如:那些刷视频就能领红包得产品,但为什么它最近不火了,这类产品的人群,本质需求是:通过刷页面领红包,获取更多的钱,这类人根本不关心内容是什么、内容质量怎么样,这就造成了内容的触达效果非常差。


2.2 用户需求分析步骤


2.2.1 筛选出目标用户


01、了解我们产品的目标用户群体和现有产品用户群体,掌握用户基本信息,分析用户特征。(Who)用户是哪些人:性别、年龄、地域分布、学历收入等。(What) 用户有什么共性。(Why)为什么选用我们的产品。(Where/When)在什么场景下使用我们的产品。


02、通过了解用户得到的所有信息,然后创建用户画像,得出结论。那么如何创建用户画像呢?


       001、人物创建:创建一个虚拟的用户群体中的一员,利用我们上面提到的用户相关信息,可以给他/她一个插画风格的照片帮助我们具体化这个用户的人格和形象。然后列出他/她的基本信息,给他/她定一个社会角色,比如:小王,男,28岁,销售经理,我们产品的熟练用户,月收入2万,学历本科。

        

       002、分析动机:这个人物用我们的产品想干什么;这个人物对我们产品某个功能使用较多,需求较强的原因是什么,想达成什么样的个人目标。


2.2.2 提炼核心需求


可以通过用户画像推测用户的心理特征和行为偏好,积累了以上信息,你就比较容易进行需求的分析和挖掘了,提炼出解决用户需求的核心的痛点。例如:解决了用户在特定场景下的某一个核心痛点,满足了用户在当前场景下特定的诉求/需求。例如:共享单车产品就是解决了从车站、地铁站到家、工作单位最后一段距离的出行痛点。例如:地图软件解决的是陌生地区找不到路和易违章的痛点。


2.2.3 找到本质需求

01、了解人性:做设计就是做人性,只有把握好人性的特点才能更好地满足用户心理,进一步引导用户行为。马斯洛需求层次理论,人的需求从低到高可分为 5 个层次:我们就可以试着洞察用户在特定场景下的本质需求到底是什么了。生理需求(呼吸/食物/水):现代社会其实就是对生存条件的追求;安全需求(避免自己受到伤害);

社交需求(爱与被爱/社会关系/地位)对情感的需要;尊重需求(被自己认可/被他人认可和尊重)对稳定社会地位的需要;自我实现需求(道德层面/内心层面的追求和满足)。


所以用户的本质需求无外乎:生存、金钱、情感、名利、心理满足这几个方面。


02、将用户叙述的需求,转化为本质需求:比如:有的用户说,上品商场最近优惠券怎么少了?我都不想去上品买东西了。用户表意是嫌优惠券少,如果我们草率得出:增加优惠券运营力度的结论太过于表面,其实用户的本质是嫌商品太贵了,他们的本质需求是省钱,少花钱且买到想要的东西。而这类用户是对价格极其敏感的用户,增加优惠券只是其中一个策略,是无法满足他们根本需求的。根据他们省钱的本质需求,我们可以给他们更多地推荐低端商家,哪怕没有优惠券,还是能提升一波 GMV。


进而转化成设计目标为,要通过我们的设计能力,给用户营造一个很省钱的氛围,而不是一味地给用户降价或是发优惠券。规划更多的秒杀、每日特价、分享领券等活动专区,在设计页面时增加优惠券、红包等元素,突出省钱、低价等文案,可以有效地吸引此类用户,引导他们下单付款。这就是本质需求的应用方法。


2.2.3 拆解挖掘到的本质需求———KANO模型

工具——KANO 模型问卷调研,主要依据是用户调研,可以通过定性访谈的方式,对部分用户进行了解,大概了解用户对需求的态度;也可以通过定量问卷的方式,通过问卷获取比较有参考价值的数据信息不同类型的需求和用户满意度之间的关系,将影响用户满意度的因素分成五类:


基本型需求:无此功能,用户满意度会显著降低;有此功能,用户满意度不会显著提升。

期望型需求:无此功能,用户满意度会降低;有此功能,用户满意度会提升。

兴奋型需求:无此功能,用户满意度不会降低;有此功能,用户满意度会有显著提升。

无差异需求:有无此功能,用户满意度都不会有太大变化。

反向型需求:无此功能,不会影响满意度;但有此功能用户满意度会下降。


经过需求分析我们会拿到大量用户需求的相关信息,在取舍和决策时我们可以使用三个原则 + 一个工具:01、

围绕本质需求和痛点;关注与业务不相悖的需求;解决影响用户峰值体验的问题;在做分析时可以利用 KANO 模型,重点关注模型定位出的基本型、期望型需求,适当关注兴奋型和反向型需求。



至此,我们掌握了产品分析的第一步,也就是找到设计的方向和基本依据——用户需求;下一模块我们将进入需求分析的第二步——场景分析,来找到设计可以利用的机会点、切入点!


3.1为什么要进行场景分析


3.1.1 场景是产品设计的基础

01、任何产品的诞生都是基于用途,牙刷为了刷牙、菜刀为了切菜、汽车为了出行……生产这些产品是为了满足用户的需求,而生产产品时需要考虑的因素如外观、材质、设计细节等则源于用户场景。

02、互联网产品其实也是一样的道理,产品基于用户的一些需求或者痛点而诞生,基于用户的使用场景做功能和细节体验。


3.1.2 场景分析的核心能力就是同理心

站在用户的立场思考细节:必须首先知道用户需要什么、喜好什么、讨厌什么、不能接受什么,才能进一步改善我们的产品。基于用户的目的、行为偏好等研究用户在场景里的行为、情绪,从而深入场景,做出正确的决策。


避免主管的质疑和批判:有的用户会有各种各样“奇葩”的反馈,所以我们要多理解用户的选择和立场,避免主观的质疑和批判。


学会聆听和关注反馈:在日常工作的沟通、对用户的访谈中,我们可以试着多用心倾听对方的表达。



3.2 怎么做场景分析——三个工具一个方法


3.2.1 用户体验地图(流程分析)


3.2.1.1概念

01、还原用户体验产品的流程(分析的是场景中的线,包括流程线、行为线等。)02、列出用户与产品、与线下场景有联系的所有触点。03、通过这些触点掌握用户的操作轨迹和行为特征。04、分析用户的体验感受。


3.2.1.2 “五步法”梳理体验地图全流程

01、明确分析对象:最重要的是确定一条明确的流程线,分析的产品某个功能或者某个服务/体验流程,并非用户。


02、拆解体验流程:把分析的流程进行拆分,拆成一个个体验节点实际场景设置节点。比如网约车的产品,要根据用户在线下叫出租车的体验场景来拆分,可以拆成走到路边、招手拦车、上车、行程中、支付下车等几个重要节点,然后根据这些节点来考虑和分析是否有优化或者需要颠覆的地方。


03、创建用户画像:主要从用户的基础特征、用户的心理和偏好等信息去做画像,最后可以形成一个稍稍具体的角色。


04、分析阶段:制作表格,把每个节点的信息进行分析推测和记录。例如下面表格:



横向:第二步拆解出来的所有的流程节点。


纵向:用户与产品的触点:就是用户如何操作我们产品,点了哪里、在哪里停留时间较长,这都是通过埋点数据可以看到的。


用户目标:从用户的使用数据和用户访谈中获取相关的用户信息,通过用户的行为和他们表述的信息找到他们的立场、目的和利益点,从而分析他们想要什么。


用户行为:为了这个目标会怎么做。


结果:看我们的产品页面信息、流程及功能能不能满足用户上述的目的和行为即可。


用户情绪:用户的目标和我们触点是否契合,最终的结果是否能满足用户的需求和目的,没有满足的时候情绪低落到什么程度,满足的时候情绪会高涨到什么情况,哪里是最低谷,哪里是最高峰。


05、得出结论重点要看的是用户情绪的起伏。找到最低点,看哪些节点影响了用户的体验,就是产品的痛点,也是我们的设计发力点和机会点。


3.2.2 同理心模型(节点分析)


3.2.2.1概念

同理心模型适合分析我们产品体验流程中的某个节点或细节功能,不适合进行流程化的分析。包含所看、所听、所做、感受、所想。


3.2.2.2同理心分析方法


01、明确我们分析的对象是什么:比如:网约车用户在打车等待接单的环节;比如电商产品确认订单的环节;这些环节这些环节和节点都有共同的特点,就是集中在有限的一到三个页面中,用户的核心操作比较简单。


02、首先把图表画在白板上,用便利贴写出所看、所听、所做、感受、所想,五个维度的想法,


03、然后进行集体讨论,把这些便利贴提炼总结,归纳出重点信息,通过这种方式可以避免一个人闷头思考的局限性,也可以保证思考的全面性。


04、接下来对这个图进行行为总结,找到用户行为的原因,分析用户的偏好和习惯。


05、最后通过用户情绪和感受,分析我们产品体验的问题。



3.2.3 情感化设计(节点分析)


3.2.3.1情感化设计要素

本能层

亲切:通过情感化设计,营造亲切的氛围,拉近与用户的距离。比如:百度地图可以在导航设置里将导航车标设置成自己的汽车品牌,当看到自己车的车标在地图上移动,用户就会感觉非常亲切和熟悉。


安全:让用户感到人身、隐私的安全。比如:哔哩哔哩在登录界面输入密码时的二次元形象会有捂眼睛的动作。


互动:我们的产品流程和功能的实现需要用户的参与。比如:用户刷新网页时,由于网速较慢、需要较多的加载时间,在加载的过程中,有很多网站会提供一些互动小游戏。用户参与进来了,整体等待的时间也就显得没那么漫长,这种互动既可以缓解用户的焦虑情绪,又能有效防止用户跳出。


惊喜:人们对一件事物的判断往往会基于最初的信息。所以如果我们在提供最初的信息时就给予用户更好的结果,一定可以给用户带来惊喜。花小猪在打车时先出现原价,然后弹出优惠券动效,价格数字也哗啦哗啦往下降,这个不断下降的数字就利用了锚定效应,给予用户一定的惊喜。


行为层

关怀:考虑用户的使用场景,在场景下给予用户细节上的功能推荐或操作建议。比如:美团外卖,在天气恶劣时会提前提醒用户:为避免延误用餐时间,请提前下单。比如:滴滴出行,在用户经常通勤的时间段也会自动提示:由常用起点至常用终点的路线派车大概需要XX分钟,点击即可叫车


预期:难以避免需要等待、甚至反复操作的情况,此时为避免用户跳出,你需要在细节上做好预期管理。比如:我们在用支付宝还信用卡时,支付完成后我们能看到已提交——待银行处理等环节的流程提示。比如:我们在填写一个需要补充大量信息才能注册的网站账号时,网站顶部一般会有注册步骤的导航。当然以上只是最基础的预期管理,如果你的文案能更俏皮一点,视觉效果上增加一些 IP 、甚至动画就更好了。


反馈:对用户的操作及时给予回应,尤其是异常场景,需要使用用户更容易接受的方式给予反馈。


反思层

情怀:能给用户带来情感上的力量。


品牌:在产品的配色、排版、控件样式上体现品牌的统一调性。在产品的体验流程中贯穿品牌的价值。比如:在京东自营的店铺购物、使用京东物流的产品会标明“京东物流”,在确认订单页也有“京准达”的功能选项,京东通过这种方式,将自营物流、快速到达的品牌特性一一表达。


价值:实现更大的社会价值,从而提升企业形象。比如:商城的包装箱、腾讯的 404 网页上都能看到一些被拐儿童的寻人启事,因为这些网页和包装材料的传播力极大、传播范围极广,可以带来良好的社会公益效益。


3.2.4 故事版

故事版:体验地图和同理心模型,可以分别从流程到节点对场景进行分析,那么这些场景如何归纳和表达,以供大家决策和评审呢?需要站在用户需求的角度讲故事。故事板这种漫画/故事的形式易于被受众接受,在阐释需求、说明方案时具有更强的亲和力和说服力,


描述过程:创建的虚拟人物;明确关键节点;找到虚拟人物在整个故事中所有行为和目的。



产品思维、需求分析、场景分析这三部分是产品设计三个基本要素,做好这些分析能帮助我们了解产品、业务与用户之间的联系,从而做出体验好、价值高的优秀产品。这些分析都是我们进入设计工作的前期信息和准备依据。接下来我们要做的就是明确设计目标。



4.1为什么要明确设计目标

01、一接到需求就马上打开软件开始往上铺图,遇到被卡住的情况,没有办法继续做下去,总在纠结。

02、有时候产品经理对某个需求也提不出很明确的方向,我们设计的时候能搞出几个方向的方案,但是不知道如何决策。

03、我们在着手设计的时候就没有想好我们输出这个设计图的目的是什么,比如需要促进产品什么转化、解决用户什么痛点、解决体验上哪些问题?

04、我们做这些工作的目的是XXX,只有达到这个目标我们做了这么多工作才有意义、有价值。

05、在日常工作中你也会发现,产品设计不等于纯创意设计,产品设计的关键价值在于发现和解决问题,通过对体验流程和页面细节的处理/优化,得到我们期望的用户反馈和业务数据。


4.2 整个项目设计思考的流程

01、设计目标的来源是用户目标、业务目标和产品目标,依据这三个目标,我们将其转化为设计目标;

02、然后是将设计方案朝着既定目标实施,在方案的流程和细节里体现/实现我们的设计目标;

03、上线后,及时收集和整理设计目标、产品目标相关的数据和用户反馈,验证我们的设计方案有无达到目标;

04、然后规划下一步的迭代方向。



4.3 怎么设定设计目标“三步法”

01、明确用户目标和产品目标:设计目标的根本是产品目标,产品目标的根本来是业务目标和用户目标,也就是业务的规划和用户的需求、痛点。因此在实际操作中,第一步我们要先明确我们的产品目标是什么,产品目标大多和用户的转化、功能的使用率有关,我们朝着这些方向分析一般不会有较大偏差。


02、通过上面目标找到与之相关的关键用户操作:比如点击加购按钮、比如完成付款验证操作、比如填写全部表单信息。


03、将关键的用户操作转化成可以衡量的数据指标:将这些关键的用户操作转化为可以衡量的数据指标,比如加购 BTN 的点击量、订单提交后的付款成功率、比如表单信息的完整率。因此设计目标必须是可量化的,产品使用数据和业务数据,比如点击量、退出率、取消率、跳出率等,才能在设计方案上线后正确评估我们的方案有没有完成设计目标。



5.1怎样跨越设计难点

01、先去定位设计难点,找到设计重点,再着手设计。完成主流程后再去解决小问题。

02、接着列出流程或需求点,对设计方案有大致框架;

03、然后针对流程中每个节点列举可能会出现的问题把精力放在影响设计目标和用户核心体验的重点问题上。


5.2怎样解决设计难点

精益创业模式里有一个 MVP 的概念,我们现在产品研发中的敏捷模式也是源于这个概念。简单来讲,就是用较小的成本先做出一个产品,然后快速上线,验证业务模式、产品策略和用户体验等问题,然后小版本快速迭代,进行优化。



参考资料:

《用户体验干货笔记》

《用户体验要素》

《腾讯产品法》

《交互设计知识体系》




C端设计前的准备工作,其中重点在于学会需求分析和场景分析。具体掌握需求分析的核心方法步骤,和场景分析中用到的三个工具用户体验地图、同理心模型、情感化设计、和故事版。需求分析、场景分析是产品设计的基本要素,做好这些分析能帮助我们了解产品、业务与用户之间的联系,从而做出体验好、价值高的优秀产品。这些分析都是我们进入设计工作的前期信息和准备依据。


接下来我们要做的就是明确设计目标,设计目标的来源是用户目标、业务目标和产品目标,依据这三个目标,我们将其转化为设计目标,然后将设计方案朝着既定目标实施,在方案的流程和细节里体现/实现我们的设计目标,在产品上线后,及时收集和整理和设计目标、产品目标相关的数据和用户反馈,验证我们的设计方案有无达到目标,然后规划下一步的迭代方向。

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

文章来源:站酷 作者:morning_c

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

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

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


剖析车载界面设计

涛涛

       HMI是Human Machine Interface 的缩写,“人机接口”,也叫人机界面。凡是参与人机信息交流的领域都存在着人机界面。本文将深度剖析车载界面的设计要点及注意规范。

       智慧城市的建设趋势越来越显著,政府对于汽车智能化、信息化发展非常重视,汽车驾驶体验感与个性化的设计也会成为我们对于汽车选购的参考和方向,自从人们对于用户体验的重视,人机交互设计工作内容也成为重要环节。

       对于人机界面,首先我们要明确一些概念。


1、人机界面与人们常说的“触摸屏”有什么区别?

从严格意义上来说,两者是有本质上的区别的。因为“触摸屏”仅是人机界面产品中可能用到的硬件部分,是一种替代鼠标及键盘部分功能,安装在显示屏前端的输入设备;而人机界面产品则是一种包含硬件和软件的人机交互设备。在工业中,人们常把具有触摸输入功能的人机界面产品称为“触摸屏”,但这是不科学的。


2.人机界面产品中是否有操作系统?

任何人机界面产品都有系统软件部分,系统软件运行在HMI的处理器中,支持多任务处理功能,处理器中需有小型的操作系统管理系统软件的运行。基于平板计算机的高性能人机界面产品中,一般使用WinCE,Linux等通用的嵌入式操作系统。

       我们做的交互场景是有车辆行驶的,所以首先是要考虑安全因素,美观其次,因此在特殊环境下操作车载系统,我们无法用传统移动端沉浸式的设计思维来设计车载的界面与功能,需要放下所谓的美学,紧扣实际场景下的交互方式与用户需求来设计,因为在极短时间内导致我们必须对所有可能用到的功能入口一步即达,对信息的布局必须做到一眼即见。



       汽车HMI有自己的设计原则和设计规范以及美学理念。

汽车行业本身是一个有着强烈美学理念和设计规范的行业,其实准确的说应该是汽车HMI中控设计是基于自身传统规范,结合互联网移动端和Web端的基础上,慢慢形成了一种新的设计规范。


       在开始讲解之前,我们首先要了解官方的一些设计规范。

1. 阿里 Alios 开放平台

https://miniapp.alios.cn/index#/document

2. 百度车载生态开放平台

https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html

3. 谷歌驾驶

https://developers.google.com/cars/design/design-foundations

4. 苹果 Apple Car Play

https://www.apple.com.cn/ios/carplay/

5. 华为车机三方应用交互设计规范

https://developer.huawei.com/consumer/cn/doc/50902

   

       我们还要了解车内屏幕的类型,主驾驶前面的仪表盘、HUD和中控屏幕,副驾驶和后排的娱乐屏幕。

1. 仪表盘

汽车仪表盘是反映车辆各系统工作状况的装置。一般由时速表、转速表、机油压力表、水温表、燃油表以及电子指示灯等组成。汽车仪表是驾驶员与汽车进行信息交流的重要接口。当今纯液晶屏的仪表盘占市场主导地位,纯机械、灯显、段码将退出历史舞台。

2. HUD

平视显示器(Head Up Display),最早是航空器上的飞行辅助仪器,运用在战斗机上,由于战斗机上很多信息需要飞机驾驶员随时查看,避免驾驶员低头看仪表而分心,随后又普及在民航客机上,由于HUD的方便性以及能够提高飞行安全,这项技术后来也发展到汽车行业,汽车搭载的HUD抬头数字显示功能,是利用光学反射的原理,将重要的行驶信息胎压、速度和转速等信息投射到驾驶舱前段玻璃上面,在驾驶过程中不用分心看仪表盘,减轻眼睛的疲劳,给驾驶带来便利和安全。


       此前,HUD前装市场基本被日本精机、德国大陆、日本电装、伟世通等国外巨头垄断,且竞争格局高度集中,前五名企业市场份额超95%。近三年,随着国内智能驾驶技术商业化落地加快,不少自主品牌供应商开始崭露头角,且爆发力十足。HUD的发展会越来越迅猛,原因主要有以下几点。

1、HUD作为ADAS人机交互的窗口,可以呈现驾驶辅助信息,提升驾驶的安全性和舒适性,使驾驶者拥有更佳的应用体验;

2、为提升市场竞争力,车企对自动驾驶和智能座舱重视度提升,尤其是自主品牌车企近年在国家智能网联发展战略的推动和扶持下,转型动作快、力度大,产品创新和应用上也更加大胆和前卫。、

3、HUD技术上取得突破,显示效果大幅改善;

4、随着技术升级,HUD配套价格逐渐下降,性价比逐步提升;

3. 娱乐屏幕

后排娱乐屏更像是一个平板,主要功能点为视频、音乐、游戏等等,帮助后排乘客打发时间,所以后排的娱乐系统就是为娱乐而生,无需考虑安全性。

车载界面的设计原则

1.迅捷性

与人们常常所说的三秒设计原则类似。移动端系统为沉浸式操作,而车载系统不一样,在驾驶过程中,用户95%的精力在于聚焦驾驶上行为上,用户只能抽取仅5%左右的精力与时间来操控车载。因此也就决定了车载系统的功能逻辑,信息布局都必须在极短的时间内以最好的方式呈现。

而如果用户没有在这个时间以内完成操作任务,要么用户选择放弃,重新再来;要么用户花费更多时间和精力,但这样驾驶的危险系数会成倍增长。经笔者多次在不同路段试验,统计下来平均每次操作,即视线与注意力专注在车载上的时间,无法超过三秒,事实上,当进入第三秒时,已不得不需要利用余光开始注意前方路况了。

因此,在三秒以内,无论是用户第一次操作失败,重新注意路况后,再重复操作,还是用户持续操作直到任务完成,都是非常危险的行为,在这里,由于用户试错的成本非常巨大,也因此交互的设计与信息布局的设计都需要做到最极致的状态。


       随着大屏、多屏化的发展趋势,触摸和语音控制应时而生,为了增强操作合理性,以及减少或避免触摸屏的误触功能。从信息输入来看,以触控、语音为主,手势、视觉交互为辅;从反馈输出来看,以视觉、语音、触控交互为主,嗅觉交互为辅。

人机交互定义需要区分车辆是行驶中还是静止状态,车辆在行驶中,对于需要驾驶员操作反馈的交互行为需要遵循3S原则(上面提到的三秒原则),降低安全隐患。甚至有一些交互动作在车辆行驶过程中需要禁用的。

2. 聚合性

得益于计算机算法的强大,汽车功能越来越完善,信息量也越来越大,为了让用户有更好的体验,避免过多信息的干扰,必须做到界面显示轻量化。

这也是为什么飞机驾驶舱内、国际空间站内的各种操控开关拉杆都是星罗密布式的摆放,并非以如今的科技无法做到像科幻片里一样简洁干净的操控台,而是因为考虑到在实际应用场景下,专业素质的人员不需要也没有时间去欣赏美观的界面,学习我们所认为的交互方式。


保障关键信息是醒目的,容易让用户视觉快速捕获,在各种环境场景下具有良好的可见性和易读性,无需驾驶员费力寻找和识别。

3. 及时性

这里所说的及时性指的是反馈信息的及时性,我们要考虑实现全方位的信息提示,着重考虑视觉层面和听觉层面。

在驾驶的过程当中,司机的双手被占用,于是眼睛和耳朵感知要提高,与移动端的视觉显示不同,HMI设计师需要注意除了基础的视觉显示规范外,还需格外注意与安全相关信息的展示、视觉警告、文字易读性和显示眩光等显示问题。

在车辆行驶过程中,对于司机来说,听觉反馈也是很有必要考虑的场景,通过语音反馈司机需要获取的信息,能让司机尽量保持视觉焦点在路况上。多场景的融合考虑信息获取的效率,能减少在开车过程中的安全隐患。

我们不仅要考虑设计层面,还要考虑到交互层面。

交互方式

(1)触控

这里分两种,一种是通过按键控制;一种是通过触屏控制。

都是通过不断的触控功能按钮行程锻炼肌肉记忆,现在的趋势越来越趋向重触屏,轻按钮,这样不仅系统迭代成本小,功能可以动态分布。

但是对于一些精准调节的功能还是按键控制好一些。

微软 的Surface Dial可以给我们很好的启发,智能旋钮可以解决大部分屏幕调节的不精准的痛点,而效率又高。

(2)语音

在汽车人机交互中,语音交互被认为是车内场景下最自然的交互方式,而语音交互需要一个载体来传达多样化的情感。

语音控制的前景主要在于两个因素,一个是可以把除了界面以外的利用起来,一个可以与HMI自由交谈,二是最小化HMI手动操作产生的干扰,增加安全性。

(3)手势

手势交互是对语音交互、触控交互的很好补充,能够让车主通过简单的手势和语音就能完成车内的交互任务,也是能够增加交互趣味性、表达情感、传达情绪的另一个自然交互方式。

常用的手势:单指滑动(上下左右)、双指滑动(左右)、五指抓取等。

HMI的交互手势不同于手机和IPAD,手机和IPAD握在手里,左右手都可以操作,多指组合的可能性也多,而HMI的手势定义,更多的是需要满足驾驶员的使用场景,屏幕是固定在车上的,要规避掉一些不方便的手势。

比如双指往上滑动就很不方便,向上推不灵活,也有阻力。

       所以要想系统整体跳出基础可用性范围,进阶到好用的层次,系统对各种复杂交插的应用场景的处理需要更加智能(如导航中的来电,紧急路况的提示),对车内环境控制(如声音、气温)需要更加敏感。车载系统的设计相比于移动端有着更明显的约束,不论是从空间、时间、行为、心智,都有着明显独特的场景和特点,要做好车载系统设计,我们需要有丰富的同理心以及亲身体验并反复验证设计。

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

文章来源:站酷 作者:弧形线

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

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

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



在VR当中,尼尔森10大设计原则是否依然适用?

涛涛

这篇文章出自著名的尼尔森诺曼集团(nngroup),也是著名的尼尔森十大设计原则的提出者。文章作者 Alita Joyce 在这篇文章当中深入探讨了尼尔森十大设计原则虚拟现实设备中的具体应用,对于正在探索VR中 UI 设计的同学而言,有着非比寻常的价值:

对于界面,现在已经不再仅仅局限于传统意义上的网页界面和移动端 UI 了,从广泛意义上来说,虚拟现实,增强现实,这些界面同样开始在一定程度上开始普及和应用了。Jakob Nielsen 的界面设计 10 大可用性启发式是否依然适用?今天的文章,希望能够给你答案。

这篇文章将会重新探讨在 虚拟现实 的应用场景之下的 10 种设计启发式,而主要的测试设备用的是 Oculus Quest 头戴式虚拟现实设备。

注意,文中所用到的截图来自 3D 的虚拟环境,在 2D 环境之下查看的时候,它的阴影效果和视觉畸变会显得比较不太正常,但是实际效果并非如此。

1、状态可见性原则

系统应该在合理的时间周期内,给予及时的反馈,让用户能够了解正在发生的事情。

清楚地呈现当前的系统状态,能够促进产品的可信度和可预测性。

在 Oculus Quest 的主要导航当中,采用的是通用的菜单设计,左下角会始终显示相关设备的电池电量的状态,而这三个状态分别代表的是左右控制器和头戴设备本身。每个点代表的是 25%的电量,当你将光标移动到上方的时候,可以看到更为具体的电量百分比。这种信息呈现的方式,将会直接影响到用户在日常使用时候的决策。

在VR当中,尼尔森10大设计原则是否依然适用?

同样的,在虚拟宠物交互游戏 Bogo 当中,心型的图标将会一直以明显且易于理解的方式,告诉你你需要积累多少能量才能进入下一个阶段的冒险。一旦图标被填满,就可以继续。

在VR当中,尼尔森10大设计原则是否依然适用?

2、环境贴切原则

设计应该以用户熟悉语言和方式来传递信息,而不是使用专业术语。

绝大多数人几乎没有在虚拟现实中进行操作的经验,仅有在现实当中交互的经验,而这些经验大都是基于真实的数据和物理规则来的。所以,用户需要根据现实世界中的心智模型来预测 VR 世界中的用户交互,而这是非常合理的。而事实上,由于虚拟现实和真实世界在维度上的相似和可迁移性,相比于2D设计师而言,3D设计师更容易实现经验上的关联。

Immersed 是一种虚拟现实的工作环境,它让用户在咖啡馆和会议室这样大家比较熟悉的环境之下进行协同合作。在这种熟悉的环境之下,用户可以在白板上集思广益,就像在现实世界当中一样。不过在这个数字化的环境之下,绝大多数的交互逻辑和现实世界类似,还有一些交互则是更为数字化的,比如可以进行锁定和解锁。

在VR当中,尼尔森10大设计原则是否依然适用?

3、用户可控原则

用户经常会出现错误的操作,用户需要有明确的「出口」来帮助他们终止不需要的操作。

身陷虚拟现实的环境之下,可能会是非常沮丧的。通过「返回」或者「退出」这样的按钮,快速地结束让自己不适的状态和体验。

比如在电子游戏 Beat Saber 当中,可以自定义和随机生成角色形象,即使不小心点击了死亡按钮,同样可以通过点击「取消」或者「返回」按钮来消除错误的操作,恢复之前的状态。

在VR当中,尼尔森10大设计原则是否依然适用?

而在ESPN的应用当中,当提示用户使用 Comcast 或者 Hulu 等供应商帐号来登录的时候,用户路径是单向的,如果用户改变主意想要折返回去换一个方式登录,会发现再也无法进行选择。在虚拟现实的环境之下,类似的状况会更加令人沮丧,后退按钮将会是用户进行折返的主要方式,否则他们可能会选择直接关闭硬件。

4、一致性原则

用户不会因为术语感到迷惑,不需要怀疑不同的情况是否意味着同样的事情,设计和体验遵循着平台的规范和行业的范例。

对于你的 APP 或者网页而言,你的用户将会把绝大多数的时间和精力投入在你的产品之外的地方,因此,你需要尽可能遵循通用的设计标准和逻辑,来贴合用户的通常习惯。违反这些通用的逻辑,会增加用户的认知负担。

切换式开关是一种非常常见的、几乎在所有的数字界面中都看到的一种开关。在虚拟现实环境下,其实也非常常见。用户可以在两种互斥的选项之间,做出选择,比如打开或者关闭开关。在Gravity Sketch 这个3D绘图工具当中,本来应该设计成成切换式拨动开关的按钮,被设计成为一个滑块,带来的体验是非常混乱的,增加了不必要的交互成本。在设置界面当中,如果用户想要打开网格的选项,需要先单击按住这个选项,然后拖动,这样的交互涉及到2个不同的维度,比起日常的交互要更加费力,并且无法满足绝大多数用户对于这一功能的期望。尽管在这些设计功能的选取上,并不够优秀,但是起码 Gravity Sketch 的内部,整套设计系统是一致的,并且在视觉设计上保持着高度的一致。

在VR当中,尼尔森10大设计原则是否依然适用?

在VR当中,尼尔森10大设计原则是否依然适用?

和 Gravity Sketch 不同,Oculus 当中的拨动开关遵循着设计标准。

5、防错原则

正确的错误提示信息是非常重要的,但是好的设计会尽量提前防止问题发生。要么消除容易出错的情况,要么尽量在用户提交某些操作之前,提供确认操作的选项。

考虑到虚拟现实交互本身的特殊性,用户无法在移动的时候看到现实世界的状况,因此通常会设置一个安全范畴,避免撞到或者被绊倒。

通常用户需要预先设置一个监护人和运动的边界。在 Oculus 当中,当用户在操作过程中接近预定义的监护人或者边界的时候,会提示用户安全距离和范畴,确保体验的可靠和安全。比如人在 Vader Immortal 这个游戏当中,当用户即将超出范畴的时候,会出现如下提示:

在VR当中,尼尔森10大设计原则是否依然适用?

这些信息通常会:

  • 巧妙的鼓励用户尽量移动到相对更开阔的区域
  • 在游戏的时候强调安全,避免物理伤害,防止出错

同样的,在国家地理的 VR 程序中,如果用户即将离开安全区域,他们会推送安全提示,以此提示用户不要离开区域范畴,否则会丢失活动进度:

在VR当中,尼尔森10大设计原则是否依然适用?

6、易取原则

通过让元素、操作、选项尽可能可见,最大限度降低用户的记忆负荷。用户不必记住全部的信息,借助设计,让用户可以在需要的时候获得必须的信息,或者可以快速检索获得。

人类的短期记忆是非常有限的,在虚拟现实环境之下,交互的情况可能会更加复杂。不要让 VR 用户去记大量的额外信息,避免过重的信息负担。

所以,通常大家会使用工具提示来帮助用户了解特定按钮和图标的功能。有意思的地方在于,Oculus 中,有过多的图标对于用户而言都是全新的,导致系统经常因为过多的工具提示占内存而导致内存不足。通常,用户可以通过悬停在特定图标上,查看对应的工具提示,不过这样依然会需要用户不断去记忆各个工具和按钮的功能。

在VR当中,尼尔森10大设计原则是否依然适用?

相比之下,在国家地理的 VR 程序当中,会尽可能促进用户去识别功能,而非是提供说明,让用户去记忆,尽可能直观地将标签和图标一起展示,让用户直接理解,而无需看解释。

在VR当中,尼尔森10大设计原则是否依然适用?

7、灵活高效原则

好的产品需要同时兼顾到新手和资深用户。新用户对功能需求明确清晰,老用户则更需要高效。产品不应仅仅迎合某一种用户,应该允许用户针对频繁的操作进行定制化处理。

虚拟现实和传统的 UI 界面有所不同,但是同样必须同时兼顾到新老用户。良好的初始设定对于每个用户都很重要,但是应该提供快捷方式和定制化功能,来确保有经验的用户可以按照自己的需求来进行优化。

在VR当中,尼尔森10大设计原则是否依然适用?

Firefox Reality 为用户定制了一个专门的虚拟现实浏览器,用户可以根据自己的偏好来定制浏览器的窗口大小。

在VR当中,尼尔森10大设计原则是否依然适用?

8、简约原则

不要包含不相关的或者低频次的信息和交互,页面中每多一个冗余的信息,都会降低关键信息的可见性。

虚拟现实界面可能会做得比较复杂,那么如何优选出最重要的元素就显得非常重要了。比如 Youtube 的 VR 应用提供了 360 度的环绕视角和优先级极高的搜索引擎和常用标签页。

在VR当中,尼尔森10大设计原则是否依然适用?

而 Pokerstars VR 的菜单设计则显得混乱而分散注意力,在游戏过程中,打开这个开关,会显得特别的杂乱,甚至影响操作:

在VR当中,尼尔森10大设计原则是否依然适用?

9、容错性原则

错误提示信息应该以通俗的语言来表达,指明问题,给出解决方案,而非提供错误代码。

清晰有效的错误提示信息是相当重要的。不幸的是,在 Firefox Reality 当中,如果用户无法使用语音命令,那么无法收到 Firefox 提供的建设性意见。在使用过程中,程序一直无法理解提供的语音信息导致一直提示「请再试一次」。目前尚不清楚这种问题的根源在哪里,但是它们提供的错误信息几乎是没有帮助的。

在VR当中,尼尔森10大设计原则是否依然适用?

Pokerstars VR 则通过新手训练的方式,提供主要的游戏交互,其中复杂的手势可能是绝大多数用户所不熟悉的。如果用户一直无法正确使用手势,那么系统会引导用户使用另外的易于实现的非官方的手势,来达成相同的效果。这种工作流程能够帮助用户识别错误,并且能优化、适应病解决问题。

在VR当中,尼尔森10大设计原则是否依然适用?

10、帮助和文档

系统最好通过合理的设计让用户无需阅读文档就能进行正常使用,但是另外还得提供文档以防万一,并且内容应该是易于被搜索的,针对问题告知用户具体的步骤。

虚拟现实场景下通常包含大量的交互,对于很多用户而言,这些交互可能是复杂的,不熟悉的,在这个时候,有文档能够帮助用户解决问题,重回正轨。

Immersed 为用户提供了快速可访问的帮助文档,并且提供了包括视频教程、问答、文档说明等多种形态的支持。当你在VR 的浏览器中访问的时候i,能够看到组织结构良好的文档信息和关键词系统。

在VR当中,尼尔森10大设计原则是否依然适用?

结语

在虚拟现实应用当中,不合理的用户体验设计会阻碍本身的发展潜力。无论你认为 VR 是被高估了的技术,还是真正意义上的未来,它都一直坚定不移地往前发展。从用户体验的角度上来说,VR 还有很大的增长空间。尽管作为用户界面而言,2D和3D有着显著的差别,但是根本上,用户体验的原则和启发式则是相通的。

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

文章来源:优设  作者:Alita Joyce

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

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

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




2022年LOGO设计新趋势

seo达人


01.重复扩展

这种风格的logo会从核心元素中重复扩展出一系列递减片段,扩散得同时又给人不断消散的感觉。就像在池塘里扔了一块鹅卵石湖面泛起涟漪,经常会让人联想出繁殖、扩散、增值等等意思。这种风格通常会用单色表达,重点突出图形的变化。

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

s

02.星号

另一种流行是关于星号和星号衍生图形的元素,星号在拉丁语中的意思是小星星。无论是五角、六角或是八角、这个符号元素都会给人留下深刻的印象。太阳、星星、花朵、火花,星号的衍生图形可以表达的意思比你想象得更多。

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

a

03.四边形组

对四边形进行四等分,作为一个容器或者说框架来进行设计很容易表达多样性而同时又具有统一的秩序。但是要注意内部元素的简化和整合,否则设计会散乱而牵强。

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

04.转换路径

这个风格很有趣,很难去定义,但是你一看就能懂了,它的特点很明显。往往就是伴随着一个路径的转变,可能像一条扭转的丝带。通常可以表达连续性的同时又具有转换性的意味,就像某个重大时刻或者是一个关键的转变,总之代表一个意义非凡的时刻。

图片

图片

图片

图片

图片

图片

图片

图片

图片

 

05.

对于设计师来说,没有比圆形更基本的图形了,两个圆形相减得出的圈是十分简单的操作,但是更是一种经典的组合。它可以代表永恒、完美、统一、循环、洞、通道等等,结合渐变或是其它形式的设计,又可以呈现出一种新的意义。总之,这个形状所蕴涵的能量还有很多很多!

图片

图片

图片

图片

图片

图片

图片

 

原文地址:设计师深海(公众号)

作者:设计师深海

转载请注明:学UI网》2022年LOGO设计新趋势

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

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

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

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


老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道

seo达人



1、善用黑白

没有想法?没有好的配图?那么就只需要用到万能的黑色和白色,就可以迅速获得一个具有正确构图的“抽象主义设计”。在作品中善用黑白将帮助你理解平衡、留白以及如何使用文字和几何图形。

让我们快速看一个例子,黑白的运用对作品的展示简单而有效,看起来就很高级。

图片

 

2、保持画面平衡

我喜欢用我自己发明的“东西”来测试我的设计,我称之为“平衡方案”。这是一个黑白的内容块方法,我会用简单的几何图形来代替内容。

我的这个方法是让黑色块盖住元素,然后计算左右的黑色面积,大致相等的话,就视为平衡。如果把这个原理应用到界面中,会得到这样的结果:

图片

用黑色矩形替代主要内容,灰色是次要内容。显然你必须靠眼睛观察,但其实我们也可以直接计算。左侧区域的黑色矩形面积之和为(236×138)+(934×132)+(674×44)+(313×69) = 207109px,右边的大矩形面积为(446×446) = 198916px。他们之间的差别很小,误差只有3.9558%

我现在在设计之前不用去计算,经过多年的练习,这种意识就变成了自然而然的事情,因为你的眼睛会感觉到不平衡。

(彩云注:关于视觉平衡,这里其实讲的是视觉面积要大致相同,人眼才会感知到平衡。正好彩云在上一篇文章《为什么你的设计总感觉不舒服?很可能是视觉平衡没有做好》中有分享更全面的画面平衡知识,一定要读一读了。)

 

3、给作品增加背景

我在前面那个例子中是用了一个灰色的背景来展示设计作品,但其实可以尝试不同的元素,这有助于增加画面空间感和背景效果。

但要注意,在一个真实的网站中,页面周围可能没有这么多多余空间,所以这只是一个作品展示技巧。

图片

在上面这个作品展示中,咖啡豆给人的感觉是有深度和有品质的。

 

4、使用规范字体大小

不用浪费时间整天去测试尺寸。我建议段落文字尺寸大约是14-18pt,副标题是24-36pt,标题可以用更大一些的字号(我个人是习惯用96-144pt)。Figma的默认大小非常适合排版。

上面的尺寸看起来太小,这也正常,因为你在手机上看到的图,在电脑上全屏看就是正常的。

注意:有些字体比其他字体大或小得多。你应该使用像Roboto这样的标准字体,如果字体大小跟14-18pt的Roboto差不多,那么它是完美的正文字体。

图片

段落18,导航24,标题96

 

(彩云注:我建议刚入行不久的小伙伴,比如不知道网页规范,移动端规范,一个比较快且行之有效学习规范的方法就是去截图大厂的应用,网页和APP都可以。然后,对着截图直接量就好了,记住人家在做界面的时候,字体用多大,什么颜色,间距,字号等等。记住这些参数,至少不容易出错了。之后,在自己项目中自定义规范,关于设计规范如何制定我之前也专门写过文章,想了解这块知识的一定要去看看《原来设计规范要这样理解,早知道就好了!》)

 

5、增加z轴

如果你有一些透明的图片,可以利用它们来设计一些3D图层。如果你没有,你可以使用remove.bg ,网页版AI自动抠图,神器!

作为CSS中的Z-index,你可以将透明图片放在其他项目的后面或前面,给人一种三维的错觉。这对增强设计感来说,是非常有效的。

让我们看看我使用这种技术的一个简单设计。

图片

鸟嘴巴从绿色背景中出界到黄色背景中,强化了整体的视觉冲击力。

 

6、 使用高级浅色

明亮的颜色很棒,但没用好的话,往往会导致激进的设计和糟糕的画面。此外,浅色设计(性冷淡设计)如今非常流行,所以让我们开始尝试颜色选择器的一个新区域。

图片

在这个红框范围内可以快速选到一些比较好的颜色

图片

图片

两种配色都没有啥问题,这是一个审美的问题,但如果你想要表达一些更高级的设计感觉,可以尝试浅色。

 

7、打造呼吸感

在我看来,大的留白比太少的留白要好。杂乱满档的设计很糟糕, 呼吸感可以通过多种方式获得:

  1. 让背景大面积保持可见
  2. 善用间距,避免出现文字墙效果
  3. 使用不会引起太多关注的图片
  4. 精简文字,保留朗朗上口的短语
图片

图片

更大的留白(在上图中指的是黑色区域)会显得更加高级。

 

8、加入噪点

通常当我们思考设计时,我们想到的是干净、流畅、清晰的概念。但太干净的画面会让人感到不真实,缺乏质感。

在设计中,噪点是一个很好的朋友,尤其是当你想给你的网站有一个优雅或艺术的外观时。此外,应用一个微妙的噪点让画面能有一个电影级的外观,这种处理手法非常适合用在视频和动态网站中。

你可以使用Photoshop在白色背景上创建2-4K大小的杂色-高斯分布的纹理,然后将它放到页面的最上层。

图片

整个网页中都增加了一些噪点,这让画面整体拥有更强的质感。(这里噪点的效果比较微妙,小图可能看不清,放大可以看到噪点效果)

 

9、使用漂亮的字体

其实有很多设计的比较糟糕的字体,尤其是那些预装在我们电脑上的字体。可以从网上找到很多优秀的第三方字体,但是要小心:很多字体都不是免费的,没有授权就使用它们可能会给你带来麻烦。不过,别担心,可以从这个网站中找到很多免费的字体 https://alternatype.net

有很多不同的字族和风格,但总的来说,我把它们分为三大类:

  1. 衬线字体
  2. 无衬线字体
  3. 正文字体

常用的衬线字体,如Abril Fatface, Playfair Display, Volux, Chalga等。

无衬线字体包括Metropolis、ITC Avant Garde、Redwing、Takota、Gotham….

图片

 

10、使用几何图形

这可能是最难使用的技巧,但如果使用正确,它定会大放光彩。

使用几何图形有助于加强概念和布局中的顺序,甚至不需要配图。找到合适的几何形状是困难的,我至今仍然不能很好地掌握它。

一个好用的技巧是将文案中的字母、数字和标题作为几何形状:让它们变得巨大而巧妙,或者使用一些特殊的字母作为形状(A很管用)。(这个技巧非常实用,彩云经常在一些视觉内容较少的页面,用一个大的几何图形比如大写的字母作为底部背景,用很浅的颜色,看起来视觉上就能更丰富了。)

图片

 

本文翻译已获得作者的正式授权(授权截图如下)

图片

 

原文地址:medium

作者:Lorenzo Doremi

译文地址:彩云译设计(公众号)

译者:彩云Sky

转载请注明:学UI网》老板说作品没有设计感,这10个优化技巧简单有效,你一定要知道

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

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

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

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




游戏UI设计项目分析–狼人杀

seo达人



图片

狼人杀作为聚会必备推理类桌游非常火爆,“一入狼坑深似海,从此节操是路人”。

一局APP自研时下最火的线上桌游【一夜狼人杀】,这款桌游不同于以往逻辑推理版狼人杀,没有夜里死亡,适合休闲娱乐,满足每个人的参与感,更像是真相探索游戏。

本文以制造积极情绪、打造体验峰值为设计目标,设定游戏世界观,构建游戏故事背景,绘制精美插画,赋能魔力特效,打造标杆小游戏。解密小游戏设计秘籍,接下来让我们揭开小游戏设计的神秘面纱吧。

图片

1

故事背景-设定世界观 代入故事情境

欢迎来到一夜狼的世界,夜幕降临,一群身怀绝技的冒险者们准备在幽暗的森林里度过一夜,明天即可到达森林中心,那里的古堡中有古老家族遗留下的宝藏和数不尽的财富。但队伍中一直隐藏着狼人和他的同伴,他们准备在今晚发动袭击,伺机夺取宝藏。幸存的几位冒险者在夜里暗中施展绝技,要在到达古堡的前一天,揪出隐藏许久的狼人,以保证能够顺利取得宝藏……

 

游戏设计-情景化设计 体验游戏乐趣

结合故事背景设定,以易用性原则为基础,加入情景化设计,在【触发期】制造惊喜感,合理布局,明晰操作,快速上手游戏;【兴奋期】代入沉浸感,黑白场景切换,沉浸游戏;【结束期】凸显成就感,高光时刻,强视效感知,胜负判定。

图片

 

美式轻写实风格,以游戏背景与角色设定为依托,提取古堡、岩石、沙漏等关键元素贯穿整个游戏界面设计。

图片

 

卡牌设计-精进主美视觉 刺激感官神经

卡牌作为整个游戏的灵魂,代表玩家的身份,同时也会做成实物卡牌周边,作为奖品发放给玩家。身份角色设定:共计9个角色,分为三大阵营。好人阵营:预言家、守夜人、捣蛋鬼、强盗、失眠者、酒鬼;狼人阵营:狼人、爪牙;第三阵营:皮匠。

人物形象根据角色职业技能进行设定;设计风格为强氛围感的美式魔幻风格,突出卡牌氛围感并保证人物清晰度,角色比例选择展示腰部以上,角色以正面和四分之三面为主,角色的姿态和样貌根据角色设定具体设计;三大阵营以边框和氛围颜色做区分,同阵营边框(除道具外)不变;卡牌设计包含底框、边框、角色,道具设计在边框顶端两侧,根据角色替换。

图片

图片

卡片设计拆解

 

图片

三大阵营设计

 

图片

图片

图片

图片

卡背设计

 

动效设计-制造积极情绪 打造峰值体验

运用动效手段在游戏的关键节点打造峰值体验,刺激用户游戏情绪,快速带入游戏人物和情节。

[触发期]-[情绪带入阶段]

引发好奇心,极具仪式感的动画(发牌和确认身份)推动用户快速进入游戏氛围,感知游戏。

[沉浸期]-[情绪沉浸阶段]

流畅的操作体验和反馈、场景转场动画提升游戏沉浸感与趣味性。

[结束期]-[情绪满足阶段]

通过整场的悬念铺设,在最终的结果公布缓解来到情绪的高峰时刻。

图片

 

游戏体验情绪变化曲线

a.情绪代入阶段

仪式感渲染-模拟牌桌发牌,卡牌掉落的过程,表现卡牌质感和厚度在现实世界中的感受,身份确认动效添加强烈的反转效果刺激用户,不同阵营不同的色彩倾向强化对抗感知。

图片

[优化输出图像]

图2-2.gif

图3-3.gif

图 4-4.gif

 

b.情绪沉浸阶段

游戏体验沉浸感-流畅简单的操作体验和环节转场动画明确游戏进度,降低游戏难度给玩家带来的焦虑情绪,强烈的操控感与烧脑悬疑玩法结合,使游戏体验心流曲线趋于专注、乐趣、享受。动效平缓削弱视觉刺激保证玩家的专注。

图片

游戏体验心流区间

图5-5.gif

 

场景切换

白天黑夜场景用日月升起和场景氛围的变化提示玩家环节的转换,在平缓的游戏感受中自然的进入下一环节,沉浸在游戏线索思考和角色代入中,仿佛一切变化都是理所当然而不会因为意料之外的事件发生导致分心。

图 6-6.gif

图 7-7.gif

 

c.情绪满足阶段

游戏体验情绪高峰时刻-经过正常的悬念铺设,最终在结果展示环节用强烈的光感和卡片破坏动效,引导用户产生强烈的成就感和刺激感。并在此环节中游戏情绪达到了高峰时刻。

图8-8.gif

图 9-9.gif

 

动效如何落地?

动效设计过程中运用了粒子插件、辉光插件,以及一些伪3D的技法。为了保证落地效果,技术使用游戏引擎开发,设计师采用拆解组合标注的方式交付研发-动效标注(代码实现,如位移、简单粒子效果)+序列帧&MP4视频。最终达到了80%还原度。

[优化输出图像]

 

写在最后

作为第一款自研游戏,我们分为三条线:UI、主美、动效,紧密协作,联合研发同学还原设计效果。游戏上线后,取得了一定的热度,大大提升了一局的日活跃量。后续我们会继续将业务目标与设计目标相结合 ,逐步迭代,提高游戏体验。

 

原文地址:百度MEUX(公众号)

作者:文娱平台用户体验

转载请注明:学UI网》游戏UI设计项目分析–狼人杀

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

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

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

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



聊聊上周很火的设计系统“两兄弟”

seo达人


图片

图片

Semi Design 是针对抖音的中后台产品线进行研发的设计系统,其目的也是为了解决 抖音 一系列的中后台产品的效率问题。

而 Arco Design 是基于 字节跳动 所有的中后台产品,其前身是 Byte Design 升级而来,能够看到二者的定位是截然不同,一个是基于抖音产品,一个是基于 字节 这家公司,因此在后续很多内容的不同,根本也是因为定位所造成的。先说说这两个系统的具体功能。

图片

 

主题风格配置平台:

当看到这个工具时,其实是非常激动,作为设计师,对于一个设计系统样式上的细微调整早就已经深恶痛绝,如果可以,自己绝不想通过前端之手进行“实现”,但以往的 Element 方式似乎又有些许麻烦,且能力不足。当我使用两款系统过后,都给到了我不少的惊喜。

首先是Semi,颜色自动提供 WCAG 检查,让你能够快速看到自己设定的颜色究竟是否合理;设计系统的引用关系,可以了解到设计系统颜色之间有哪些不同;圆角的可视化编辑,可以快速知道修改过后的最后实现样子。每一个功能都是设身处地的为设计师考虑,在日常的工作当中经常会遇到的问题,但是也会有些许的遗憾。

图片

比如:可定制的组件内容实在太少,目前能够提供给用户定制的只会有:颜色 、 字体、圆角、阴影,想要从 Semi Design,到 Any Design 还是会有一定的距离;Figma 插件还未上线,确实不能够与设计软件进行快速打通。不过官方已经回复说插件正在审核,期待它的后续体验。

当我用了 Arco 的主题风格配置过后,我觉得可以好好来说说。简直太牛了!可以编辑的维度从基础的颜色、字体、阴影、 到 组件的按钮、导航、分类、表格  一共有接近40款组件,并且都是可以进行可视化编辑与调整的。如果你用了 Arco 过后,或许不用苦苦的站在前端后面,让他帮忙调整页面,作为设计师自己就能够搞定,并且每一个组件可以调整的粒度是非常之细,包含 各种宽度、图标大小、颜色、投影,等等…

图片

真的有些颠覆!假如你需要去定义一个官方的设计系统,完全可以通过 Arco 进行搞定。

 

文档内容:

仔细阅读文档,你会发现文档这次文档对于设计者而言,更加的友好。首先你可以通过 组件设计,去了解到每一个组件的具体构造,这是很多基础薄弱的设计师能力欠缺的一个点

其次对于 组件状态、何时使用、交互行为 都解释得非常清楚。之后有人问我关于组件相关的问题,我只需要给他扔一个链接过去就可以。

图片

并且两个系统都支持查看组件的更新记录,作为一个刚面市的设计系统,调整修改是在所难免,因此提供这样的入口确实能够使用体验上更为高效。

图片

关于文档的细节以及具体的书写质量,这个只能在后面深度使用过后给到大家反馈,在说说 Semi 与Arco 在文档上的不同,你会发现 Semi 在整个文档内只会有对 组件的使用细则,而 Arco 则提供了:设计价值观、设计原则、样式指南、组件用法,Semi 缺少了设计系统灵魂的这一部分,也就意味着在项目资源的投入上两者还是会有较大不同。

 

随便聊聊:

什么暗黑模式、国际化 就不做不过介绍,感兴趣的同学可以自己去官网体验体验。最后说说两者的差异和自己的感受。

其实早在20年的时候,我就已经看到 Semi Design 的原形,但当时看到整个官方文件有点简陋,不过今天看这个设计系统,成熟度还是蛮高的,无论的整个组件的质量,又或者是 Figma 当中对于Variants 的支持,暗黑模式的探索(老实说,我觉得暗黑模式的场景不会特别多),也能够看到抖音设计团队在这个系统的付出。

当然,在整个设计系统查看下来,发现 Semi 仿佛是一个半成品,因为缺少了设计系统最为重要的设计价值观与原则、整个页面模版,因此对于这个内容本身还是抱有一些小小的遗憾。不过从定位上来说,我觉得也是非常合理。

因为作为服务于抖音产品线的设计系统,其实无意去和一些国内外的著名设计系统进行对标:比如 支付宝的 Ant Design、Google 的 Material Design、SAP的 Fiori 更多是从自身实际问题出发,去解决在产品研发过程当中的一系列问题。而比肩国际设计系统的任务,交给了老大哥 Arco Design 上,同样能够在 Arco 上看到字节的野心,尝试去搭建各种生态:图标、物料、风格配置。很显然对于我们用户而言是一件好事,因为有竞争才会更快发展,我们之后在设计系统的选择上又可以多一个选项。也希望之后能够发展的越来越好。

两个系统名字的由来:Semi 取自英文的词组,寓意 “一半”,表示在一个企业应用是有业务逻辑与前端界面构成,希望Semi能够成为前端页面不可获取的一半。

你知道 Arco 设计系统名字的由来吗?

 

原文链接:CE青年(公众号)

作者:CE青年

转载请注明:学UI网》聊聊上周很火的设计系统“两兄弟”

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

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

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

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




日历

链接

个人资料

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

存档