上海网站建设公司上海网站建设公司

关于移动端规划知识共享——你如何规划“输入”?

查看次数:1066 2020-12-24

关于移动端规划,跟大家共享过菜单规划、底部导航规划、空状况页面规划等等,今日要共享的是移动端的输入操作规划。在移动端的用户体会规划有许多挑战,你需要在一个有限的屏幕巨细下去处理各种输入。因此在规划的时分要能够让用户能够经过非常简略直观的方法去完结输入,并供给给用户完好但简练的提示。那么,在规划“输入”时,有哪些当地是咱们该注意的?有哪些这方面的规划技巧呢?
1.文本输入框
文本输入框(Text Field)最常用的一种输入方法。一个体会好的文本输入,要能够让用户快速地完结输入,在用户输入时为用户供给协助、在用户犯错的时分要能够让用户明白错在那里。
用户输入时,要求输入的数据类型应该和当时的键盘相匹配。比如要用户输入手机号码,那么焦点落到输入框时,弹出来的应该数字键盘。这样减少了用户切换键盘的麻烦。

还有一个提升输入速度的方法那就是主动切换巨细写,即首字母为巨细,第二个字母开始为小写。这个适用于在英文的输入中,比如输入英文名,或许英文句子的首行。
供给缺省值和主动完结
缺省值提示能够协助用户快速完结输入,这个缺省值能够是用户之前输入过的文本,或许体系供给的一些热门词汇。
主动完结是在用户输入的过程里,根据用户的输入来给出主张。用户能够经过体系的主张来主动完结输入。当然这依赖于体系主张的精准度。

输入提示信息
用户在输入过程中应该给予用户足够多的协助。这种协助包含对输入项的解析,以及对输入信息的提示。一起,任何一个标题(Label)都应该是简练明了的。
除了惯例的在输入框左上角写明Label外,有一种简练的做法是运用Inline Label。

当然这种做法尽管简练,但欠好的当地是当用户开始输入之后,就看不到这个提示内容了。乃至有些用户或许会误认为这现已填写内容了。

用户是有或许输入犯错的,体系应该给予用户及时的反馈——假如我做对了,请让我知道;假如我做错了,告诉我错在那里。
给予用户的提示不应该中止用户当时的操作。不要用弹出框让用确认的方法,在恰当地方位(比如输入框下面)给出阐明即可。

一起提示也应该有对提示的颜色区分。一般情况下,赤色对应过错,绿色对应正确,黄色对应警告。
而对于有字符数约束的输入,当用户输入超越约束的字符时,还应该赤色符号用户输入的字符数和约束字符数。有些体系在处理这个问题的时分,是直接不让用户继续输入,或许只提示用户输入的字符超出约束了,这都是欠好的做法,前者让用户摸不着头脑,而后者则需要用户不断尝试减少多少才不超出。

2.Radio按钮


Radio按钮用于在用户有多个选项,但用户只能挑选其间一个的时分。让用户进行有限挑选,而非直接输入的方法,能够比较有效地减少用户输入过错的数据。
当需要用户进行设置的时分,运用Radio来让用户进行操作是一种比较好的做法。
在运用Radio的时分,需要注意的几个要害点是:
选项的排序应该按逻辑摆放,不要简略地按字母次序来排。当然有时分这个也有例外,比如在国家挑选里,你要挑选中国(China),在按字母次序摆放的选项了用户能够非常快捷地经过定位到“C”开头的选项来找到"China”。
选项的阐明应该简略易懂,这个案牍的功夫。
进行默认挑选,以及None选项(在用户能够不挑选的情况下)。

选项垂直摆放,不要水平摆放。

当然这个也不是绝对,但假如你要将选项水平摆放的话,选项应该尽或许少,而且可点击的区域足够大,Radio的点击区域要包含整个Radio区域(按键和标签),不要在选项之下,还有选项。

你当然也能够用下拉列表做挑选选项,但假如选项数量少的时分,用Radio是更好的做法。

3.Slider滑杆

滑杆输入其实也是数值输入。当咱们对输入准确的数值不那么介意的时分,选用滑杆的方法愈加方便、体会更好。

比如音量的输入,咱们当然不介意音量的准确数值是多少,咱们介意的是现在的音量是高了仍是低了,咱们想要调高仍是调低。

当然, 假如有时分还需要在调整结束之后,查看下当时状况的数值,咱们能够将对应的数值标明出来。


【声明:信息来自网络,如有侵权,联系既删。】
推荐新闻

如何检查网站是否被搜索引擎惩罚?

2026-05-04

可以按 “快速信号→工具确诊→深度排查→确认惩罚类型” 四步来查,下面每一步都给你可直接照做的操作。

避坑清单动态优化执行清单的效果复盘标准的判定规则是什么?

2026-05-04

避坑清单动态优化执行清单的效果复盘标准,核心判定规则围绕 “量化指标达标情况” 划分等级,明确各等级处理要求,确保判定客观、闭环,具体

网站优化中遇到的问题该怎么处理

2026-05-04

网站优化是一个持续的过程,涉及技术、内容和用户体验等多个层面。1、网站的什么结构才算好? 答:条理清楚的树形结构。

网站建造-怎么保持网站排名的长时间安稳

2026-05-04

要维持网站排名的长期稳定,核心在于 从“取巧迎合”转向“价值深耕”。有句话叫做打江山容易守江山难,网站排名做到主页了并没有什么值得骄傲

高客单价产品如何运营好小红书闭环电商?

2026-05-04

高客单价产品在小红书做闭环电商,核心差异在于经营逻辑的转变:不再追求流量变现,而是深度经营用户的全周期价值。小红书正成为高客单

品牌网站建设和普通企业网站建设有何关系

2025-10-03

品牌网站建设和普通企业网站建设在基础的慨念上基本属于同一类型称呼,在建站的方法上也是如出一辙,但是在网站建设成功后的效果以及效益上却迥

返回顶部

TOP

QQ客服

QQ客服

上海网站制作公司:电话:021-67637587

021-67637587

开杰做网站
上海网站设计公司 上海网站设计公司

Are you ready?


您准备好了吗?我们时刻准备就绪!

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、企业邮箱、网站优化、域名注册、虚拟空间

期待您与我们联系!您的咨询,是对我们极大的鼓励和支持,也是我们共赢美好未来的开始! 更感谢您对我们的关注与信赖……

您也可通过下列途径与我们取得联系:

电 话: 021-67637587,13817759102 (微信同号)

电 话: 15900942493 (微信同号)

QQ: 632248744 , 273657225

邮 箱: service@kj021.com

地 址: 上海市松江区人民北路326号

地 址: 上海市闵行区(莘庄)友情路50弄15号

上海网站建设
上海网站建设

华体会体育(中国)HTH·官方网站

电话:021-67637587 15900942493(微信同号)

地址:上海市闵行区(莘庄)友情路50弄15号

地址:上海市松江区人民北路326号

华体会体育(中国)HTH·官方网站 上海网站建设 电话:021-67637587

地址:上海市松江区人民北路326号

地址:上海市闵行区(莘庄)友情路50弄15号

沪公网安备 沪公网安备 31011702001626号 沪ICP备12017671号-4

华体会体育(中国)HTH·官方网站松江分部

电话:021-67637587 15900942493

地址:上海市松江区人民北路326号

上海网站设计公司