专栏名称: Hozin
交互劝退师,三分侠义,七分油腻
目录
相关文章推荐
龙爪槐守望者  ·  即图 · ... ·  22 小时前  
今天看啥  ›  专栏  ›  Hozin

组件创新与吐槽:浮动式 Label 文本框

Hozin  · 公众号  · 设计  · 2024-09-02 08:20
    

主要观点总结

文章讨论了Google的Material Design中文本框的设计演变,包括其用户研究和设计改进。文章介绍了文本框设计的主要问题,包括识别性、查找能力和用户偏好等方面。通过用户研究,Google设计团队发现了一些设计原则,如文本框应具有矩形框体封闭结构、线条对比度等。然而,一些设计师对浮动式Label的设计持批评态度,认为这种设计存在隐患,而传统的文本框更易于使用和阅读。尽管美观也很重要,但将Label藏进框体可能会导致组件更难使用。

关键观点总结

关键观点1: Google Material Design的文本框设计经历了改进,以解决用户识别和使用的问题。

改进内容包括矩形框体封闭结构、半透明填充和线条对比度的使用等。

关键观点2: 通过用户研究,Google找到了改善文本框设计的关键指标,如可识别性、查找能力和用户偏好。

测试过程中使用了热力图等数据分析工具。

关键观点3: 一些设计师对浮动式Label的设计持批评态度。

他们认为这种设计存在隐患,可能导致用户难以记住文本框的用途、误认为是已输入的文字等问题。

关键观点4: 传统的文本框被认为是更推荐的设计方案。

它提供了一个清晰、随时显示的Label,且易于阅读和易用性。

关键观点5: Google的测试未包括传统的文本框方案。

一些设计师认为这反映了Google可能过于关注美学而忽略了可用性。


免责声明

免责声明:本文内容摘要由平台算法生成,仅为信息导航参考,不代表原文立场或观点。 原文内容版权归原作者所有,如您为原作者并希望删除该摘要或链接,请通过 【版权申诉通道】联系我们处理。

原文地址:访问原文地址
总结与预览地址:访问总结与预览
推荐产品:   推荐产品
文章地址: 访问文章快照