专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
今天看啥  ›  专栏  ›  交互设计学堂

原来B端组件还能这么迷惑

交互设计学堂  · 公众号  · 设计  · 2024-12-08 00:00
    

主要观点总结

文章主要讨论了一种信息分类的表单设计,用户可以通过点击“+字段”按钮快速选择添加属性。但文章也提出了一些关于这种设计可能存在的问题和改进的建议。

关键观点总结

关键观点1: 表单设计的交互方式

文章提到了通过点击“+字段”按钮,弹出菜单供用户选择,以控制对应字段的显示/隐藏。

关键观点2: 表单项的位置变化问题

文章讨论了当某些表单项被隐藏或取消勾选时,其位置如何变化的问题,包括后续项目的补位问题。

关键观点3: 表单设计的可用性原则

文章引用了《尼尔森可用性理论》的状态可见原则,讨论了表单设计的可用性,包括如何告知用户表单项目不可用的原因以及如何使其重新变得可用。

关键观点4: 表单设计的其他功能需求

文章还提到了其他可能的扩展功能,如字段排序、选填/必填切换控制等,以及管理员配置表格的需求。

关键观点5: 文章对表单设计的总体看法

文章强调合格的表单设计应该让用户上手就知道是什么任务,知道如何使用,不迷惑。


文章预览

近日,看到这样设计: 每个信息分类点击添加按钮也可以快速选择要添加的属性。 根据描述,我猜这位设计师打算让用户这样使用:点击[+字段]按钮,出现弹出菜单;包含一系列的选项,可以控制对应字段输入框的显示/隐藏。 如此说来,假设菜单中取消勾选“品类名称”,表单中的品类名称输入框就消失了。那么,它原来的位置怎么办呢?保留空白? 我猜一定不会是“开天窗”,因为极端情况下,会很差劲,版式完全乱套。 莫非是“后续项目补位”?咱们给表单项编个号,如果②被隐藏,③就补上②的位置,后续以此类推……看起来很好,但是后续项目的位置就变得飘忽。 如上图,表单项⑤的位置有时候是[二排1座],有时候是[一排4座],或者下次是[一排3座]……居无定所,没有规律,也就难以形成习惯,最终影响一致性,贻害无穷。 或者, ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览