美文网首页用户体验设计模式
用户界面设计模式1.8表单:可扩展式输入

用户界面设计模式1.8表单:可扩展式输入

作者: 喵吉斯蒂 | 来源:发表于2020-05-18 20:24 被阅读0次

问题总结

用户希望体验尽可能多的屏幕空间且少干扰的主界面。

示例

用法

当你希望用户关注中心是主界面内容而不是其输入控件时使用。

当你想分散其他内容对主界面的干扰时使用。

解决方案

当输入区域成为焦点或者在输入内容时,输入区域会扩展成容纳输入字段的大小。

两种模式设计控件:展开和收缩。当用户点击收缩的控件时,它会扩展到更大的控件,还带有辅助功能的帮助,当用户需要时可以用上。

基本原理

可扩展式输入可以通过帮助梳理界面,只有当需要时才会注意到。对于多用途用户界面,让可选操作(如搜索、发布或评论)吸引最少的注意力时很有帮助的。

原文链接:https://ui-patterns.com/patterns/expandable-input

相关文章

  • 用户界面设计模式1.8表单:可扩展式输入

    问题总结 用户希望体验尽可能多的屏幕空间且少干扰的主界面。 示例 用法 当你希望用户关注中心是主界面内容而不是其输...

  • 【angular】表单

    Angular 提供了两种不同的方法来通过表单处理用户输入:响应式表单(可扩展性、可复用性和可测试性更强,更关注组...

  • 用户界面设计模式1.3表单:输入反馈

    原文地址:http://ui-patterns.com/patterns/InputFeedback 输入反馈:确...

  • Angular 表单1--响应式表单

    Angular 提供了两种不同的方法来通过表单处理用户输入:响应式表单和模板驱动表单。本节先讲响应式表单。最终实例...

  • angular 响应式表单和模型驱动表单—angular学习笔记

    响应式表单和模型驱动表单相同与不同之处 相同:两者都从视图中捕获用户输入事件、验证用户输入、创建表单模型、修改数据...

  • 表单(例婚恋网站)及控件

    作用:用来收集用户信息的。 表单框(表单域) 1.文本框 扩展:maxlength规定输入字段中的字符的最大长度 ...

  • HTML基础语法(下)

    表单(用户输入) 表单 标签。表单是给用户提供输入和操作的那些控件。 表单都是input标签,但是根据类型的不同,...

  • HTML表单

    HTML使用表单向服务器提交请求,表单、表单控件的主要作用就是收集用户输入,当用户提交表单时,用户输入内容将被作为...

  • HTML学习笔记(四)

    一:HTML 表单 HTML 表单用于搜集不同类型的用户输入。 元素 HTML 表单用于收集用户输入。 HTML ...

  • javascript设计模式——装饰者模式

    装饰者模式:在不改变原对象的基础上,通过对其进行包装扩展,使原有对象可以满足用户的更复杂需求 需求:对表单输入框进...

网友评论

    本文标题:用户界面设计模式1.8表单:可扩展式输入

    本文链接:https://www.haomeiwen.com/subject/rabpohtx.html