设计思维

交互设计基础定律-泰斯勒定律

博博 设计思维

“每一个产品有着不可降低的复杂性,这个复杂性有一个临界点,临界点的位置决定了谁将处理它。”

一、什么是泰斯勒定律 ?

泰斯勒定律又被称作「复杂度守恒定律」,由拉里·泰斯勒于1984年提出。定律认为:一个系统中有一定程度的复杂性是无法被降低的,内在的复杂度只能通过产品设计去设法平衡和转移。

二、泰斯勒定律在设计中的运用

每一个产品都必然会有其系统和用户两端无法简化的复杂度,不论是在产品开发环节还是产品交互环节都无法按照人们的意愿做删除,只能设法去调整、平衡。通过转移两者直接的临界点,来提高产品的体验度。

1、让用户识别而不是记忆

在操作中最大限度的减少用户的记忆负荷,通过减少获取信息的复杂性,让用户在操作中去识别信息而不是去记忆,界面的交互动作和选项都应该是可见的。

2、算法程序、推荐正确内容

用户在使用产品的过程中是一个逐渐适应成长的过程,他们会从无经验变得有经验,因此设计系统需要针对不同的人群提供差异化的操作,让系统操作难度与用户实际的经验水平相匹配,满足他们对产品灵活易用的控制欲,实现其目标感以及成就感。

3、整合功能、简化用户界面

随着用户需求的不断增加,产品也将会不断迭代,越到后面功能也可能会越来也多而且复杂。在不影响用户需求和体验的前提下,尽可能的整合同类的功能,简化用户界面的复杂度。

三、总结

在产品设计中,泰斯勒定律主要是为了权衡用户复杂度和系统复杂度之间的一个平衡。在应用「泰斯勒定律」平衡交互设计中的复杂度这时需要注意以下几个要点:

1、系统的总复杂度是一个常数,为用户提供更简单的功能会增加其他方面的复杂性;

2、找到复杂度转移的「最低成本的方式」;

3、界面不能太过简单,适当的复杂度也会吸引用户;

而设计本身其实是一个平衡过程,需要我们与业务方反复的沟通,考虑综合成本,确保以项目最低成本方式实现业务目标与体验目标之间的平衡。

 

作者:哆啦的设计笔记
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

设计师如何用chatGPT更好的工作?

博博 设计思维

1、写产品文案

当你需要的文案出来后,你可以让它优化。你可以约束字数,提更多具体要求,它都能满足你。

具体的一些提示文案细化以及示例

2、设计产品框架

提供页面框架设计思路,当然你也可以把问题换成你正在做的产品。

3、做竞品分析

针对某一个特定的产品写出分析报告框架。你可以换成其他你感兴趣的产品。

这里需要提醒下,对于一些通用型知识,它可以写的很好,但如果是针对某个特定产品的具体内容,可能偏差会很大。

有了大纲再去找内容可以省事很多,比如

那么可能你也还想进一步问,如何做好竞品分析?因为这个虽然是基础,但如果你不知道背后原理,可以继续追问。

4、学习设计流程

帮助优化设计工作流程,但它所提到的工作流程优化属于比较通用的。

如果你想要问具体的,你得问更具体的问题。

5、学习设计工具

你也可以问它任何你想学的其他工具和知识。

6、找设计资源

可以让它给出资源链接,方便快速查看。如果链接打不开,甚至还能修正。

7、学习更好表达

向团队其他成员解释一些复杂概念

如何给非行业内的用户解释你的产品概念

8、搜索设计趋势

9、帮忙写PPT

当我加上页码后,居然真的会努力写到这个要求的页数,虽然实际上用处不是很大,但这个能力再进化进化,真的很厉害,至少能提供一个通用思路。

10、组织活动流程

如何更好的组织一场设计脑爆会

作者:彩云Sky
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

谈谈设计创意获取的思路

博博 设计思维

一、关于设计趋势
设计创意是符合设计趋势的,我们需要关注设计趋势。
我觉得趋势这个词,书里面有个观点还是可以的:关注长期趋势。
为什么这么说呢,因为趋势不是朝三暮四的,往往会保持很长的时间。所以我们在做设计创意的时候可以适当关注长期趋势。
1.1关注社会趋势的重要性
最直接影响的就是职业生涯的发展。譬如你是一名UI设计师或者即将毕业的学生,在当前的形势下UI设计师已经趋于饱和,你想完成一次职业方向的确定或转变,你会往哪里走?
那么你需要关注设计趋势。
如果你选择的是一个接近饱和的方向,那么你的薪资几年内肯定也得不到提高。有的设计师经常会说我做UI设计5-7年了,但是薪资依然还是1万,我只能说你现在没有什么竞争力。
所以趁着年轻,你可以考虑换一条细分的赛道。
譬如逐渐趋于饱和的车载HMI设计,即将爆发的类似于Vision Pro的增强现实设计。。。
来自于苹果官网
来自于苹果官网
 
1.2如何了解设计趋势
首先,最直观的就是设计大事件。
譬如苹果等著名品牌引导的设计承载方式的变革。从罗永浩推出无限屏概念开始,其实类似的空间设计就已经处于慢热状态。直到苹果正式发布了Vision Pro,这种大事件直接将增强空间设计推向了高潮。
我们可以通过苹果的官方网站,去了解Vision Pro的使用方法,以此来感受Vision pro可以改变什么?文本编辑、影视、阅读以及游戏等等用户体验与手机操作的不同点,从而延伸出未来可以商业化的场景方向,可以做预知性的推断。
有兴趣的设计师还可以通过苹果发布的Vision pro模拟器,来尝试性地输出一些创新的想法和创意,以此来建立自己在增强空间设计上的设计经验和竞争力。
其次,可以通过设计网站、社区和平台。
譬如优设、站酷、人人都是产品经理等一些设计资讯平台。很多设计师会将国外的一些好的设计趋势的文章翻译,我们可以通过这些文章来获取设计趋势。
再者,可以通过行业内的研究报告。
譬如艾瑞咨询发布的《2023年AIGC场景应用展望研究报告》,里面就阐述了下一年甚至是未来AIGC的发展方向。
二、经验积累促进设计创意输出
2.1经验积累到一定程度的好处
一般设计师在自身发展的同时,也都会留意身边设计师发展的如何,嫉妒和对比是很正常的。有的设计师会觉得为什么他年纪不大却能当领导,为什么他的薪资比我多那么多,为什么每次任务下来后他总是做的又快又好。。。
因为这是工作/设计经验给他带来了各种红利。
为什么经验丰富的设计师创意那么多呢?那就是尤尼卡效应(灵感的悄然而至)。有经验的设计师,职业生涯过程中看过无数的案例,想过无数的方案,做过无数的作品。所以,他们可以在看到问题的时候,立马给你输出设计方案。如果你能达到这种地步,你的竞争力也将无可匹敌。
2.2经验积累下的灵感输出
做到两点:【建立方向】和【埋头苦干】
毕业5年内的设计师,可以不用过多的去关注别人与自己的差别,你要做的就是【建立方向】和【埋头苦干】,幸运只光顾有准备的头脑。那些有经验的设计师也都是摸爬滚打一点一滴练出来的。过年的时候跟大学同学吃饭,设计耕耘10余载,他已经是某设计院的总监了。想想与他一起住过的小黑屋,想想我们打地铺黑灯瞎火的做项目,为了钱么?是因为热爱,想做出更好的作品。再看看他一路走来的工作历程,他基本上在一个垂直方向上深耕细作,从场馆的设计方案到制定预算,从项目投标到施工流程,整个一套流程都驾轻就熟了。
2.3不断尝试后的灵感输出
设计师们都知道,灵感不会轻易上门。
创意是被逼出来的!这一点设计师们都很有感触。
这里的经验积累不完全是工作年限的意思,也有深度挖掘之意
尤尼卡效应要求我们,即使在设计工作中没有灵感的时候,继续尝试着梳理思路不断钻研,肯定会有灵感乍现的那一刻。就像书中说的那样:
因为创新是一个渐进的过程,一次加上一点思考,最终会柳暗花明。
MIdjourny输出:设计师绞尽脑汁
MIdjourny输出:设计师绞尽脑汁
 
三、创意汇报
3.1高中低方案战略
要想实现创意被大家更好地接受,通常可以准备三种可能的方案:1.最佳方案2.中间方案3.最差方案。领导的决策,也需要有一定的参考。我们给出的方案,尽量涵盖高中低三种维度,以便进行对比。
3.2选择时机进行推荐
创意方案出来后,你可以安排一次会议/宣讲会,阐述一下自己的设计方案。聪明的做法就是在会议召开之前,先私下把方案简单过一下,以获得一定的支持。
3.3学会倾听
你在汇报项目的过程中,别人会有一些想法和建议,麻烦你认真倾听。不要着急去打断,以免造成厌恶性沟通。
3.4不要放弃
创意被否定很正常。
真正能一次通过的创意实属罕见,就好比不能因为拿不到第一就不上场比赛一样,你也不应该因为创意被否一次就永远自暴自弃。
四、创意输出需要心流状态
心流状态是指自己已经完全沉浸在设计创意中了。
心流状态可以很好地帮助设计师提高工作效率,促进设计创意的输出。
4.1如何获得心流状态
环境很重要。
对于设计师而言,通过调整周围的环境,比如说引进一些比较明亮的色彩、图片、标语等,可以大大激发一个人的学习能力。
开放、整洁、平整的表面有助于整理人的思维,所以一般来说,你的桌子越干净,就越容易提高工作效率,应对工作中的各种挑战。
五、创意伙伴日常沟通
众人拾柴火焰高。
5.1与什么样的人沟通
与相同价值的人沟通。
《探寻第一名》(Looking Out for Number One)一书中,作者罗伯特·林格(Robert Ringer)指出,持久的关系——一方为另一方提供相同的价值,双方的利益交织在一起,让这种关系持续下去——非常有价值。
因此你找的人必定是彼此都珍视的人,可以成为创意伙伴。你可以每个月找创意伙伴聊聊天喝喝茶充充电,获取一些新的想法,让自己的大脑保持常青常新。马云说过,企业在不缺钱的时候融资,而不是缺钱了再去融资。
设计圈有认识的大佬都很重视沟通,会经常跟身边的朋友聊天,其实这很大程度上
可以让一个人拥有多个人的经验和能力。
所以设计师应该尝试着开放一些,而不是闭门造车。
MIdjourny输出:设计师聊天
MIdjourny输出:设计师聊天
 
六、公司层面:讨论/沟通氛围的重要性
公司层面,应该鼓励设计师在会议上多阐述自己的意见。
很多公司是不是有这样一种现象:开会的时候鸦雀无声,只听到汇报的人胆怯地练着演讲稿或者说着自己的方案,让其他人给意见的时候基本无人举手,只能等领导给一些修改意见,
然后这个设计方案就变成了领导认可的设计方案了。
其实这种工作氛围真的非常糟糕,限制了设计师的创意的发挥,同时也让产品成为了一个片面性的产品。
6.1建立讨论沟通氛围的好处
所以团队的讨论氛围一定要建立起来。
书里这样描述:
1.当一个人感觉自己的想法受人欢迎的时候,他会想出更多有创意的点子来解决眼前的问题——有时可能会在会上发表看法,有时则是在私下里提出建议;
2.如果团队的每个成员都感觉更有满足感,他们的参与热情就会高涨。想想看,如果人人都愿意献计献策,事情将会变得多么容易啊!
6.2好好先生对设计创意的阻碍
讨论沟通,也促进了不同声音的展现。团队需要不同的声音,团队需要谦和而坚定的人来告诉我们事情的本来面目,要听到赤裸裸的现实。

作者:阿琦Aqi
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

Apple Vision Pro中的设计细节!

博博 设计思维

1. 沉浸感
将整个设计放在真实的空间中,使得设计更符合自己的体验、更加真实。
需要你拍摄一张真实的空间照片,卧室、街道、户外......
体验Apple Vision Pro后的一点思考
2. 设计
从关键页面开始设计
设计空间界面的第一个原则是熟悉性。
设计空间界面的第一个原则是熟悉性。
在你面前滑动一个180°视野的走马灯界面,但主要焦点始终在最中心的设计上。
在你面前滑动一个180°视野的走马灯界面,但主要焦点始终在最中心的设计上。
从侧面看,它会有点像这样
从侧面看,它会有点像这样
 
3. 中保真设计
体验Apple Vision Pro后的一点思考
 
4. 材质、组件
苹果在这方面有他们自己的建议,并且已经发布了他们的UI工具包。
Vision OS能根据环境光照条件和场景环境实时调整窗口现实效果。
Vision OS能根据环境光照条件和场景环境实时调整窗口现实效果。
 
最重要的一点:在我的实际体验感受中,当物理世界的背景发生变化时(亮度变化),窗口界面的实时效果也会发生相应变化调整,主要是透明度、窗口边缘、光线效果的变化,特别是一些按钮、点击的交互,模拟物理按钮设计的点击效果非常真实,你想象一下卧室墙面的灯光开关面板,早上按下和傍晚按下的光线效果、角度是一样的吗?
全是细节啊!!!
体验Apple Vision Pro后的一点思考
 
针对空间设计方面需要了解的一些知识点:
视觉
用户感知到的深度,可以通过平面的方式进行设计,也可以通过实际在Z轴上的位置来进行设计。平面的方式,提供的是视觉深度,是假三维;牵扯到Z轴的位置,提供的是确实深度,是真三维。
为了更好的进行空间视觉设计,需要首先了解一些人体工学的知识。
(一)人体工学
第一,视觉系统辨别深度的方式。
视觉系统辨别深度的方式依靠2种线索:单眼线索和双眼线索。
顾名思义,单眼线索只需要一只眼睛即可提供给我们视觉系统依据,双眼线索需要依靠两只眼睛才能提供深度依据。
体验Apple Vision Pro后的一点思考
 
第二,人眼的舒适阅读区域和注意力时长。
在头部不主动转动的情况下,正负30度的弧度,以及比视线水平位置稍稍靠下的位置更适合阅读。
超过这个区域,即使用户不转头,也会因为耗费精力而感到不那么舒适。
体验Apple Vision Pro后的一点思考
 
从视觉暂留(残像)和瞬目反射(眨眼睛)的角度来说,我们的眼睛是不能一直工作的,在设计中可以余留出可以让眼睛休息的时间。
视觉的余留有点类似于留白,让眼睛不需要通过这部分视觉去识别出什么。比如两个按钮中间的空隙,两个虚像之间的不重要的辅助内容等等。
 
(二)视觉设计
空间里的视觉设计,除了我们熟知颜色、大小等,还有尺寸、距离等。可以理解为,一类是二维参数,即Sketch等二维设计软件里可以调整的参数,一类是三维参数,即3Dmax等三维设计软件里,多出来的那些可以调整的参数。
无论是二维参数还是三维参数,就可视化来说,都可以针对颜色、模糊、大小、动效、背景、光影、遮挡、密度这八种对象进行定义,这就是官方说明中所提到的:图像线索用法。
 
(三)窗口内的动效
因为大窗口的内容动效可能让用户产生混淆,官方给了8点设计建议。
1. 保证窗口内内容和物理世界保持水平
2. 保证动效扩展中心点的稳定。这里有一个一个概念:扩散焦点,可以理解为动效的感知起点。
3. 扩散焦点永远保持在窗口内
4. 避免单纯无意义的角度移动(因为会让焦点移动)
5. 避免过快的动画
6. 如果动画变化过大,使用渐近渐出过场衔接
7. 前后移动的动效,内容间距放大,物体放小
8. 使用低反光的材质


作者:20th_Century_Boy
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

2024 年的 UX/UI 设计趋势,关于未来科技体验的可能性

博博 设计思维

一、从便当盒而来的 Bento UI

便当盒是日本午餐和午餐盒文化的重要组成部分。他们以井然有序的方式储存食物,并保持着食物清洁。

图片来源 — Freepik

从便当盒演变而来的 Bento UI 设计风格,是便当盒在屏幕上的数字化效果,基于卡片的设计或网格布局,其中信息以不同的部分或容器呈现,以提高清晰度和易用性。它慢慢开始在 Dribbble 和 Behance 等平台上掀起波澜,吸引数百万设计师关注。

后续这种“模块化”设计概念开始出现在网站的仪表板,包括 PayPal 的销售和财务仪表板、Google Ads 的分析工具等。Windows Phone 和 Lumia 使用的 UI 本质上是 Bento 设计风格的早期迭代。后来,微软也将这一概念应用到了 Windows 8 的 Windows 桌面开始菜单中。

Windows 8 开始菜单当苹果公司在 iPhone 登陆页面上开始使用 Bento 网格时,Bento 设计被彻底引爆,很快扩展到苹果的发布会演示中。

另一张苹果海报

众所周知,苹果公司总能引领市场设计趋势,而 Bento 设计风格只是其中之一。从那以后,每个设计师都使用 Bento 进行产品设计、产品发布等。

日式便当的设计与 Bento 设计趋势之间的最大区别在于, Bento 网格的每个部分都代表一个独特的空间,而不是一个组的一部分。它现在已经发展到包括产品演示,与其他一些独特的布局混合,甚至采用新的视觉设计概念进行风格化。比如下面这个:

Bento 设计互动现场演示

上面的例子来自 diagram.com,它使用便当网格来展示其工具通过交互式体验可以做什么的现实生活示例,让这个工具更具吸引力,并告诉用户他们应该期待什么。

同时,为了帮助全球设计师开拓思路,出现了一些 Bento 设计灵感的收集网站,如 Bentogrids.com ,其中有大量用于 UI 和图形设计的 Bento 网格。感兴趣的设计师朋友可以前往体验。

Bentogrids官网

Bento UI 设计风格扩展性较强,可以快速的创建响应式动态分布,同时可以轻松地创建明确的视觉层次结构和布局,提高信息可读性和可理解性。这些优势让 Bento UI 在移动设备上的发挥非常出色,但如果是层级结构较为复杂的页面,Bento UI可能并不适合。

二、AR / VR设计与更交互式的空间体验

想象一下,你刚刚醒来,拿起手机查看“重要电子邮件”。画面切换,你带着苹果的 Vision Pro,整个信息流都来源于这里。这是 2023 年 6 月 5 日全世界每一位科技和设计爱好者的早晨。

图片来源 — Apple.com

在接下来的几周里,这是科技界谈论的主要话题,每个设计师都在努力学习空间设计技能。除了设计趋势之外,各种 AR / VR 初创公司也走到了最前沿,他们的技术终于被人们谈论。Vision Pro 真正推动了 AR 和 VR 的发展。

伟大的技术带来巨大的设计潜力。从智能手表到折叠手机,设计师们总是挺身而出,展示他们的适应性。空间设计也不例外。

一睹即将发生的事情

一款名为“Bezi”的流行设计师工具随之推出,它非常接近 Figma 和 Spline 等设计工具,但增加了第三维空间。设计师可以进行空间设计,连接可用的 AR / VR 耳机,并创建交互式空间体验。

更好的 UX 是更好的 AR / VR 体验的一个重要贡献者。深入了解前沿设计背后的技术、使用实际的 VR 耳机、在空间环境中进行测试,这些都是工作的一部分。随着我们的发展,我们目前对用户体验的理解肯定会有很多新的变化。这是需要持续积累并会在将来使用的技能之一。

除了苹果公司丰富的想象力和雄厚的财力之外,还有一些不太懂技术的公司也为佩戴眼镜带来了全新的体验。比如太阳镜公司 RayBan ,已经凭借其新款 Meta Wayfarer 进入了智能可穿戴设备竞赛。它的内置摄像头和智能功能允许用户存储视频/图像并直播到社交媒体,这为用户体验和客户体验带来了新的维度。

图片来源 — RayBan

三、动画与 3D 设计成为新趋势

当更多人掌握一项新技能时,新趋势往往就会诞生。LottieFiles 可以便捷的将 UI 生成简单的动画,他们甚至推出了 Figma 插件,允许用户将 Figma 动画转换为可导出的 Lottie JSON 文件。这解决了 After Effects 和类似软件的漫长学习曲线问题,让更多的设计师可以自己快速制作动画。

同时我们注意到,如今每个公司的登陆页面上都有诱人的互动。这源于网站访问者对差异化体验的需求不断增长,以及在销售产品/服务的过程中讲好故事的更大需求。

以 Apple Watch Series 9 的登陆页面交互为例:

有了滚动动画,访问者就会全神贯注于你要向他们展示的内容。Webflow 和 Framer 等无代码工具不断创新,为设计人员带来此类动画功能,而无需编写长行代码。

人们可能会认为,动画至此已经达到顶峰,没有什么值得期待的了。但幸运的是,科技界的人总是在寻找下一件大事,并且提供无穷无尽的强大工具,让想象的一切都变得可能。其中一种可能性就是新的“动画按钮趋势”。一种新的 UI 风格,引入了动画技术,使简单的按钮变得生动起来。这些变化的范围从按钮周围的简单笔划动画,到鼠标悬停时在按钮内移动的文字星星。

来源于 X的“@learnframer”的 GIF

除了动画的趋势之外,最近,许多设计师都在谈论设计世界如何从扁平化设计转向更伪现实的视觉风格。其中包括 3D 图形、深度效果、拟物化、拟物化等。我们也看到很多公司都将 3D 作为核心风格。尽管它现在可能不会出现在网页和应用程序设计中,但徽标正在随着这一新趋势而更新。

新 3D 浪潮的几个很好的例子(来源于 Chan Karunaratne)

与动画设计趋势非常相似,人们实现这些样式的一个重要原因是出现了易于使用的基于 Web 的 3D 工具,例如 Spline 和 Vectary ,这些工具使得在 Web 和应用程序上包含 3D 资源变得非常容易。他们还使用动画将 3D 资产带入生活,这是很多设计师所经历过的最短的学习曲线。设计师很快就能使用基本的线性渐变和一些阴影为企业的品牌资产添加第三维度。另一家始终推动设计和趋势的公司是 Airbnb。他们因其简单而有效的应用程序设计和交互而广为人知。2023 年,他们宣布了一次应用程序更新,融入了十多个 3D 视觉元素,甚至公告视频几乎都是关于3D的。

Airbnb 发布视频

等距视觉效果、3D 角色和动画以及大量应用程序交互足够吸引眼球,让用户想要重复观看。从平面到动画或 3D 的转变在缓慢而稳定的发生着。这种趋势通常是由多米诺骨牌效应造成的。只要一位设计师的社交帖子受到欢迎,其他著名设计师也会效仿。

四、人工智能对于 UX / UI的影响

1. AI 设计工具是否可以成为设计师的好助手

虽然一些设计师认为 AI 未来会对他们的职业构成威胁,但我们大多数人都在使用这项技术更快地创造出最好的设计。

Adobe Firefly 用于视频处理

不过大多数声称自己为“人工智能驱动”的设计工具,虽然开放了生成式 AI 的 API,也在开发自己的人工智能模型,但大多数 AI 功能都还只是噱头,只能完成随机设计 UI、重组资产等不稳定功能。

但市场上也仍然存在一些设计领域的英雄产品,比如 Relume 。这家专注于 Webflow 的公司推出了名为 Relume AI 的产品,这是一款功能强大的线框和交互工具。在该网站中输入你的网站描述,它会生成完整且详细的交互稿和视觉图,界面的布局和数据完整,可以快速复制到 Figma 和 Webflow。

前段时间我们也分享过 Durable 这个建站产品AI + 建站|Durable,融资 1400 万美金,30秒创建一个网站并成为自己的老板,它提供了创建网站所需要的一打子工具,包括网站构建器、CRM、发票软件、人工智能助手等。用户只需要提供品牌名称、所属行业、开展业务的地点和网站语言,Durable 就会基于用户提供的信息快速创建一个网站首页。

用 Durable 创建网站

2. AI 时代的用户体验设计

在 ChatGPT 还没有风靡的时候,数字产品的用户体验风格普遍为以 GUI (图形用户界面)为主,通过图形、按钮、菜单等标准化元素,使用户可以通过键盘、触摸等方式与终端设备交互。Windows 操作系统、MacOS 、Photoshop等软件都已 GUI 的用户界面为主。

GUI 的界面设计在近 20 多年的发展过程中,由于功能场景的不断增加, GUI 界面需要兼容复杂的、多样化的用户需求。功能强大的同时,设计成本变得很高,用户的学习成本也随之提升。尤其是在 TOB 领域的设计中,功能的庞大让整个页面拥有多重窗口、四五级以上的导航,即使设计师努力提供简单易用的页面,也很难降低用户的学习难度。

随着 GPT4 的推出,CUI (对话式用户界面)的界面体验正在逐渐应用广泛。CUI 采用了更加直观和自然的语言交互的方式,通过自然语言、语音等方式进行对话,可以有上下文记忆和智能化的回应,典型如 Siri 、Amazon Alexa 、 Google Assistant。

CUI 的出现,用自然语言的对话方式,可以让用户更直观的与数字产品进行交互,避免用户记忆繁琐的操作路径,让 AI 为自己找到最快的解决方案。

但是否所有应用都需要用 CUI 重构一遍?我们认为不会,不同的应用特性会导致不同的设计方向,这给了设计师进一步延展的空间。

  • 对于 TOC 的产品:针对用户目的明确、功能较为简单的产品, CUI 会对其的交互体验有着革命性的影响,比如携程、美团这种需求明确的产品,用户的目标是为了找到最合适的商品完成购买,这个过程可以通过 CUI × AIGC 的方式进行进一步重构;但针对用户目的不明确,且产品体验过程较为舒适、不需思考的产品,如抖音、快手,CUI 不一定是最让用户喜爱的交互界面,或许需要探索二者结合的最佳方式
  • 对于 TOB 的产品:用户目的明确,功能多样且复杂,我们认为 GUI 的设计界面很难被摒弃,导航式的地图仍然需要提供给用户完成有目的查找。同时对话式的命令也可以满足用户无目的的询问,或许 CUI 可以基于现有层级分明的界面,进行关键流程的解答和提效。

五、不忘初心,回归用户

用户体验的研究已经不断发展和完善,使设计变得易于理解和包容。相比于视觉设计的精美程度,许多设计师更重视可用性,这带来了更简单且可行的设计风格。尽管过去几年行业发生了变化,该设计原则仍然被践行。

2019 年至 2023 年“用户体验可访问性”的 Google 趋势图

上面的谷歌趋势图显示了无障碍设计渐渐成为了真正的工业需求。可访问性技术的范围从颜色对比、可读字体、可识别的动作元素,一直到追踪不同用户的反馈,应用到产品功能中去。

1. 无障碍设计

由于当前需要为所有年龄段的人甚至身体有障碍的用户进行设计,因此无障碍性也受到了大力推动。公司希望从所有不同的人群中获利,并且也在各个方面推动包容性。随着越来越多的人走向数字化,设计师几乎必须专注于无障碍设计,更多针对无障碍设计的课程和训练营也面向设计师开放。

2. 个性化

除了可访问性之外,个性化才是真正让人们锁定应用程序或网站的原因。或许你以前在 YouTube 上看过这条小信息 :

YouTube 评估你喜欢哪种内容以便提供更好的推荐

即使是一个已发布功能,如果用户反馈不佳,也很容易面临撤回的情况,这直接体现了用户体验设计师在未来产品和服务方面的领先地位。

Perplexity AI CEO Aravind 曾分享过对于用户体验的理解,基本原则是“用户永远不会错”。Perplexity 发现只有极少数人知道将好奇心转化为清晰、准确的问题,从而导致结果不准确,甚至幻觉的出现。(欢迎阅读我们研究 Perplexity 的深度文章:AI+搜索|关于搜索的想象,和目前估值最高的生成式搜索引擎 Perplexity。)

一种解决思路是总结 prompt 的提问方法,让用户能主动学习;另一种解决思路是所以在对话式交互界面上,帮助用户提一个好的问题。Perplexity 选择了第二种,增加了提出问题之后的更多问题衍生。——平台永远要为用户多想一步、多做一步。

Perplexity 界面

总得来说,设计趋势会随着工业化进程的推进,而演进为更前沿的风格,也会有更多工具帮助设计师开放脑洞,快速得到心中所想。但无论社会如何进步,以用户体验为中心的话题永远不会终结。

 

 

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

视觉冲击的本质是什么?

博博 设计思维

一、字面含义

我们首先简单谈谈“视觉冲击”这个词本身在说什么。

人有五感,俗称“形、声、闻、味、触”,分别对应视觉、听觉、嗅觉、味觉跟触觉。

所以视觉感知的是“形形色色”,一切映入眼帘的图形色彩理论上都能让人产生“感觉”,这些感觉跟味觉一样会分程度,比方白粥很淡,辣酱很辣,果醋很酸,开水无味等。

因此,冲击才会基于对比产生,造成冲击的原因主要是非常规的东西出现了,比如“地狱拉面”,会辣到让人叫救命,再比如自然界中的海啸会冲击沙滩,飓风会冲击小岛等。

所以产生“视觉冲击”的源头首先是我们眼睛忽然看到“非常规”的东西,但请注意,这个过程的冲击可能不单纯只作用于视觉。

比如夜半出门,忽然看到村口一人披着白床单在月下漫步,难免会吓得大叫,然后冷汗直冒,心跳急速,所以人的机体都一并受到强烈冲击,但“视觉”往往排在第一,其在五感中的顺序中也是如此。

有时候,我们发现一些人看着一张画久了居然会落泪,这个层面就不能只用视觉冲击来解释,但一般会包含这个成分。

基于研究,我认为“视觉冲击”本质上源自三种路径。

其一为惊讶,其二为新鲜,其三为极致。

这三点有概念叠加的部分,但同时又不是完全的一回事,后面会专门举例说明。

同时,我们要清楚谈论设计中的视觉冲击应该是积极、正面、美好的范畴,不然暴力、情色与血腥等元素一样能带来强烈的视觉冲击,但不为我们所取。

例如历史上的波兰海报风格,基于当时其民族遭受磨难的背景,有一部分创作者就选取了很多诡异视角进行创作,视觉冲击确实强烈,但同时会给人带来心灵上的不安。

下面我们展开谈一谈上述的三种路径。

二、惊讶

“惊讶就会产生凝视”。

这句话借用于华楠,华楠在创立“华与华艺术工作室”时候拍摄了一个纪录片,我对此话逻辑上的合理性印象深刻。

而且“凝视”是视觉被冲击后的第一种反应,也是设计师需要受众的反应。

至于惊讶是一种什么样的情绪感受呢?主要就是感到意外,同时略有赞叹。

惊在《说文解字》中形容为“马骇也”,马收到惊吓的反应就是典型“惊”的范式。

而“讶”在古语中有“露齿而笑”的含义,所以有“讶客”这样的用法,因此我们碰到很久不见的老友会说:看到你可真惊讶!

而不会说惊奇,惊怕或者惊吓。

那么设计上的惊讶效应一般怎么产生呢,主要源于符号元素或者惯有观念上的冲突。

过去我们谈过诞生于瑞士的达达主义,这种设计风格就容易给人营造强烈的视觉冲击,根本原因在于其在观念上的颠覆跟我们的常识产生了冲突。

比如达达主义经常不依照逻辑对设计元素进行随意的组合安排,手部可以长出眼睛,脚可以摆放在头上,文字可以进行曲线排版,酒瓶能做交通工具等。

这些图像的呈现都会让人惊讶,继而凝视,然后沉思,最后留下印象,或者做出行为。

在观念上制造冲突的其实还有超现实主义风格、未来主义风格等。

而在符号元素上制造冲突一般首先表现为色彩,这方面可以参考后印象派、表现主义、野兽派等风格,他们时常会知其不可为而为之,用一些极端色彩进行搭配,但却做出了美感。

华楠在谈惊讶的概念时举了一个例子,就是石头本身会给人一种“坚硬”印象,印象有时候就是符号本身,所以要通过创作去破除符号本身意义,惊讶就产生了,比如让石头形成流水一样的视觉感受,大家想想,其实超现实主义流派中的达利就运用了这一招。

以上手法谈起来只是几句话,但落实到设计上需要深刻思考与扎实手艺,大部分设计师时常碰到的问题并非想不到,而是做不到,或者做得不够好。

红跟绿碰撞很刺激,但如果不加上白色来缓冲,那种短兵相接的粗暴给视觉带来的就只会是刺激,而非冲击,所以设计操作上如果知其一不知其二就容易产生强差人意的效果。

这方面可以参看喜力啤酒的包装设计。

视觉冲击应该建立在美感的基础上,美感则来自节奏、韵律、布局及其相关细节安排,这些综合因素也是设计师必须把握的。

其实如今很多流量迅猛的短视频也抓住了这样的“惊讶”思路,比如清秀英俊肌肉发达的和尚居然在台上唱摇滚,就是个典型案例。

三、新鲜

新鲜一般用于形容蔬果,我想了很久到底用新颖,新奇还是新意进行表达,最后还是选择新鲜,因为新鲜是对比出来的,所以严谨一些应该是“新鲜感”。

新鲜感也是形成视觉冲击的重要因素,我首先想到印象派。

印象派一出现就直接挑战了千年沉淀的古典写实绘画市场,画作原来可以不写实,可以不用绝对色,可以寥寥几笔进行写意表达。

印象派的诞生自然要追溯到日本浮世绘在欧洲的流行,浮世绘画风对传统的新古典主义创作者而言就极具新鲜感,这种带有东方哲学立场的美学形式因此极具视觉冲击力。

我们将场景拉到当代设计师的日常,我印象深刻的一件事情是大致15年前,平面设计是喜欢做立体元素的,比方3d人一类很流行,然后装饰上也喜欢阴影渐变,不久后“扁平化”风格因为苹果手机的诞生而横空出世,大家都感觉眼前一亮。

因为扁平化对于立体阴影渐变的表达而言,太新鲜了。

但扁平化是一种全新开创吗?非也,其风格源头可以追溯到“瑞士平面设计风格”,再往上走是包豪斯,再往上走是风格派...

甚至极端一点看,史前艺术有一部分就是扁平化的,比如彩陶上的符号纹理,我这样推导的目的是想告诉各位:

视觉冲击可以从新鲜感出发,新鲜感则基于对比,而且并非凭空产生,归根到底要从历史中寻找,但寻找也并非刻板,而是要跟当代技术结合。

比如乔布斯的扁平化跟网络技术的功能性需求密切相关,扁平化元素有助于界面产生“弹性”,也就是浏览器兼容性(这种问题曾经极大困扰了程序员很久很久),并且缓冲速度会更快。

此时我们又想想摩天大楼之父路易斯沙利文(Louis Sullivan)100年前就说过的“功能决定形式”,所以真理就那些,看你是否重视。

我们再看AI时代,北邦老师创作的《湘野行尸》系列就极具视觉冲击力,让人达到一种无法形容的惊叹,可这种复杂繁琐而细致的表现效果如果不依赖于算法数据的堆叠,仅凭手艺打磨设计师一定会哭,而且还完成不了,或者是遥遥无期的交稿日。

《湘野行尸》表现的“新”有三个层面,其一是北邦老师创作思路的新,其二是中国神怪元素碰撞西式CG的新,其三则是创作手段及工具的新。

但我们必须清楚,新很快又会变旧,可旧到一定程度又会化作新的营养,整个设计艺术风格及时常的演变规律就是如此循环的。

你的“新”应该怎么来,自己好好想想。

四、极致

最后是关于极致,这方面很好理解,就是将一个形式进行最夸张最极致的设计表达,同样能形成强烈的视觉冲击。

首先想到的例子是美国1960年代的“抽象表现主义”,这个运动当中出现了两种分支,一种称为“行动派”,其绘画特征就是繁复的极致,代表人物为杰克逊.波洛克。

这种通过堆叠元素的表达方式像一杯烈酒,刺激人的感官,而过去历史上的很多工艺品设计都走了这种路线,关于这方面有个解释,叫繁琐让人敬畏。

假设我们看到一些非常复杂但又条理清晰的平面设计时,也确实会感到敬畏,比方可以看“新浪潮风格”中魏纳特的平面作品。

乱中有序,是这种繁复设计的表现核心。

而“抽象表现主义”的另一派被称为“色域绘画”,画面简单到只剩下色块,是简约的极致,这样的画面同样能给人带来视觉冲击。

再比如20世纪初,苏联艺术家马列维奇的至上主义风格绘画,其中的《白色背景上的黑方块》及《白上白》都是通过极致的少来达到表现目的。

在当时还流行新古典与现实主义绘画的时代中,这样的画面犹如晴天霹雳,直接是心灵的冲击。

运用极简制造视觉冲击的最典型设计莫过于无印良品,这样的风格首先由田中一光奠定,随后被原研哉发扬光大。

其中最让人印象深刻是那一组地平线海报,比如茫茫雪地之中出现一个非常渺小的人物背景,或者广阔草地上有几个零散而同样渺少的蒙古包。

所以能合理运用好这种极致表现手法,同样可以制造视觉冲击。

五、视觉冲击的陷阱

视觉冲击的好处不言而喻,主要是能快速吸引大家的注意力,但要注意过分追求视觉冲击可能会导致设计目的的偏离。

我看过一些字体设计年鉴,发现大部分字体都存在设计过度的情况,最后连字本身是什么都看得很费劲,于是设计的本义丧失了,只因为过分追求视觉冲击或者“设计感”。

同样的情况会发生在各行各业,比如汽车设计,我印象深刻的是日产天籁曾经有个新版“蓝鸟”,造型很新颖,让人一眼就印象深刻,但这样的设计并不耐看,看多几次就会觉得厌倦。

目前这款车已经在市面上消失,类似情况在起亚、福特、本田等品牌的某些车型中都发生过。

而真正经典且销售成绩也好的通常是那些耐看而不张扬的车型,比如奥迪跟奔驰汽车,他们的设计特征就是“不大改”,追求润物细无声的设计优化。

所以视觉冲击的一个副作用就是不持久,就好比一个极乐派对无法持续几天,因为太透支精气神,所谓乐极能生悲。

因此希望为设计提升视觉冲击的时候,要学会跟功能做适当平衡,同时看应用场合跟设计载体。

比如为一个活动设计宣传海报,那么视觉冲击力更强是对的,但为家居设计一个装饰画报,则需要更加平和与耐看。

作者:设计史太浓
来源:站酷

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

设计师的3个大脑

博博 设计思维

写作跟设计两者存在互动,假设你习惯于写作。
 
每当设计实践进行到一定程度,就会产生体悟,这些体悟需要经过思维整理沉淀为肌肉记忆(条件反射),能力跟效率提升就来自这些沉淀。
 
而写作是思维整理的最优解,当你针对一个困惑自问自答,写作会促使你进入深度思考,这种思考可以去芜存菁,拨开云雾,最后找到适合自己的答案。
 
当然,如果不喜欢写作,跟比自己更胜一筹的朋友探讨也是不错的方式。
 
本次谈个话题,就是我认为优秀设计师需要运用到3个大脑,我尝试将它们概括为:
 
理性脑,感性脑,神助脑。
 
接下来简述一下它们各自的作用,以及如何锻炼它们。
 
 
理性脑
 
 
设计一定要理性先行,以品牌设计为例,当我们接到项目需求,会先进行沟通,了解客户行业,产品,核心优势,资源禀赋,对标品牌状况,自身企业发展阶段等资讯。
 
这方面就需要采用理性脑,理性脑的作用是认识客观现实,从理性角度先思考设计的功能方面问题,简单点说,就是设计要解决什么问题,怎么解决会最佳。
 
比如一个凳子首先要坐得舒服,坐得安全,材质运用符合预算定位,满足了这个限度才能进一步思考装饰,美观,创意这个限度,设计就是限度管理(之前的文章已经谈过)。
 
很多设计师一上来就动手是典型的勤奋掩盖懒惰,表面做了很多功夫,但难免无效居多,在错误或者未明的方向中虚耗精力。
 
我当然也经历过这种阶段很长时间,内心往往在努力思考怎么将设计做出视觉冲击,但可能连基本的创意传达功能都没有做好,或者跟品牌气质定位不吻合。
 
后来我发现很多客户都会如此,他们往往带着表面诉求跟设计师沟通,也是视觉冲击一类说法,但其根本目的是为了“更好传达”,“更好卖”或者“更能引发关注”。
 
如果我们只着眼在表面,很容易误导自己,一张椅子既好看又好坐不会冲突,但很好看不好坐就很麻烦,除非客户是孟菲斯风格一类的定位,概念先行不管体验。
 
因此设计师需要时刻理性脑在线,跟客户多探讨设计前端的问题,多说真话,多问问题,多点倾听,从客观分析中寻找能有效解决客户问题的设计思路。
 
甚至有时候分析完后发现这件事情成功率太低,也要直接提出来,不要为了赚钱浪费彼此的时间跟机会成本,当然,客户坚持能行我们还是能上。
 
比如最近有位服装本业的朋友希望尝试做餐饮,原因是他在藏区吃到了美味菜肴,希望将其引进深圳,走出一片天地。
 
他将希望寄托在两个方面,其一是资金,他有融资把握跟资源,其二则是优秀设计。
 
他感觉有了两者加持,藏区菜肴一定能在深圳获得成功,理性脑告诉我此处最少有三大问题。
 
其一,藏区餐饮为什么至今在深圳没有成功品牌(也许有,是我不知道),具备他这样条件的人一定存在,为为什么对方没做,或者做了没成功,是否有些盲区我们没看到?
 
其二,餐饮是高度成熟行业(尤其在大城市),餐饮策划在深圳也高度成熟,但参与探讨的这群人都不在其中,因此核心竞争力从何而来?就是投资人经常要问的“为什么成功的会是你?”
 
其三,可行性分析不代表可行本身,同时不能夸大设计的作用。
 
此处尤其要谈一下“不要夸大设计的作用”,作为设计师多年,我会经常这样提醒客户:要重视设计的作用,但不能高估。
 
设计就像药引,要药本身有效并且对症,才能发挥关键作用,
我相信大家都一定看过不少装潢设计都非常好的餐饮店做不下去。
 
当然,如果设计本身足够突出也能作为长版优势牵引其他短板进步,让品牌走向成功,
但需要把握时间,这方面在百花齐放的电动车企业中就有案例,具体品牌就不说了。
 
我们公司的slogan为“助品牌,成品牌”其实就是理性脑行先的一种表现。
 
锻炼理性脑的有效方式是要多学习市场策略,品牌营销,消费心理,传播媒介等方面的知识,多跟各行各业的精英朋友请教专业问题,同时要常关注时政方面资讯。
 
 
感性脑
 
 
感性脑主要是感知美,美很抽象,但也可以很具体。
 
具体而言,美就是色彩、形态、装饰等规律,这些规律植根在自然当中,
造物主就是最牛的设计师,由她制定美的原则,这些原则刻画在人类基因中,将我们完全拿捏。
 
任何艺术跟设计都是从模仿自然开启,就像小朋友会模仿成年人,落后文化会模仿先进文化,闻道有先后,殊途会同归。
 
我研究设计史多年,
发现史前人类感知的美至今都仍然有效,只是随着岁月沉淀呈现多元面貌,这种多元只是一种分化,合久必分,分久必合。
 
随着地球村的进程推进
,很多文化都在走向兼容,这种兼容也许不是相遇,只是重逢。
 
比如为什么我们会觉得对称很舒服,因为生物普遍对称,所以我们设计怪物时候就要弄得不对称,比如我们看到白色都会感觉纯净,光明,充满希望,因为人类对阳光的感知就是白色,为什么我们看到曲线会感到活跃,是因为山川流水与汪洋大海。
 
唯心一点看,美丑就是人类潜意识中的喜恶,是对客观世界的统一情绪投射,比如除了精神病因素,极少人能欣赏大便的美。
 
当然你也可以说对称不舒服,白色很脏,曲线很平静,这些个性差异也会存在,但个性要基于共性才有意义,大家都觉得对称舒服的时候,你感到不舒服才叫个性,标新立异就是如此。
 
所以感性脑就是对美学原则及美学法则的认识。
 
原则跟法则是不同体系,原则是大家根据研究统计一致认同的规律,而法则是靠拢这些原则的具体方法论。
 
比如由包豪斯学院伊顿总结的三大构成是典型设计法则,这套法则沿用至今是因为它无限靠拢美学原则。
 
中国民间针对色彩运用也总结了不少顺口溜,比如“要想精,加点青”、“红靠黄,亮晃晃”、“青见紫,不如死”,都属于法则行列。
 
在设计行为当中,感性脑的锻炼是理论与实践动态印证的过程,纯粹靠看书面对实际问题仍然会一筹莫展,纯粹自己试验没有理论修正又难免进步迟缓,因此需要两者结合。
 
我们公司的主创就经常会给我们分享一些实战方法,这些方法具体到理论难以覆盖,角度刁钻出人意表,但在实战中非常有效。
 
感性脑的主要作用就是让设计展现合乎功能需求的美。
 
锻炼重点是先牢牢掌握理论基础,然后通过大量实践进行理论内化及积累经验,最终掌握一套属于自己的美学方法论。
 
 
神助脑
 
 
对于成事,我们喜欢说天时地利人和,其实还有一个因素常被忽略,姑且叫神助。
 
理性脑跟感性脑可以保障设计师做出优秀正确的设计,但在卓越设计中神助就显得非常重要,因为它掌管创意跟灵感。
 
神助是种隐蔽力量或者无形之手,也能用通俗的运气形容,但运气其实也能锻炼,我常说“幸运之人,自制幸运”就是这个道理。
 
南宋诗人陆游曾经写下诗句“文章本天成,妙手偶得之”,感觉很谦虚,但说了个实情,我们在设计实践当中偶尔会感叹“这样都居然被我想到了”,其实就是举头三尺有神明。
 
设计师的神助力量其实来自设计之外,就是我们要广泛接触设计之外的学问,所谓创新通常是移花接木的把戏。
 
我们发现,在音乐圈中往往是非科班歌手能有颠覆性创新,因为他们将音乐之外的元素成功嫁接到自身风格当中,尤其是草根为主的乐队。
 
比如乐迷经常笑称“摇滚乐中有很多教父,但只有一个教母”的梁龙,他领衔的二手玫瑰就将东北二人转、传统民乐等元素融合到摇滚乐当中。
 
还有最近争议很大的福禄寿乐队被称为道教曲风,看了一下其代表作《我用什么把你留住》在网易音乐中的评论都突破16万+了。
 
最近我在看李皖老师《多少次散场忘记了忧伤—六十年三地歌》一书,其中类似例子更是不胜枚举,当中描写的音乐人有科班有非科班,其成功原理基本类似。
 
比如中国台湾的刘家昌(词曲俱佳)曾经雄霸乐坛20多年,其曲风难辨其宗,其实就是融合了老派爵士、中国古典诗词跟戏曲行腔,单音喜欢一波三折,韵味十足。
 
差不多同期,中国香港则出了歌神许冠杰,他则是将西方流行乐跟本土粤语跟市井俚语进行嫁接,大获成功,开创出一个粤语歌时代。
 
以音乐为例是方便大家形象理解,一个科班人士沿着教材终生攻读是比较难有突破性创新的。
 
此处借用潘虎老师的一句话:”设计师首先得是个生活家“(大致意思如此),需要懂得体味生活的酸甜苦辣,爱玩,懂得玩,不能一直埋头苦干。
 
某程度而言,如果有条件能厚养自身效果更佳,比如做项目挣钱了真心要给自己买些好衣服,好酒,好车,因为你要真正见识过好的东西,才能为客户设计出好的东西
 
比如可可·香奈儿女士自己有房产,但她在大名鼎鼎的巴黎丽兹酒店住了34年直到去世,她的理由是通过住在世界顶尖酒店来时刻提醒自己必须设计出一流顶尖的产品。
 
所以神助脑的培养要基于设计圈拓宽见识,我自身研究设计艺术史就获益匪浅,历史内容中不但能了解到过去风格、流派跟人物,还能清楚相关的政治地理,文化思想,社会运动,科学工艺发展等,看待设计的眼界慢慢宽广,最后这些积累会形成设计师的气质。
 
最近我撰写《中国设计史》系列就感觉又打开了一个新世界,让我重新看待中国风这件事情,恰巧最近我们在为欧美品牌做一系列国风包装,学以致用,奇妙无穷,过程中,偶尔就有神助的感受。
 
因此神助脑属于广泛跨界积累的条件发射,量变到质变,再量变到再质变,灵感跟创意会相对容易浮现。
 
但此处大家务必注意,神助脑必须基于完善的理性脑及感性脑,不然创意无法落地,或者不切实际,我们都遇过不少想法天马行空的客户,先不说想法好坏,首先是其对设计流程不了解的表现,五彩斑斓的黑就属此列。
 
再比如很多朋友想法不错,但手艺跟不上,认识不正确,审美不在线,设计表现自然就做不好,一切也就白搭。
 
移花接木的前提是首先了解花木。
 
 
结案陈词:一个客户的故事
 
 
三个大脑排名需分先后,但重要性旗鼓相当,同时每个人的禀赋有差异,三个脑子的发达情况不同,比如一些朋友特别能处理功能问题,一些朋友善于让设计出彩,而一些朋友则灵感创意不断。
 
无论如何,在设计工作中我们要重视三个大脑的健全,可以重点强化薄弱的一方。
 
关于理性脑的部分我还想补充几句,这几句关于项目承接。
 
就是当你
遇到一些对你不信任的客户时需要谨慎合作,甚至拒绝合作,
我们最近遇到一位奇怪客户,其实这个奇怪也不复杂,就是她似乎详尽办法希望白嫖。
 
对方咨询的是品牌设计,前面一切沟通似乎很爽快,中间希望我们附赠相关服务,因为熟人介绍,且前面确实合作过两个小设计,我们就同意了赠送一部分服务。
 
但没想到提供合同后对方居然提出要初稿满意才支付预款,我们一口回绝,然后她又提出只愿意支付预款的10%,相当于项目总价的二十分之一(正常预款是总价50%),让我感觉非常滑稽。
 
我提出合作前不信任其实不必合作,她继续纠缠说了很多不着边际的话,想着过去曾经合作,我最后同意40%的费用启动项目,然后我就没有跟她继续讨论,当时我已经不希望承接这个项目,所以第二天也没有发出合同。
 
没想到隔了两天她又提出怎么不发合同,我想了想,还是将合同发出让其自行修改付款比例。
 
如此这般足足又隔了12天,过程中我并没有主动询问任何情况,她忽然又将合同回发说调整了一点内容,我一看居然增加了多项设计,而且将原本7个工作日的周期改为2个工作日。
 
当时的我已经生气,直接回绝无法再增加附送设计,当她还是扯东扯西的时候我就提出:请另请高明,我们无法满足你们的条件。
 
本以为就这样结束奇遇,没想到她又回应可以将新赠送部分拿掉,还是希望能合作,我也不想让她难堪,于是也同意了。
 
修改好的合同她又一次确认,但到了打款阶段又再提出各种说法折腾了几天,比如可以付费先做海报设计之类,直到如今都没有真正合作,让我感觉非常无语。
 
其实她真正的诉求就是希望不花钱或者少花钱将自己需要的设计完成,
做生意以和为贵,我也不想直白的戳穿她。
 
作者:设计史太浓
来源:站酷

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

设计师,一定要会做设计推动!

博博 设计思维

01)做设计推动的价值

设计之前的定位是支持角色,主要的能力有两点:

  • 作为产品和用户之间的翻译官,把复杂的业务逻辑翻译成用户能了解的方案,让用户使用的更顺畅。

 

  • 作为产品和研发之间的桥梁,把功能的界面描述,变成具体的操作流程、原型、标注切图,来提供给研发,让他们能把功能具现化的实现。

 

在这其中,很多团队设计和产品的工作是高度融合的,很多idea都是一起讨论出来的,所以无法对设计的贡献做具体量化,这就是不好回答设计价值贡献的原因。

为了解决这个问题,越来越多的设计团队在开始做设计推动,通过设计来找到业务的问题,然后通过方案来解决,这样就体现了设计对于业务的独立贡献。

在设计推动中,设计是项目的onwer,对项目的体验有更强的把控,很多有价值的体验点都可以按期落地。
除此之外,设计推动还可以提升设计团队在业务中的影响力,获得更多的资源,让设计在业务决策占有更多的主动性

02)做设计推动的难点


做设计推动,对设计师提出了很大的挑战,需要他们在业务的角度,去了解业务、了解数据、挖掘问题。

通过对这3个维度的了解,来找到设计可以解决的切入点,并形成可以落地的方案,还要验证方案的可行性、推动方案能落地上线,来为业务解决问题,带来核心指标上的大幅提升。

我们准备了一个4步法,来让大家更容易做设计推动。话不多说,就来看看是4步吧。

03)4步教你做设计推动

第一:了解业务

对业务有全局的了解。很多设计师只关注需求相关的内容,对业务全貌并不了解,在这种情况下挖掘的问题,要不就是不被业务认可,要不就是解决后带来的价值不高。所以我们要了解:

了解业务目标
我们一定要了解业务的目标,不然就会出现,优化点虽然产品团队认可,但并不在他们的计划内,就会导致优先级很低,在非常长的一段时间内,不能被安排排期。
所以,我们一定要了解产品的目标,这样做的内容才是他们想要的,才能有资源安排上。

了解业务的运转关系
我们要了解业务下面各个功能模块之间的关系,包括数据的流动关系,数据和信息在不同功能模块之间的传递方式。不同功能模块的交互关系、不同功能模块之间的依赖关系,包括硬性依赖(一个功能模块的输出是另一个模块的输入)和软性依赖(合作、决策等),这有助于识别潜在的风险和瓶颈。

参与业务讨论和会议
多参与业务讨论的会议,这样就可以了解业务的动态和重要决策,这将有助于你更好地把握业务的方向。如果后续需要和业务进沟通,也会因为脸熟,沟通会更方便。

了解各个角色的分工
需要确定不同部门和岗位的角色和职责,了解他们在业务运作中的定位和协作方式。
需要了解各个部门和模块之间的沟通和协作方式,包括例会、项目管理工具、文档共享等
这样我们可以知道角色对于项目有帮助,或者如果出现了问题,可以找到谁来解决。

第二:挖掘问题

问题的挖掘有很多渠道,通过对数据的了解、通过调研、通过业务的反馈,无论哪种方式,都要和业务目标靠近。

数据埋点
主动提埋点需求。很多情况下,设计师感觉这里有问题,但是没有客观的依据就没法证明问题的存在。数据分析是一个极好的方式,但遗憾的是,很多公司的数据埋点是产品提出的,设计需要统计的数据可能没有,这是就需要设计师提出对应的埋点需求。

用户研究
通过日常对用户的研究,来积累用户相关的问题,作为后续设计点的依旧来源。
通过这些访谈中的反馈,我们可以把问题的影响、出现的频次、用户的使用场景的内容都描述清楚。
如果要邀请其他角色加入,就要让其他人了解问题的对应的背景、紧迫性、重要性,这样才让对方更有意愿一起来解决问题。
这种协作和问题解决的过程,有助于设计推动项目的成功实施。

日常观察和使用
在日常工作中,无论是设计师还是其他团队成员,都可能发现产品的问题或体验瑕疵,比如用户的吐槽、发现的 bug,或者体验上的障碍等等。这些问题可以成为推动项目的切入点。

第三:推动方案

方案定义
一旦找到了设计切入点,就可以来定义:

  • 设定设计目标:设计能解决问题的方向,以及和挖掘问题之间的关系
  • 制定设计策略:解决这些问题的手段是什么
  • 确定衡量指标:解决这些问题后,能带来怎样的价值,以及价值和设计的关系是什么

 

通过上面内容的定义,可以确定此方案的可行性,以及对于业务的价值。
目标和策略的定义,最好简单点说,不要说那些高大上的黑话,譬如顶层逻辑,底层闭环,链路赋能之类的。本来设计的专业名词让其他人理解就有成本,再加上这些黑话,就会让人不明所以然,就让人不容易理解。
反正就是要说人话,最好公司的保洁都能听懂。

为了能让多方认可方案,通常会开会汇报,来邀请更多的与会者,横向拉通共识,然后就可以开干了。这个方案包括:

  • 定义内容:包括设计目标、设计策略、衡量指标等内容
  • 方案初稿:具体的方案,建议以交互方案为主。在这个解决更多是阐述可行性,放视觉内容有些浪费,可能后续会有较大的调整
  • 演示demo:制作演示demo要比干巴巴的讲ppt更有画面感。但是要注意时间投入,不要在demo上花费太多时间。demo是点睛之笔,不是必要内容,如果在上面花的时间太多,就有些本末倒置。如果有些公司不用ppt演示,用word或思维脑图汇报,我建议就不用加演示。

 

汇报要挑重点内容讲,大家的注意力是有限的,不要讲述太多细节,老板更在乎的是这件事解决后能带来什么价值,以及方案的运转逻辑是否合理。这个汇报一定要让你的老板参加,如果遇到一些棘手的问题,他可以帮助你解答。

还有,在方案设计阶段,最好邀请产品来做把关,他们可以为设计提供业务视角的建议,可以作为对方案的有益补充,这样可以增加提案通过的成功率。而且大老板们也希望看到多多团队在一起共创,体现了员工的主动性。

第四:落地把控

对于设计推动项目来说,最担心的就是推动过程中的风险问题。因为设计推动不像产品需求,有流程来保驾护航,有项目经理来进行把控管理(有些公司没有项目经理,就是由产品兼职),全程都是设计在推动,稍有不慎就会导致项目的夭折。所以和多个角色沟通,识别潜在风险,确保项目能安稳落地。

邀请项目管理角色
如果可能,专业的事情就应该交给专业的人来做,最好能要到项目管理的角色,来帮你分担这部分风险,确保项目的安稳落地。而且落地过程中的琐事非常多,有很多不是设计师擅长处理的,有这个角色的存在,还能让你安心投入推动项目中,减少无意义时间的损耗。

邀请产品来共创
如果可能,最好能和产品一起共创,通过这个过程,设计团队能够更好地与产品团队协作,确保设计与业务目标保持一致。这种紧密的协作方式有助于双边的合作信任,实现设计推动的成功落地。
如果有产品介入,就可以让他来写PRD。如果让设计师来写PRD,就会有质量问题,譬如缺少重要环节,策略写的不完善等等,毕竟设计师不是专业的。在落地过程中就会暴露这些内容的缺失,然后在进行补充,这非常影响工期。


作者:纪笙
来源:站酷

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

竞品分析流程讲解及实战经验分享

博博 设计思维

什么是竞品分析
竞品分析是指:对竞争对手的产品,从不同维度进行分析对比,找到竞争对手和自家产品的优势、劣势,通过数据分析,找出自身哪些优势需要发扬、哪些劣势需要优化,别人的哪些优点可以吸取、哪些缺点需要避开,同时找出未发现的机会点。进而推导出自家产品下一步的方向。最终为战略部署、产品设计、运营策略等环节提供建议和参考。

而竞品分析对象可分为:直接竞品、间接竞品、潜在竞品
直接竞品:与自己的产品 ,业态相同,目标用户相同,产品功能相似
间接竞品:与自己的产品,存在相近的功能或客户需求
潜在竞品:与自己的产品,无竞争关系,某些功能、流程、界面值得借鉴
竞品分析的定义,相信大家都很熟悉,知道了什么是竞品分析,那我们在工作中应该在什么节点进行竞品的收集与分析呢?
何时做
众所周知我们的产品存在的生命周期大致分为:开拓期、成长期、成熟期
而竞品分析是贯穿在产品的各个生命周期中,为每个周期阶段提供不同侧重点的数据分析报告。
开拓期--》关注行业情况、产品定位、用户需求
成长期--》关注功能框架、业务流程、交互视觉
成熟期--》关注体验细节、运营策略、新的创意
上面从产品生命周期的维度,简单介绍了竞品分析的侧重点。
那在实际产品产研流程中,竞品分析又该何时进行?
多数公司产研流程大致包含:市场分析、用户调研、需求设计、产品设计、交互设计、程序开发、程序测试、产品发布
而竞品分析则需要从市场分析阶段开始,以便结合分析数据,协助产品敲定产品功能、确定业务流程、拟定运营方向。
当然,不同的公司,流程上会略有不同。
有些公司会根据市场、用户调研数据来拟定产品目标方向,然后再根据此目标来扩散,最终经过产研流程推动产品发布上线;而有些公司会根据高层初定的产品方向,在此方向的基础上,通过调研拟定流程,最终推动产品上线。前者调研范围和方向更广更泛,多以业务营销指标为调研目标;后者则更加明确具体,多以功能交互流程为调研目标。(前者类似非命题作为,后者类似命题作文)

如何做
理论讲的差不多了,下面说说竞品分析如何做。我将结合我经历项目,对竞品分析步骤进行拆解介绍。
这里先说说我们的项目背景:
在已有“电商”功能的基础上,结合新的社区功能,通过发布社区内容关联商品;推出达人功能,通过评分机制,对作者进行达人评比,获得达人称号后可获得对应奖励;同时对电商产品进行升级,视觉及体验需要优化。从而达到拉新、提升日活及转化率的效果。

而竞品分析的流程分为:明确目标、选择竞品、确定维度、竞品收集、对比与分析。

下面我们按步骤介绍:

01确定目标
首先分析我们的产品其实是处在开拓期和成熟期两个阶段之间,既有较成熟的电商功能,又需要加入新的社区功能。那我们的竞品分析则需要包含这2个阶段所有的侧重点。

产品阶段:开拓期与成长期之间
产品属性:到家服务+社区功能
分析目标:行业情况、产品定位、用户需求+功能框架、业务流程、交互视觉
调研目的:产品升级、视觉升级、体验升级、业务升级

02选择竞品
确定好分析目标后,我们需要确定分析对象,前面有说到分析对象分为:直接竞品、间接竞品、潜在竞品。而我们的功能既包含电商和社区,所以在选择对象时要包含两者各自的业务属性。

我们的产品拟定是社区发文带货的形式,根据功能要求,所以我们进行了直接、间接、潜在竞品的筛选。
03确定维度
分析维度通常分为战略层、范围层、结构层、架构层、表现层5个大的维度。
产品侧可从战略、市场、功能、技术、设计等维度;
用户侧可从感知、性能、易用、包装、价格等维度。
分析维度可根据具体需求、功能以及业务属性来定。结合我们当前工作的需求,我们大概收拢了一下收集的范围,从情绪传递和流程功能布局2个大的维度来收集。情绪传递包含:应用名称、slogan、界面色调/配色、文案风格、图标风格;功能布局包含:页面布局、应用功能、功能流程等等;
04竞品收集
确定好分析的竞品和维度后,我们就可以进行具体的精品收集啦。
对于数据类的收集,我们可以通过各大数据资讯网站来获取。
例如,我们的项目需要确定产品名称和slogan。通过查阅各大应用排行网站,查询相关业务排行靠前的产品命名方式,然后去前10的产品官网,收集对应产品的slogan、产品简介和服务亮点,从而推导出竞品命名的方法及slogan传递的价值。
通过分析这些数据,结合我们的公司战略方向、目标用户群及产品功能特点,最终讨论确定产品名称和slogan。同时slogan传递的业务价值,也为后期运营初定了一个方向,运营可围绕slogan传递的价值来进行方案的拟定。
而页面布局类功能流程类的收集,就需要亲自体验了。找到竞品产品,按照定好的维度,体验并记录产品功能流程,体验过程中随时截图/录屏留存。同时需要记录使用时的体验感受,根据调研维度,形成初步的体验记录。

05对比与分析
竞品信息收集好后,就需要静下心来,对比分析了
竞品分析的方法有多种,比较常见的有SWOT分析、竞品分析矩阵、Yes/No表格法、精益画布、竞品画布、视觉解剖等。

这些分析方法很多时候需要多个结合来分析,最终得出更加有效分析结果。而我这次使用的是竞品分析矩阵,然后结合SWOT分析法推导出产品改版升级建议。分析结果出来后,就需要与团队内其他成员共同讨论,确定产品最终的升级方案了。当然讨论过程即是思维碰撞的过程,在讨论过程中,队友会在一些点上提出自己不同的建议,这时就需要根据这些问题点,继续收集相关资料进行对比分析后得出结论。
总之竞品分析并不是一次性的工作,时间有限的情况下,单次的竞品分析难免存在调研对象不够全面、数据不够精准的情况,所以分析需要在团队讨论、碰撞中不断补充优化,

OK,以上是我本次竞品分析过程。整个流程从分析自家产品确定目标,分析市场确定竞品,分析竞品得出分析数据,最终团队讨论确定产品迭代/升级方案。当然,由于项目和团队背景,此次的分析涵盖面其实是不全的,只着重在范围、结构、框架3个层级上进行了收集与分析,但已满足团队当前的需要。

避坑点


介入时间
竞品分析介入的时间必须前置。因为竞品分析是为了后期确定产品方向、产品功能、业务流程、交互形式等等输出有参考价值的分析报告,对后期的整个产研流程都有影响。
若竞品分析过于滞后,可能导致产品规划没有参考分析数据来规划,与市场行情、产品趋势、用户习惯脱节;也可能导致分析时间不够,调研样本数据不够广,数据分析结果不精准。
如果碰到那种拍脑袋定方案的项目,那竞品分析就更需要提前让团队了解,避免产生大量的“无用功”。

输出形式
网上的竞品分析输出形式有很多种,个人觉得输出形式不需要太刻意,重要的是将客观的分析结果展示清楚,并且方便你的团队成员查看即可。像我这次,竞品分析报告会包含很多竞品的截图,我是直接在fimga上收纳文件,整理成矩阵表,将所有的图和表格都在一起,方便其他成员查看。

持续关注
对于调研的样本,需要持续关注他的动向,特别是直接竞品。要及时发现随着市场变化,竞品产品采取的措施或改动,进而分析市场行情、业态变动,也为自家产品迭代方向收集相应的数据支撑。

作者:BDZJason
来源:站酷

 

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

如何为用户提供正确的键盘输入类型?

前端达人 设计思维

Android和iOS系统都设计了针对特定表单字段的指定键盘输入类型。但大多数开发人员未能在他们的代码中指定正确的键盘输入类型。这会导致移动设备上的表单完成效率变慢。本文以Android平台为例。
一、输入类型并不总是“文本”
大多数开发人员错误地将每个表单字段的输入类型设置为“文本”。这存在问题,因为每个表单字段的输入并不总是纯文本。通常都有一些字段要求输入带有数字或字母和数字组合的信息。当用户尝试填写这些字段时,他们应该看到一个数字或字母和数字组合的键盘。
不幸的是,当每个字段的输入类型都设置为“文本”时,它会强制用户使用文本键盘来输入数字或字母和数字组合,输入时举步维艰,不是误点,就是需要频繁切换,输入体验十分糟糕。
因此,请务必为每个表单字段指定输入类型,以便系统能够显示相应的键盘。除了指定输入类型,我们还应指定相关行为,例如输入法是否提供拼写建议、是否将句子的首字母大写,以及是否使用“完成”或“下一项”等操作键替换“回车”。
输入类型、行为、操作键整理如下:
如何为用户提供正确的键盘输入类型?
 
 
例一. 邮箱地址字段
表单要求用户提供他们的邮箱地址是很常见的。当我们将输入类型设置为“邮箱地址”时,它会为用户提供一个针对邮箱地址输入的键盘。这个键盘不仅显示字母,还可以显示“@”和“.”,用户可以轻松地输入他们的邮箱地址。
如何为用户提供正确的键盘输入类型?
 
 
例二. 姓名字段
英文名是专有名词,英语中专有名词的第一个字母要大写。我们将输入类型设置为“人名”,并且设置单词首字母大写。用户无需对英文字母进行大小写切换。
如何为用户提供正确的键盘输入类型?
 
 
二、每个键盘对输入类型的反应可能不同
案例一:登录页面的密码输入
钉钉将密码框输入类型设置为“密码”。假定密码为 z0h0a0n0g。
  1.  
    百度输入法显示密码键盘,完成密码输入仅需点击 9 次。
  2.  
    搜狗输入法显示文本键盘,用户需在字母和数字之间切换,完成输入需点击 17 次。也支持长按第一行的字母输入数字。
  3.  
    微信输入法显示文本键盘,完成密码输入需点击 17 次。不支持长按字母输入数字。
如何为用户提供正确的键盘输入类型?
 
 
案例二:登录页面的手机号输入
钉钉设置电话号码键盘右下角为“下一项”按钮。
  1.  
    百度输入法的键盘右下角显示“回车”,用户完成手机号输入后需手动获取密码文本框焦点。
  2.  
    搜狗输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
  3.  
    微信输入法的键盘右下角显示“下一项”,用户完成手机号输入点击下一项,密码文本框自动获取焦点。
如何为用户提供正确的键盘输入类型?
 
 
三、Input Type 助力产品输入体验的提升
通过应用 Input Type 你可以正确的为每个文本字段设置特定的输入类型,以及看到每个输入类型(以及输入类型的组合)如何影响键盘。
我最初开发此应用是为了促进工作中跨部门高效协同,但我希望通过此应用能够赋能给更多的人,提升协同效率的同时更好的提升产品输入体验。你可以在这里免费下载:
https://www.pgyer.com/vT29
Input Type这个工具需要安装在安卓手机上,如果没有安卓手机可以电脑上安装一个网易MuMu安卓模拟器就可以用。
应用截图
应用截图
 
感谢阅读,以上就是本次分享的全部内容,希望你能从这篇文章中有所收获。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发



作者:交互设计师张楚
链接:https://www.zcool.com.cn/article/ZMTYwODAxMg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档