首页

向用户请求权限的正确方式

博博 设计思维

 

权限的目的是保护用户隐私,那么在何时以及用什么方式请求用户权限会是比较合适的?本文将详细介绍Android的运行时权限模型,并展示设计一个UX来请求你的应用程序所需的权限,希望对你有所启发。
从Android 6.0开始,没有在安装时请求所有权限,而是引入了运行时权限模型,开发者可以控制应用何时以及如何请求权限。这如同你想邀某人出去约会,过早、过频繁或以错误的方式对你来说并不好。
本文我将详细介绍Android的运行时权限模型,并向你展示如何设计一个UX来请求你的应用程序所需的权限。权限的目的是保护用户的隐私,但当你请求权限时,你是在要求用户放弃一点隐私,因此,你需要提供明确且平等的利益以换取访问。运行时权限允许你在用户更了解你请求权限的原因和授予权限的好处时选择合适的时间请求权限。Android实现它们的方式使得以正确的方式请求它们变得十分重要。
运行时权限模型有利于保护用户的隐私,当你的应用程序请求权限时,Android会显示一个对话框让用户接受或拒绝它,第一次请求权限时对话框不会显示“不再询问”复选框,只会在用户至少一次拒绝权限请求后显示它,你可以检查之前是否被拒绝过,并明智的决定在何时提供更多教育。
向用户请求权限的正确方式
从Android 11开始,如果用户在使用应用的过程中多次拒绝某项特定的权限,那么在你的应用再次请求该权限时,用户将不会看到系统权限对话框。该操作表示用户希望“不再询问”。
你无需过度防御,例如在实际请求权限之前你始终通过预许可(预授权)来衡量用户授予权限的可能性,本质上是请求两次,这种双重提示可能是不必要且烦人的,你可以通过在正确的时间以正确的方式询问来达到同样的效果。
Material Design分解了在两个维度上请求权限的不同方法。首先权限对你的应用程序的运行有多重要?其次,你请求它的原因有多清晰?根据这两个因素,建议你采用不同的方法来请求权限。
向用户请求权限的正确方式
预先请求权限(Ask up-front)
如果某项权限对应用程序运行至关重要,并且显而易见为什么需要请求它。例如日历应用,拒绝日历权限会使应用程序无法运行,并且用户显然知道日历应用的用途以及请求日历权限的原因,因此
不需要用任何不必要的解释来打扰用户,只需在用户首次启动应用时立即请求它即可。
向用户请求权限的正确方式
预先教育(Educate up-front)
如果某项权限对应用至关重要,但请求它的原因不是很清晰。例如信贷应用,为了准确评估用户的信贷资格、偿还能力和防范反欺诈,通讯录权限、通话记录权限、位置权限对于风控而言非常重要,建议请求权限之前对用户进行教育。
向用户请求权限的正确方式
使用场景中请求权限(Ask in context)
如果应用中的某项次要功能需要权限,但请求它的原因很清晰,建议你在使用场景中请求权限。例如笔记应用允许用户使用语音或音频创建笔记,那么很明显为什么此功能需要麦克风权限,无需过早的请求它,以免用户负担过重,最好等到用户尝试使用该功能时,因为用户更有可能允许符合其预期的权限请求。
向用户请求权限的正确方式
结合使用场景进行教育(Educate in context)
如果应用中的某项次要功能需要权限,并且请求他的原因不是很清晰,建议你结合使用场景进行教育。例如笔记应用允许用户与朋友协作,那么请求联系人权限可能是合理的,但它不是显而易见的,当用户调用该功能时,解释应用获得联系人权限后可为用户提供哪些好处,比如自动填充邮件地址,然后才请求联系人权限让用户授予它。
向用户请求权限的正确方式
处理权限请求遭拒情况
通过使用正确的方法,用户应该清楚应用请求权限的原因以及应用获得权限后可以为他们提供哪些好处。然而,这并不意味着用户一定会授予权限。如果用户拒绝了权限请求,建议采用以下做法:
  • 在应用界面中突出显示因为没有获得特定权限而受限的功能所在的具体部分,例如在原本用于显示该功能的结果或数据的位置显示一条消息,让用户知道因缺少权限而无法使用该功能,帮助用户在权限和功能之间建立心理联系。
  • 不要阻止界面显示,不要全屏警告消息,让用户根本无法继续使用应用。即使在权限请求拒后,应用也应尽可能提供最佳的用户体验。例如即使麦克风使用权限请求遭拒,仍应全面提高文本功能的易用性。
  • 用户可能已经选中了“不再询问“复选框,应用可能会在用户未看到权限请求对话框的情况下受到拒绝,此时应用应该提供一个链接,链接到设备设置中用户可以打开权限的具体位置。
尽量减少权限请求
在应用中声明权限之前,请先考虑是否需要这样做,或者是否有替代方法可以在应用中支持该功能。因为如果应用声明权限,那么每当用户使用需要运行时权限的功能时,应用便不得不中断用户的操作,请求相应权限。然后,用户必须做出决定。如果用户不能理解您的应用为何请求特定权限,可能就会拒绝授予该权限,甚至卸载应用。
下面介绍几个可以在不声明任何权限的情况下实现的用例:
拍摄照片/录制视频
Android为应用提供了相互通信的功能,让你可以将任务委托给其他应用。例如,如果你希望允许用拍照,但它不是应用的核心部分,可以考虑使用Intent请求相机应用拍摄照片并将其分享给你的应用,这样就不需要CAMERA权限。
自动输入动态短信验证码
双因素身份验证流程中,动态短信验证码作为第二校验因素时,使用SMS Retriever API(短信检索器)可以让应用自动执行用户身份验证,不需要用户手动输入验证码,不需要READ_SMS权限。  
 
作者:交互设计师张楚
来源:站酷
 

 

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

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

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

软件qt开发软件wpf开发软件vue开发

如何提高设计还原质量和验收效率?

博博 B端界面设计文章及欣赏

最近我们做了一次全新改版的项目。作为此次项目的设计师,从项目的前期分析、设计、交付开发、验收上线,整个流程,在项目走查验收阶段我们设计师投入了30人/天!占了设计师整体投入的50%!在我们觉得应该设计投入最少的阶段,却占了我们大量的工作 且最后还原度也远不达预期。
在这个项目中我遇到了哪些问题:
通用组件更改困难
验收过程反复、低效
技术设计没有达成共识,技术对交互体验层面和视觉层面的问题敏感度很低
还原问题反馈不及时,有些问题项目后期验收的时候才暴露
前期对还原度工作评估不准确,导致后期发现问题 来不及修改
还原问题不单单是设计师把设计稿做的多精准,标注的多仔细,这么简单就能解决的。是设计和开发,团队之间的合作共识问题。我把整个和开发对接工作分为前中后三个阶段,在这里从头来梳理一下,聊一聊设计师和开发如何高效对接,也是对自己的一次复盘总结。
如何提高设计还原质量和验收效率?
一、评审/排期
1.1、设计师对还原的要求宣讲
在评审环节,设计师本人一定要将自己的设计稿进行宣讲、帮助开发理解。注意给技术讲述一些适配要求、设计规范、交互状态及动效等,同时解答技术同学的一些疑问,这样就能将一些可预见的问题解决掉,解决后期的沟通成本。
有一些地方有多种实现方式,如果前期没有跟开发沟通清楚,就会导致最终实现的效果存在误差,比如:下方这个tab项,单给一张图,开发根本不知道设计师想要的实现方式是什么,固定间距还是固定菜单宽度,还是每项平分宽度,最后很大可能就会按照自己的理解去做了,导致出现重复返工的现象
如何提高设计还原质量和验收效率?
再比如一些点击热区,如果不手动标明,有可能就做的很小
下图是我们手动标注的热区
如何提高设计还原质量和验收效率?
1.2、实际开发者要参与评审
每个开发负责的具体页面模块不一样,别人对具体了解程度也不会不一致,所以在评审会议上,一定要具体开发者在场,如果对应开发没有发表意见,设计师可询问,确保他已经理解需求。
1.3、开发充分评估还原工作问题
设计师在讲解自己的要求后,开发也要及时反馈是否有还原困难,如:是否有技术限制?是否有组件改动困难(牵一发而动全身)?实现成本过高(投入产出的性价比不够)?等意见和原因,设计师也可抛出之前是否遇到过类似的阻碍,帮助开发去了解。
1.4、认真记会议纪要
评审过程的问题和重要讲解点,一定要记录下来,会议中开发提出的一些问题及解决方案、或者没有达成共识的地方,记录下来等领导决策,在会议结束后以邮件形式、或wiki文档发送前端们,抄送产品,确保会议内容的传达到位。后面也好跟踪。
还有一点就是,我们之前遇到的情况,在宣讲会上 讲解的一些要求,开发在做的时候可能就忘记了,让开发改他认为设计没有明确要求、会有点难推动,就会搞得双方都有抱怨。有会议记录也可避免此类情况发生
二、开发阶段
2.1、还原有问题及时反馈
在前面我们做了详尽的沟通和评审,但有时也避免不了在开发过程有些问题才发现暴露。这个就需要开发同学能重视还原问题,积极沟通反馈,和设计确认商议 是否有其它可替代方案,切勿自己发挥,等到后期验收的时候才说出问题可能会影响进度。
​2.2、开发完成后对齐设计稿自查
开发者在完成自己负责的模块界面时,可自己对齐设计稿自查一遍,参考【3.1验收标准】的表格,可帮助判断问题,在此阶段也可发给设计者确认效果。
三、验收阶段
如何提高设计还原质量和验收效率?
3.1、测试同学确保交互和视觉还原度至少在70%左右
这里可以提前在项目排期阶段,设计师将所需的验收工时同步给技术和测试,将验收时间考虑进去
为什么要求测试同学保证还原度至少在70%呢?
因为如果不要求测试走查还原度,设计验收的时候就会有大量的问题,最后变成设计在测试界面而不是验收。设计师不像测试对整个流程的测试配置那么熟悉方便,反复验收需要测试和设计不断配合,双方的工作量都会加大。
理想的状态应该是测试整个流程走通,视觉和交互还原问题也要着重测试,设计和产品在测试没什么大问题后再进行验收。
参考【验收标准】的表格,可帮助判断还原问题
如何提高设计还原质量和验收效率?
3.2、明确知道模块的开发者
最好是提前知道模块的开发者,这样验收的时候一对一进行模块的打版验收效率更高
3.3、设计走查问题标注优先级
技术对功能上的BUG,可以自己很好的判断哪些是严重的紧急的,但对于视觉和交互层面的感知就比较低。在提问题单的时候,我们可以帮他标注出优先级,告知开发哪些是比较严重的需要优先修改的,不然 开发自己很难判断,可能就会挑一些比较好改的先改了,重要的问题反而被搁置了。尤其在项目时间比较紧张的时候,有优先级标注 开发能够看出哪些是可以为项目进度做出妥协的,哪些是必须要修改的。
如何提高设计还原质量和验收效率?
3.4、BUG单
设计提BUG单的不能简单的说这里出错了,请参考设计标注重新调整。要直接给出正确的尺寸、增多少、减多少、这样可帮助技术提高更高效率,也能避免开发自己去看又出现误差、又要返工修改。
如何提高设计还原质量和验收效率?
3.5、遗留问题有记录
如何提高设计还原质量和验收效率?
四、结语
设计师在验收过程中容易遇到的一个比较头疼的问题就是,技术和产品小伙伴可能因为项目上线时间紧,觉得视觉还原和页面交互体验上的问题不重要不给予修改,优先保障功能上线。
除了这些原因,设计侧也在检讨总结,自己有哪些做的不足的地方,所以 以上文档也是对接下来工作的优化方案。设计还原度也是日常考核之一,需要大家重视,好的产品要严格把控精心打磨,希望这次的总结、相关流程和经验,在接下来工作中能够提升设计验收效率和还原度。

作者:考思考
来源:站酷

蓝蓝设计(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 你可以正确的为每个文本字段设置特定的输入类型,以及看到每个输入类型(以及输入类型的组合)如何影响键盘。
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开发

从产品创新到品牌体验,设计究竟有多重要?

前端达人 设计思维

在当今激烈的商业竞争中,企业成功的因素多种多样,其中设计是否成为决定性因素备受争议。从产品创新到品牌体验,设计的影响力逐渐凸显。本文将深入探讨设计在商业领域的重要性,并剖析其如何塑造企业形象、影响产品销售以及提升用户体验。

 

1. 设计与产品创新

产品创新是企业保持竞争力的关键之一,而设计在这一过程中扮演着重要的角色。通过独特的设计理念和创新的外观,企业能够突破传统,吸引消费者的注意力。例如,苹果公司凭借其独特的产品设计,成功地将智能手机从功能性产品转变为时尚潮流的代表。

 

2. 设计与品牌形象

品牌形象直接关系到企业在市场中的地位。设计不仅仅是产品外观,还包括标志、广告、包装等各个方面。一致、有吸引力的设计能够加强品牌认知度,形成独特的企业形象。例如,可口可乐的标志设计一直以来都是简洁而具有辨识度的代表,为品牌树立了强大的形象。

 

3. 设计与产品销售

消费者在购买产品时通常会首先被外观所吸引,而设计正是影响消费者购买决策的一个重要因素。产品设计的吸引力可以直接影响销售情况。一款外观精致、符合消费者审美的产品更容易赢得市场。因此,企业在产品设计上的投入,往往能够在销售层面获得回报。

 

4. 设计与用户体验

随着消费者对产品体验的重视不断增加,用户体验设计变得愈发关键。用户友好的设计能够提高产品的易用性,增强用户满意度。无论是软件界面还是实体产品的操控,设计都直接影响着用户的感受。互联网公司中,用户体验设计更是被视为至关重要的一环,因为一个良好的用户体验能够促使用户更加愿意持续使用产品。

 

结语

在当今商业环境中,设计不再是简单的装饰品,而是企业成功的关键因素之一。从产品创新到品牌形象再到用户体验,设计在多个层面发挥着重要作用。企业若要在竞争中脱颖而出,就需要认识到设计的战略价值,并将其纳入业务发展的核心考虑之中。在这个创新迅猛的时代,或许真正能够决定企业命运的,就是那个看似微小却能够改变一切的设计元素。

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

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

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

B端产品 | 如何快速建立业务&产品认知

博博 设计思维

先说结论:是很好的“答疑期”,但帮助有限,学会问问题,同时接纳自己暂时不懂的情况。
 
在入职后,一般会有业务方向、研发背景、设计思路、产品使用流程等方面的培训讲解。但即便同事讲的不错,对于刚入职的我们来说,也很难短时间内消化掌握,并直接应用到设计工作中。
 
在这个时期,有三点建议:
  1. 找关键词
  2. 虚心请教
  3. 提出问题并给出方案
 

用户界面设计:是不是界面越简单,用户体验就越好呢?

前端达人 设计思维

用户界面设计是现代软件开发中至关重要的一环。在设计过程中,一个常见的争论是是否简化界面能够提高用户体验。本文将探讨这一问题,分析简化界面和提高用户体验之间的关系,同时讨论一些成功案例和最佳实践。

 

引言:

随着科技的发展,软件应用和网站的用户界面设计成为用户与技术互动的主要媒介。传统观念中,简化界面通常被认为能够提高用户体验,但这是否总是成立呢?

 

界面简化与用户体验:

简化界面的理念是通过减少复杂性,使用户更轻松地完成任务。然而,这并不意味着一味地去除所有元素。在设计中找到平衡点至关重要,避免因过度简化而导致用户迷失在功能缺失的迷宫中。

 

成功案例分析:

一些知名的软件和平台通过简化界面取得了显著的成功。例如,移动应用界面通常更简单,专注于核心功能,为用户提供高效的体验。另外,一些社交媒体平台也采用清晰简洁的设计,让用户更容易分享和互动。

 

界面简化的挑战:

然而,过度简化也可能引发问题。某些应用在简化的过程中可能削减了一些用户希望使用的功能,导致用户体验下降。因此,在简化界面时,设计团队需要深入了解用户需求,确保保留关键功能的同时简化操作。

 

最佳实践:

为了在简化界面中取得成功,设计团队可以采用一些最佳实践。这包括用户研究,以了解他们的期望和需求,持续的反馈循环,以及对设计进行用户测试。通过这些方法,设计团队可以更好地理解用户,从而创造出简单而强大的界面。

 

结论:

在用户界面设计中,简化并非唯一的成功途径。用户体验的提升需要在简化与功能之间取得平衡。通过深入了解用户需求、采用最佳实践,并不断优化设计,设计团队可以打造出符合用户期望且高效的界面,提升整体用户体验。

B端基础 | 全套WEB表单设计基础

博博 设计思维

第一部分 | WEB表单设计
在B的设计中、表单是我们最为常见的设计内容。下面我们来学习如何做好表单设计这部分内容。
1、什么是表单
我理解表单就是系统为和用户进行交互、所要收集用户信息的或获得用户反馈的一种方式的载体。在后台产品中对我们数据做的增、删、改、查、验都可以通过表单完成。
B端基础 | 全套WEB表单设计基础
 
 
表单是一种用于收集用户输入的HTML元素,通常用于创建用户与网页交互的表单。表单可以包含各种输入字段,如文本框、复选框、单选按钮、下拉列表和提交按钮等。当用户填写表单并提交后,数据将被发送到服务器进行处理。在web开发中,表单是实现用户交互和数据收集的重要手段之一。
 
1.1、常见应用场景
在我们的后台系统中、我们表单在70%的场景上都会使用到。采集录入数据信息、编辑数据信息等。如我们SaaS管理平台的学员录入、档案查询、奖励规则设置等。
B端基础 | 全套WEB表单设计基础
 
 
2、表单设计原则
设计原则是任何一种解决方案的指路灯。我们在表单的设计中需要遵循以下原则、
简洁明了、清晰高效、适应业务、及时反馈。
B端基础 | 全套WEB表单设计基础
 
 
2.1、简洁明了
表单的设计应该简洁明了,避免过多的装饰和元素干扰用户填写表单。
 
2.2、清晰高效
表单中的各个字段和选项应该清晰可见。用户应该能够快速找到需要填写的字段和选项,并且填写过程中不会遇到过多的困难。
 
2.3、适应业务
应该符合我们的业务应用场景、满足我们的业务需求。
 
2.4、及时反馈
在用户填写表单的过程中,应该提供适当的反馈,例如输入验证、错误提示等,以便用户能够及时了解自己的输入是否正确。
 
3、表单构成
我们通常的表单都基本都是由、标签、域、提示、操作按钮这四个部分构成的。
B端基础 | 全套WEB表单设计基础
 
 
3.1、标签
标签文本主要是解释输入项的含义,一般不宜太长,需要简明扼要,快速让用户理解。输入框标签在布局上可以分为
左标签、顶标签、行内标签
。这三种设计在许多情况下可以提高可读性和用户友好性,但也有一些潜在的缺点。
B端基础 | 全套WEB表单设计基础
 
 
3.1.1、左标签
优点:可读性强、减少用户的认知负担。布局直观、提高填写速度。
缺点:不适合长标签、对业务场景适用性差。
 
3.1.2、顶标签
优点:节省空间、减少表单的长度和宽度。视觉层次清晰。
缺点:需要额外的间距、纵向空间利用率不高
 
3.1.3、行内标签
优点:节省空间、简洁易于阅读
缺点:可读性有限、对于长标签或复杂内容可读性降低、不适合大部分的场景。
 
3.2、域
表单的域表示的是一个空间。这个空间里可以是输入内容、选择内容、选则时间、选择数值、触发交互按钮(上传资料)等
B端基础 | 全套WEB表单设计基础
 
 
3.3、提示
避免废话、给出结果以及处理方式。
B端基础 | 全套WEB表单设计基础
 
 
3.4、按钮
一般出现在页面顶部、跟随表单里的内容、表单内容底部、页面底部。
在我们系统设计里。我是更愿意把按钮放在页面的底部。至于为什么可以看一下、我之前的《按钮的基础设计知识的文章》
 
4、设计细节
除了上面表单的基础知识外,为了我们表单设计的更好我们就需要在细节上下功夫了。毕竟优秀的设计师注重细节的表现的。
B端基础 | 全套WEB表单设计基础
 
 
4.1、表单里标签后的冒号要不要加
最初是因为屏幕显示的原因所以才加的冒号、随着技术的进步。现在可加可不加。系统内统一就行。
B端基础 | 全套WEB表单设计基础
 
 
4.2、如何设定输入框的宽度
输入框的宽度是自适应的、输入框的宽度是有暗示左右的。在真实场景中,大部分输入框是存在理想长度的,那么就应该向用户暗示所需输入内容的长度来减轻判断负担。下图就是典型案例,一个实际不需要花多少钱的金额输入框在左图中进行等宽处理,反而容易误导用户对输入金额的判断,造成一种不安全感。
B端基础 | 全套WEB表单设计基础
 
 
4.3、表单布局
在表单中我们采用多种布局方式。
信息分组、内容列表、标签页、分步骤。
在信息传递上。这集中布局方式本质都是一样的。将信息进行分类展示。来更好效的进行信息的传递和展示。理论支持、格式塔原理
B端基础 | 全套WEB表单设计基础
 
 
我们如何选则适用那种布局方式呢。很简单需要展示内容的多少。
 
B端基础 | 全套WEB表单设计基础
 
 
第二部分 | 表单交互
为了让我们表单的用户体验做到极致、我们还有注意这些交互上的细节。做好这些细节将大幅提升我们的用户体检。
B端基础 | 全套WEB表单设计基础
 
 
1、错误提示
验证用户输入活提交信息是否正确、验证方法有三种、实时、提交后、服务器。因为他们时效性不同所以应用的场景也不同。
B端基础 | 全套WEB表单设计基础
 
 
错误提示要适用积极地的语言、不清楚的告诉用户存在哪里、要如何修复。
 
2、更智慧、高效
之前好像看过一个什么定律忘了。他的大致意思是,如果系统能处理的问题尽量让系统去处理、不用留给用户去操作。
B端基础 | 全套WEB表单设计基础
 
 
2.1、简化输入智能默认
如果可以带出来的信息可以尽力带过来。
B端基础 | 全套WEB表单设计基础
 
 
满足多数人需要的地方放置选择,来帮助用户作出明智选择。互联网表单中有很多地方能利用智能默认减少必要的选择次数,加速表单完成过程。
 
2.2、个性化默认
保留用户登陆信息、重复填写内容。例如、之前去医院需要手机登陆的那段时间。在去过一次后。扫完填写信息制药填一个名字、其他信息都带出来了。
B端基础 | 全套WEB表单设计基础
 
 
2.3、及时新增
我们在满足大部分用户的同时、在某些场景里还要提高额外的输入框给需要的人用。同时不会阻碍不需要的人。这类输入框常常被作为高级选项或者额外选项。
B端基础 | 全套WEB表单设计基础
 
 
3、结构
一个结构充分的表单就像一个与用户的良好对话。所以记住这一点,仔细规划结构。
B端基础 | 全套WEB表单设计基础
 
 
3.1、从简单开始到创建逻辑分类
从简单问题开始,用户已经很清楚答案了。将不相关的信息按逻辑分组展示。来帮助用户理解。
B端基础 | 全套WEB表单设计基础
 
 
3.2、单步、多步、单列、多列
至于这些的方式的选择、总的来说还是信息呈现多少的不同。单步的转化率更高。但多步却更适合复杂信息的收集。
B端基础 | 全套WEB表单设计基础
 
 
单列和多列基本也是一样的道理
 
B端基础 | 全套WEB表单设计基础
 
 
 


作者:彪形大汉pro
来源:站酷

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

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

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

 

设计世界的奇思妙想:创造力在设计中的重要角色

前端达人 B端界面设计文章及欣赏

引言

设计是一个广泛而迷人的领域,涵盖了从平面设计到产品设计的各种形式。在这个多样性的背后,创造力是设计师的核心驱动力。本文将探讨创造力在设计中的关键角色,以及它如何塑造整个设计世界。

 

创造力的定义

创造力不仅仅是能够绘制美丽图案或设计独特产品的能力。它更是一种思维方式,是解决问题、提出创新理念的能力。创造力驱使设计师挑战传统,寻找新的视角,从而为用户和观众带来独特而令人印象深刻的体验。

 

创造力在设计中的表现

1. 突破界限

创造力推动设计师超越已知界限,勇于探索未知领域。通过突破传统思维的束缚,设计师能够提供更具创新性和前瞻性的设计解决方案。

 

2. 用户体验的改善

创造力使设计更加关注用户体验。通过深入了解用户需求和行为,设计师能够创造出更符合用户期望的产品和界面,提升用户满意度。

 

3. 故事叙述

设计不仅仅是形式的表达,更是对故事的叙述。创造力赋予设计以情感和故事性,使其超越纯粹的美学,成为能够引发共鸣和情感共鸣的作品。

 

4. 跨学科融合

创造力驱使设计师将不同领域的知识融入设计过程。这种跨学科的融合不仅拓宽了设计的思路,还为设计师提供了更多的灵感来源。

 

创造力如何塑造设计世界

1. 社会影响

创造力推动设计成为社会变革的催化剂。从可持续设计到社会责任感,创造力引领设计朝着更有益于人类和地球的方向发展。

2. 技术创新

设计领域与技术的发展息息相关。创造力激发了设计师寻找与新技术相结合的创新方法,从而推动了科技和设计的双向发展。

3. 文化多样性

创造力使设计能够更好地反映和尊重不同文化之间的差异。设计不再局限于某一种文化的表达方式,而是融合多元化的元素,呈现出更具包容性的作品。

结论

设计世界的奇思妙想离不开创造力的引领。创造力不仅是设计师的个人品质,更是推动整个设计行业不断进步和创新的力量。通过理解和重视创造力,我们能够更好地领略设计的无限可能性,创造出令人惊叹的设计杰作,为世界注入新的活力。

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

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

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

软件qt开发、软件wpf开发、软件vue开发

创意领域的视觉艺术大师

前端达人 设计资源

在当今数字时代,创意和设计成为了企业成功的关键要素,而视觉艺术的力量无疑在这一过程中扮演着举足轻重的角色。本文将深入探讨一家引领潮流的创意公司,他们不仅仅是设计师,更是创意领域的视觉艺术大师。

 

创意的源泉

这家公司以其卓越的设计作品而蜚声业界,但更为引人注目的是他们对创意的追求。他们深知,创意并非源于虚空,而是发端于对社会、文化和科技的深刻理解。在这个创意的源泉中,他们发现了无尽的灵感,激发了无限的创造力。

 

视觉艺术的奇迹

以前所未有的创意力量,这家公司打破了传统设计的界限。他们的作品不仅仅是一幅幅画面,更是一种对观众感官的深刻震撼。通过独特的配色、线条和形状,他们创造出了视觉艺术的奇迹,让人们在感知中找到了新的美学境界。

 

打破陈规的勇气

在创意领域,陈规是创意的大敌。这家公司以其敢于打破陈规的勇气而脱颖而出。他们不甘于套路,不受拘泥于传统,而是通过不断创新和挑战,重新定义了创意设计的边界。这种勇气不仅仅体现在他们的作品中,更是激励着整个行业向前迈进。

社会责任与设计的融合

在追求商业成功的同时,这家公司深谙社会责任的重要性。他们将设计与社会问题融为一体,通过创意设计为社会变革贡献力量。这种以设计为媒介的社会责任,使他们不仅仅是一家创意公司,更是引领社会变革的倡导者。

未来的创意大舞台

作为创意领域的视觉艺术大师,这家公司展望未来,敢于挑战更大的舞台。他们相信,创意是不断演进的过程,而他们将继续在这场创意的盛宴中,奏响属于自己的华丽交响曲。在这个充满挑战和机遇的时代,这家公司势必成为创意领域的巨星,引领潮流,创造奇迹。

 

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

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

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

时尚之魅:你眼中的设计之美是什么?

前端达人 设计思维

在这个充满时尚与活力的都市中,设计不仅仅是一种创作行为,更是一种生活态度。城市的脉动与光影交织出多彩的画卷,而设计,便是将这些瞬间的灵感凝固在时间的长河中,成为时代的见证者。

 

时尚,它不只存在于服装与配饰,更潜藏在城市的每一个角落。在熙熙攘攘的街头巷尾,建筑的线条、广告的色彩、公共空间的布局,都在诉说着设计之美。是什么让你在这座城市中驻足停留?是那个独特的商标设计,还是那个别致的街头艺术?

设计之美如同城市的心跳,无处不在。当你穿梭在繁忙的商业区,是否会被橱窗中的陈列所吸引?或者,当你漫步在公园的小径上,是否会留意到每一块石子的铺设都是精心设计的产物?城市中的每一寸空间,都是设计师们留下的足迹,都是他们对生活的独特解读。

 

设计之美,不仅仅是视觉的愉悦,更是一种情感的共鸣。每一个建筑的线条,每一个家居的布置,都承载着设计师对生活、对人性的理解。当我们步入一个设计感强烈的空间,仿佛也融入了设计师的心灵,感受到了他们所要传达的情感和思考。


 

回到最初的问题:你眼中的设计之美是什么?或许是一张绚烂的海报,或许是一款时尚的家具,亦或是一处别致的小巷。每个人对于设计的理解各有不同,因为设计之美是主观的,它更关乎个体的感知和体验。

 

在这个快节奏的城市中,时尚之魅始终如影随形。设计之美,既是城市的风景,也是生活的点缀。让我们一同探讨,在这个视觉的交响曲中,你眼中的设计之美究竟是怎样的?或许,你会在这无尽的创意空间中,找到属于自己的设计之旅。

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

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

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

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档