tag是用来做什么的,tag主要用途

首页 > 经验 > 作者:YD1662022-10-26 18:49:31

问题三:标签后是否带冒号?

连起来的句子往往是带有冒号的,比如见贤设计笔记:B端产品设计总结,这里的冒号带有解释上文的意思,那么我们标签和输入框之间是否需求冒号呢?

国APP上比较少看到冒号,但这并不是没有如下图Mac系统设置:

tag是用来做什么的,tag主要用途(9)

度娘说:冒号通常表示提示语后的停顿或表示提示下文或总括上文,它的后面可以是一个例子,一个引用,或者一个解释,那从情感角度分析标签带冒号的是否对用户体验有影响呢?其实无任何影响!

所以如果我们设计有冒号,那请一直保持;如果没有冒号,可以不需要冒号,保证页面一致性即可。

1. 冒号对齐

冒号对齐(右对齐)能让内容锁定在一定范围内,让用户眼球顺着冒号的视觉流,就能找到所有填写项,从而提高填写效率。

tag是用来做什么的,tag主要用途(10)

2. 在上个层级的标签和冒号同时存在时,我们这时候怎么对齐呢?

我们最好确定统一的起点,如下左图,当然在使用的过程中需要判断用户使用场景,如下右图是12306修改乘车人信息,用户注意力在信息上,标题仅起到区分模块的作用。

tag是用来做什么的,tag主要用途(11)

问题四:为什么优先进行在线验证?

我最初入行和研发小哥哥就争执过登录页面,密码输入后需要点击登录按钮才能判断密码是否正确,如果在输入密码后直接判断密码错误就少一步交互,对老年用户来说少一步就是进步一大步。为什么密码输入后不能直接判断密码是否正确呢?

1. 在线验证

在以往的网页设计中,信息填写的正确与否都要等待用户点击「提交」按钮后,产品将用户填写的数据提供到服务器,由服务器来判断是否正确。这种方法太过于依赖网速,并且不符合用户体验中的「及时反馈」原则。

所以现在产品设计,在数据还没有提供给服务器之前,先在前端进行一些基础的错误排查,即在线验证。

一些基础的规范,如邮箱是否加上了 @xxx.com ,都是可以通过在线验证的,而无需上传到服务器去比对数据库。

理想情况下,所有用户填写的信息都应该先经过在线验证。用户填写完字段后,如果包含错误,应该立即给予反馈并将错误提示消息放置在用户填写字段到附近。这样,错误提示容易引起用户注意,对于用户的交互成本也低。用户不必要重新查找和导航到错误位置。

需要比对数据库的信息可能无法进行在线验证,那就还是当用户提交将信息发送给数据库后再提示错误。也就是是说前端只能进行简单的验证,比如手机号位数不对、邮箱格式不对等,判断密码是否正确需要后端对比数据库才能判断,这时候就需要点击提交按钮。

tag是用来做什么的,tag主要用途(12)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.