• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    优化输入框,让填写如丝般顺滑
    POST TIME:2018-12-03 17:37
     

    填写是一件麻烦事,我们或多或少感受糟糕体验。设计开发者也很无奈,感觉身体被掏空。怎么办?

    让我们从优化输入框开始吧!看着简单的框,对用户体验的影响很大。特别是在非常有限的手机屏幕中,怎么帮手用户顺利的填写完呢?值得我们好好研究。

    视觉层面

    舒适的填写区域

    常用的数值是:拇指的滑动触发区域在宽高45px摆布,图标的操作区域是48dp,输入框行高在80dp摆布,行间距在8dp。

    左图行距过于拥挤,并且文字大小不统一,给用户一种填写内容很多的感觉

    简洁的描述

    填写标签要简洁, 过长的标签有两个问题:

    使填写的内容压缩。

    影响整页对齐。

    平行排布优点是:符合视线规律。阅读更快。如果要填写的标签实在过长,检查一下是否说不清楚的可以用占位符描述?或者采取垂直排布的方式。平行排布优点是:对标签字数限制不严格。

    恰当的颜色

    输入的结果我们常常用颜色来反馈,好比蓝色代表链接,灰色代表失效,绿色代表正确,黄色代表提示,红色代表错误。红色的使用要慎重,因为红色默认为最高等级警告,如果红色的提示出现过多会对用户造成紧张感,想到试卷上满篇的厚叉了么?所以把提示分级吧。

    对于大家公认的色彩暗示,如果随意交换容易造成误解,特别红色和灰色。这有点像我们默认为穿裙子的形象是女,穿裤子是男,如果有天你看到穿裙子标识的男厕所,会困惑吗?

    对于约定俗成的事,,走寻常路才更易用

    明确的指示

    当用户选中准备输入的时候,应当提供清晰的视觉提示,这样让用户明确知道本身的位置,而不是迷失在茫茫表格中,这种细微的反馈会让用户更有掌控力。

    
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!