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开发

在社区平台语境里，表情无疑是很重要的组成部分。一套丰富且定位准确的表情可以帮助用户更清晰地表达自己的感受，增进沟通的准确性，同时增添社交互动的趣味性，拉进用户之间的距离。带有平台特性的表情更能彰显平台自身的独特性。

雪球作为金融社区平台，表情自然也是重要的元素。我们通过数据调研，发现雪球社区互动中表情的渗透率达到18%，表情的使用率比较高。而现有的表情年久失修，存在几个比较明显的问题，首先视觉风格陈旧辨识度低；再有，表情中原本存在一些股票梗的表现力较弱，画风不够有趣。第三，雪球诞生了新IP“呦呦”，非常适合在表情中应用来推广雪球品牌特性。

基于以上背景我们展开了对于表情翻新改版的项目。

 

 

 

现状&问题

通过对当前状况进行系统梳理，我们发现了一些存在的问题。

 

1.设计风格陈旧，不易识别表现力弱：

目前线上雪球表情风格老旧，视觉表达不符合当下设计潮流趋势；由于表情是白色在行文中表现力不足且不易被用户识别，因而趣味性表达的作用不够凸显。

2.缺乏股票基金场景的情绪表达

社区场景中有大量的股票基金的讨论和相关内容的情绪表达，而目前表情体系中缺乏此类表达或表达不够生动。

比如「关灯吃面」和「割肉」，在行文中一眼能识别到视觉主体是表情脸，而“吃面”和“割肉”的语义没有生动的体现出来；还比如「跳水」又太具象和写实，少了表情的趣味性。

3.没有将雪球的新IP融入表情

雪球诞生了新的IP“呦呦”，表情的体系非常适合融入IP向的内容，将IP表情化也更利于IP的推广和品牌的传播。

 

 

 

视觉风格探索

1.雪球用户特征

设计风格需要根据平台用户特征进行确定。开始设计之前，我们先看看雪球用户大概是什么样的。

雪球的主要用户为男性且集中在30-50岁左右，所以在视觉表现上尽量避免女性化或低龄化的风格。

2.视觉风格探索

风格确定

旧版的表情苍白，虽然细节很多但在行文中难以识别，本次改版重要任务之一是改版新的视觉风格。emoji是最被用户熟知的表情体系，我们决定新版向传统黄脸emoji表情靠拢。大方向定了，但还需要确定视觉感受符合雪球的emoji。最后在两种视觉风格中我们选择了视觉感受偏中性、风格扁平的这个方向，这个风格和雪球用户特征更契合。

提升辨识度

表情在交流中作为非文字的“语言”，其辨识度至关重要。表情在行文中的尺寸相对较小和单个文字差不多，那么如何保证在文字中依然能一眼读懂表情？

在对表情整体风格的把控下，需要通过对细节的打磨和反复实验，得出更有辨识度的设计方案。保持视觉扁平，尽量使用简洁的几何图形，加强颜色对比度，减少颜色数量，放大表情特征。通过以上手段有效的提升了表情的一致性和在行文中的辨识度。

 

 

 

发现股民讨论语境下的“梗”

本次表情升级除了对现有表情进行改造升级，还针对雪球社区特色进行挖掘。

1.挖掘“梗”

前面我们说到雪球用户是集中在30-50岁左右的男性，那么这类人群在社区中有怎样的表达特点呢？

通过观察我们发现，在面对股市的波动和不确定性，雪球用户更喜欢用幽默诙谐的论调来调侃市场以宣泄心中的无奈和负面情绪，同时在波动面前展现出一种坚韧和自嘲的心态。我们可以在这种“戏谑调侃”中挖掘可以视觉化的情绪和表情。以此作为本次表情升级的一个重要方向。

戏谑调侃的表情有哪些呢？我们挖掘了当下网络社交流行的表情包和热词。回想一下我们是否也经常使用类似“地铁老人看手机”“黑人问号脸”等网络热图来表达内心的复杂情绪呢。

在变幻莫测的股市中，面对现实的无力和不确定，祈福求平静成了股民表达情绪舒缓心情的一种方式，比如“敲木鱼”“祈求大涨”等仪式感的情境以表情的方式呈现，也能一定程度上引起用户的共鸣。

2.让表情“淋漓尽致”

• 微表情尽显“内心戏”

一个表情里往往蕴含不只一种情感，短暂而难以察觉的面部变化最能传达个体真实的情感状态，一个眼神、嘴唇微动等细微变化，常常表达出个体内在的真实状态。

在设计“大哭”这个表情时，我们挖掘到大哭背后可能是某种“绝望”，那么观察下人们绝望时最大的面部特点是不是空洞的眼神和僵硬的脸？用这样的微表情和大哭结合在一起，感受大哭情绪的同时也传递了绝望的内心戏。

• 赚了、亏了一目了然

股票社区中涨跌是永远的话题，市场的涨跌背后牵动着的是股民们真金白银的账户。“亏大了”和“暴富”这两个表情很生动的表达了用户盈亏的两种处境，但原有表情的视觉表达过于保守和隐晦。要让用户一眼看到就产生共鸣，红绿色是最直观的涨跌信号，我们把这种语义和表情结合，“亏大了”除了表情沮丧还得加点绿色烘托氛围，“暴富”的喜悦中再加上红包加持情绪。

 

• 戏剧化表达

在某些极端情绪上我们还尝试打破旧表情的禁锢，用更加生动夸张的方式呈现。比如“绝望”，只靠面部表情似乎无法充分的表达，所以我们营造了简单的环境和肢体动作， 一个瘫在墙角双目无神的小黄脸，绝望的形象跃然纸上。

3.股票专属“梗”

雪球社区里有一些独特的表情，比如“关灯吃面”，它是雪球老用户传承的经典梗；还有诸如跳水、割肉、抄底、满仓等股票术语梗也颇受欢迎。升级优化这类表情的同时我们小开脑洞在原有基础上增加了“好基友”等新梗，让股民表达更丰富有趣。

 

IP表情化

去年雪球诞生了自己的IP“YOYO”，此次表情升级正好可以将IP表情化，在平台应用和传播。

YOYO所代表的品牌语义

1.福禄寿：因其原型是驯鹿，取福禄寿之意，代表财富；

2.温暖陪伴&服务感：驯鹿具备天生的陪伴和服务感，与雪球强调的品牌服务感相契合。

YOYO品牌语义表情化

根据YOYO的两种品牌语义，我们分别开脑洞。

哪些意向和财富相关呢？我们找到“锦鲤”“招财猫”“金元宝”，这些元素和表情相结合形成财富类表达；那么陪伴和服务感我们使用“抱抱”、“打call”这类温暖鼓励意向的肢体语言来和YOYO结合传达。

 

 

作者：雪球设计中心XDC
来源：站酷

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

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

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

权限的目的是保护用户隐私，那么在何时以及用什么方式请求用户权限会是比较合适的？本文将详细介绍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开发

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开发

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开发

第一部分 | WEB表单设计

在B的设计中、表单是我们最为常见的设计内容。下面我们来学习如何做好表单设计这部分内容。

1、什么是表单

我理解表单就是系统为和用户进行交互、所要收集用户信息的或获得用户反馈的一种方式的载体。在后台产品中对我们数据做的增、删、改、查、验都可以通过表单完成。

 

 

表单是一种用于收集用户输入的HTML元素，通常用于创建用户与网页交互的表单。表单可以包含各种输入字段，如文本框、复选框、单选按钮、下拉列表和提交按钮等。当用户填写表单并提交后，数据将被发送到服务器进行处理。在web开发中，表单是实现用户交互和数据收集的重要手段之一。

 

1.1、常见应用场景

在我们的后台系统中、我们表单在70%的场景上都会使用到。采集录入数据信息、编辑数据信息等。如我们SaaS管理平台的学员录入、档案查询、奖励规则设置等。

 

 

2、表单设计原则

设计原则是任何一种解决方案的指路灯。我们在表单的设计中需要遵循以下原则、

简洁明了、清晰高效、适应业务、及时反馈。

 

 

2.1、简洁明了

表单的设计应该简洁明了，避免过多的装饰和元素干扰用户填写表单。

 

2.2、清晰高效

表单中的各个字段和选项应该清晰可见。用户应该能够快速找到需要填写的字段和选项，并且填写过程中不会遇到过多的困难。

 

2.3、适应业务

应该符合我们的业务应用场景、满足我们的业务需求。

 

2.4、及时反馈

在用户填写表单的过程中，应该提供适当的反馈，例如输入验证、错误提示等，以便用户能够及时了解自己的输入是否正确。

 

3、表单构成

我们通常的表单都基本都是由、标签、域、提示、操作按钮这四个部分构成的。

 

 

3.1、标签

标签文本主要是解释输入项的含义，一般不宜太长，需要简明扼要，快速让用户理解。输入框标签在布局上可以分为

左标签、顶标签、行内标签

。这三种设计在许多情况下可以提高可读性和用户友好性，但也有一些潜在的缺点。

 

 

3.1.1、左标签

优点：可读性强、减少用户的认知负担。布局直观、提高填写速度。

缺点：不适合长标签、对业务场景适用性差。

 

3.1.2、顶标签

优点：节省空间、减少表单的长度和宽度。视觉层次清晰。

缺点：需要额外的间距、纵向空间利用率不高

 

3.1.3、行内标签

优点：节省空间、简洁易于阅读

缺点：可读性有限、对于长标签或复杂内容可读性降低、不适合大部分的场景。

 

3.2、域

表单的域表示的是一个空间。这个空间里可以是输入内容、选择内容、选则时间、选择数值、触发交互按钮（上传资料）等

 

 

3.3、提示

避免废话、给出结果以及处理方式。

 

 

3.4、按钮

一般出现在页面顶部、跟随表单里的内容、表单内容底部、页面底部。

在我们系统设计里。我是更愿意把按钮放在页面的底部。至于为什么可以看一下、我之前的《按钮的基础设计知识的文章》

 

4、设计细节

除了上面表单的基础知识外，为了我们表单设计的更好我们就需要在细节上下功夫了。毕竟优秀的设计师注重细节的表现的。

 

 

4.1、表单里标签后的冒号要不要加

最初是因为屏幕显示的原因所以才加的冒号、随着技术的进步。现在可加可不加。系统内统一就行。

 

 

4.2、如何设定输入框的宽度

输入框的宽度是自适应的、输入框的宽度是有暗示左右的。在真实场景中，大部分输入框是存在理想长度的，那么就应该向用户暗示所需输入内容的长度来减轻判断负担。下图就是典型案例，一个实际不需要花多少钱的金额输入框在左图中进行等宽处理，反而容易误导用户对输入金额的判断，造成一种不安全感。

 

 

4.3、表单布局

在表单中我们采用多种布局方式。

信息分组、内容列表、标签页、分步骤。

在信息传递上。这集中布局方式本质都是一样的。将信息进行分类展示。来更好效的进行信息的传递和展示。理论支持、格式塔原理

 

 

我们如何选则适用那种布局方式呢。很简单需要展示内容的多少。

 

 

 

第二部分 | 表单交互

为了让我们表单的用户体验做到极致、我们还有注意这些交互上的细节。做好这些细节将大幅提升我们的用户体检。

 

 

1、错误提示

验证用户输入活提交信息是否正确、验证方法有三种、实时、提交后、服务器。因为他们时效性不同所以应用的场景也不同。

 

 

错误提示要适用积极地的语言、不清楚的告诉用户存在哪里、要如何修复。

 

2、更智慧、高效

之前好像看过一个什么定律忘了。他的大致意思是，如果系统能处理的问题尽量让系统去处理、不用留给用户去操作。

 

 

2.1、简化输入智能默认

如果可以带出来的信息可以尽力带过来。

 

 

满足多数人需要的地方放置选择，来帮助用户作出明智选择。互联网表单中有很多地方能利用智能默认减少必要的选择次数，加速表单完成过程。

 

2.2、个性化默认

保留用户登陆信息、重复填写内容。例如、之前去医院需要手机登陆的那段时间。在去过一次后。扫完填写信息制药填一个名字、其他信息都带出来了。

 

 

2.3、及时新增

我们在满足大部分用户的同时、在某些场景里还要提高额外的输入框给需要的人用。同时不会阻碍不需要的人。这类输入框常常被作为高级选项或者额外选项。

 

 

3、结构

一个结构充分的表单就像一个与用户的良好对话。所以记住这一点，仔细规划结构。

 

 

3.1、从简单开始到创建逻辑分类

从简单问题开始，用户已经很清楚答案了。将不相关的信息按逻辑分组展示。来帮助用户理解。

 

 

3.2、单步、多步、单列、多列

至于这些的方式的选择、总的来说还是信息呈现多少的不同。单步的转化率更高。但多步却更适合复杂信息的收集。

 

 

单列和多列基本也是一样的道理

 

 

 

 

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

蓝蓝设计(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开发