形成一个核心点是提升用户体验,但在视觉呈现,大多忽视了它的经验。对于设计师来说,它需要基础上灵活调整,以符合用户预期的设计形式的实际情况设计,不仅能带来提升用户的工作效率,节省时间,也避免了错误在体验过程更愉快的心情。我们分享如何选择实际的项目结构和表现形式的适当表-最后一个问题,这个问题将分享的形式设计过程中需要注意的细节和可能遇到的问题。
1、文本输入型
用户完整形式的文本输入,当然,要填写的信息越好,这样我们提供正确的输入格式尽可能多的,适当的自动输入,输入订单合理避免进入一个用户,以提高完成的表格的效率。
输入格式:通过合理的约束格式,用户可以轻松完成得更快,并减少错误。AF第一个输入字段可以指导用户启动输入。
自动输入:基于以帮助用户预测内容,并自动录入已知信息。如:输入电话号码前的用户,您需要输入代码的国家,我们可以自动根据所在国家的产品市场操作输入。
输入序列:从易到难柱;第一可选之后必需的;后的第一个公共信息的私人信息;有一组相关的合成的,后部的特殊问题,用户输入,不碍眼,阈值过高的。
避免反复问同一个信息,内容重复,以减少输入。例如:您可以显示和隐藏的密码设置,不允许用户进行验证输入两次,更重要的是产生一个有效的密码。
2、选择信息的用户完成表-过程中,为了应对不同的信息类型中,除了文本输入,将有选择的一种方式。将通常包含至少两个或更多个选项,用户可以选择一个或更多的人。选择类型最常见的是无线电,支票(可多选);选择风格已经流行,下拉菜单跳到新的一页。他们不看复杂,但要注意很多在实际使用时,不仅对用户体验,而且还涉及到一些接口逻辑问题,各自也有自己的选择不同的状态显示方式。
UI界面的表单设计?2020年最好看的界面设计,没有之一无线电接口
单选项是一种非常常见的形式的元素。它通常用来选择从一组相关选项的单个项目是互斥的。当您单击未选择一个选项,它会被选中,其他按钮则会取消选中。之后无线电可以根据统计数据或用户最有可能选择选择最大的标签作为默认选项之一、如果该字段是非强制性的,需要有一个“不”标签,选择,方便用户不要选择您可以更改时间做出选择。广播式的单选框,按钮,摇杆开关,可根据不同的需求选择不同的样式:
复选框:有两个以上的选项是一个标签和由多个的/短语,需要选择正确的选项。当使用单选按钮,复选框+风格左对齐的标签是最好的效果,有一个单选框选中,未选中,不可选状态。
按钮:2-6个选项,并选择信息的存在就是一个字,文字一般不超过四个的话,你需要选择正确的选择,使用的按钮样式。有检查,未经检查的,不可选;
摇臂开关:仅存在两个选项的选择和确定具有的特性,就必须选择正确的消息,则触发可以是立即生效,使用波动开关,打开,关闭2种风格。
界面检查是很常见的形式元素,通常有一个或多个选项供用户选择,与内容选择不是相互排斥的,您可以选择一个或多个正确的选项。不提供默认选项
检查,不需要提供“免费”的标签,用户可以通过点击来重复相同的选项/未选中的操作选择。最常见的风格检查只检查框,按钮两种:
箱:法官有属性(用户协议)选项,或当两个以上的正确答案,多选件。有一个复选框,两个常用的选中,当有另一个孩子父母关系选项,还有一个悬而未决的状态,在网络侧管理后台常用。
按钮:2-6的存在是一个选项,选项信息字,优选不超过两个以上的选项正确使用按钮式四个文本字。有检查,制止,不可选状态;
选择收音机或检查按钮或滚动字幕的形式,与当前选择的实际需求,以对应于不同的选择的形式的需求。选择最常用的方法有弹出,下拉,一个新的页面跳转......等等,不同的选择方法都有自己的优点和缺点,选择不当可能造成导致低转化率较差的用户体验,或搅动。
弹出窗口:在该领域完成选择形式的内容,或者如果超过六特定选项(6以下,但文本太长,系统调用函数...),操作栏可使用弹出的方式;
下拉(显示和隐藏):有多种样式,正确使用的下拉式的可以有效地帮助用户缩小选择;:新页:当有许多选项和复杂的信息使用新的页面跳转操作更简便。例如:用户选择一个地址转移到地址列表。
如何选择时尚的流场,还要注意的一个合适的形式为以下几点:
需要用简洁明了的标签,不要让用户认为,使用简短清晰的话,给他们一个明确的意图和行为功能;
清楚地通过以下步骤整个形式通知用户,给预期的用户,以便在完成的过程中避免用户产生的急躁;
减少不必要的项目,如可能的形式,每一个多项目填补它的使用者的一部分可能丢失;
应填写从易到难的顺序,需要先择后,涉及的名单上的内容的私密性,用户可以轻松地吓到,反之亦然,从而放弃了整个任务;
识别而不是进入,很好地利用技术的力量,可以在技术上可以解决,不要让用户输入;
可以不填不填,就可以选择不进入,可以选择什么,你不应该选择两次;
当输入可能更快时,不要让用户选择菜单;
选项太小,以避免使用下拉菜单,以避免对视觉浏览动线不必要的障碍;
当选项被禁用或不可用,它将被显示为灰色。为您节省依靠用户进行额外的操作只能通过保存的行为达到