文本框

文本框中自动完成的应用

近来积累了一些关于自动完成的应用方式,今天将其扩展延伸并整理了些常见的应用方法供大家一起学习。“自动完成”的设计思路源自于Poka-yoka预防机制。是一种自动纠偏方法,在生产中用以防止人为失误发展成为最终产品缺陷。网页设计中自动完成在输入框的应用已很广泛,属于反应性界面的强大模式。能够尝试猜测用户输入的文字,并且动态的搜索出适配的结果并推荐给用户,辅助完成输入。目的是避免

从交互和 UI 两个方面分析,文本框的正确打开方式

文本框作为日常工作中经常遇到的组件,其易用与否直接影响着用户体验,今天来探讨下如何提升文本框的易用性。(我们常说的文本输入有两种,文本框和文本域,下文以文本框统称。)在开始设计文本框之前,要问自己三个问题:这个地方要实现什么功能?必须以文本框的形式出现吗?是不是有更好的替代方案?因为相对于其他的人机界面交互方式来说,输入成本是最大的。结构文本框的结构包括可见和非可见两部分,

交互思考:文本框字数限制

文本框字数限制是产品使用过程中的常见场景之一,那么,依据不同的业务场景特征,文本内容的字数限制应当如何处理、才可以给用户更好的交互体验呢?本篇文章里,作者针对文本框字数限制进行了思考,一起来看一下。一、是否需要限制短文本内容肯定需要限制,如标题、介绍等,涉及到长文本的内容时,是否做限制呢?实际案例:B端产品中的一个功能:调度任务通知。管理员希望将定时任务结果推送至

交互设计拆解:文本框

一、文本框的拆解文本框(Text Fields)根据 Material Design 指导规范,被拆解为七个部分。分别是:容器(Container)前导图标

交互思考:文本框字数限制

一、是否需要限制短文本内容肯定需要限制,如标题、介绍等,涉及到长文本的内容时,是否做限制呢?实际案例:B端产品中的一个功能:调度任务通知。管理员希望将定时任