mcpField
H
humane-functionalism

humane-functionalism

github.com/kemiljk设计与 UI6140 次安装1 周前更新
代码仓库

关于 humane-functionalism

将丹麦功能主义理念用于界面评审与改进的设计技能。它引导设计师和编码 Agent 从用户需求与情境出发,进行范围明确的改动并通过证据验证。

主要功能

  1. 01从任务与用户情境出发
  2. 02运用六种丹麦设计视角
  3. 03保留有效信息密度与惯例
  4. 04将问题对应到小幅改动
  5. 05按任务进行验证

适用场景

  1. 01评审界面或用户流程
  2. 02调整控件以适应不同输入
  3. 03改进反馈与错误恢复

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/kemiljk/skills --skill humane-functionalism

安装后在 Claude Code 中输入/humane-functionalism确认已加载。

附带文件references/research.md

详细介绍

人本功能主义

将丹麦功能主义应用于界面的组织方式、使用方式和体验方式。让人的需求、情境、构造和感知引导界面的形式。

其基础是丹麦建筑与产品功能主义,以及从丹麦现代家具中汲取的相关经验。这些是当代 UI 应用,并非历史宣言,也不是那些设计师为软件撰写的规则。解释设计归属或探究特定设计师的贡献时,请阅读研究与资料。以下实践指南内容完整,可独立使用。

从使用出发

根据需求和现有设计或代码,推断主要任务、受众、使用频率、输入方式、平台和限制。简要说明预期改进。只有当缺失的信息会实质性影响工作时才提问。

检查指定的屏幕或流程、现有设计令牌和组件、真实内容以及相关状态。截图可以支持视觉观察;源代码可以支持实现层面的观察;但两者都不能证明任务已成功完成。区分已观察到的阻碍与需要测试的假设。

审查请求应产出发现。改进、重新设计或实现请求则授权在限定范围内进行修改。保留产品需求、品牌标识、有用的信息密度和既有工作约定。根据请求的任务调整这一视角,不要将局部修正扩展为全面重新设计。

借鉴丹麦设计理念

这些联系是编辑层面的综合提炼。采用相关视角辅助决策;不要强行为每位设计师都提出发现或进行修改。

适应人的需求 — Kaare Klint

Klint 对比例和现有家具的研究启示了一种方法:先考察使用方式,再选择形式。

根据阅读、触及、灵活度和输入方式来确定控件的尺寸与布局。使用真实内容、较长标签、文本缩放和不同能力进行测试。纠正控件弱点的同时,保留用户熟悉的控件和实用快捷方式。仅以一位假定的普通用户为依据并不充分。

**检查:**使用相关输入方式和不同内容,能否完成预期任务,且不会出现内容裁切、需要精确点击或隐藏关键操作的情况?

和谐统一 — Arne Jacobsen

Jacobsen 将建筑与室内设计融为一体的做法,启示我们应将整个流程及其细节视为一体化设计体验。

让导航、术语、层级、组件和反馈彼此衔接。从进入到完成,保持语言和状态含义一致。润饰孤立组件前,先检查屏幕之间的关联。保持一致并不意味着必须用定制控件取代平台惯例。

**检查:**沿着一项任务逐屏操作,标签、操作优先级、焦点和状态转换是否始终清晰易懂?

感知舒适 — Poul Henningsen

Henningsen 对引导光线、控制眩光的研究,说明从实际体验效果入手很有帮助。

通过字体、间距、分组和有选择的强调,为注意力明确指向。减少相互竞争的强调元素和不必要的动态效果。保持对比度易读且焦点清晰可见;更安静的屏幕仍须传达信息。应根据内容、品牌标识和使用条件选择颜色,而不是照搬某种既定的斯堪的纳维亚配色。

**检查:**在预期的观看尺寸下,人们能否区分内容、操作、状态和焦点?物理眩光与屏幕对比度是不同现象;这里是感知层面的类比,并非 UI 的照明公式。

基于活动组织——Vilhelm Lauritzen

Lauritzen 按建筑功能安排建筑的方式表明,信息架构可以从其必须支持的活动出发来设计。

梳理用户的操作顺序及每一步的决策。将控件和信息放在需要它们的地方。分开互不兼容的活动;让相关活动保持关联。呈现当前位置、后续操作和返回路径。将中断、错误和恢复纳入流程。

**检查:**从入口走到完成,再经历一次失败。用户能否理解发生了什么,并在不丢失工作的情况下继续?

日常实用性——Børge Mogensen

Mogensen 为日常生活和生产所做的设计表明,应将品质投入到反复的实际使用中。

优先处理高频且影响重大的任务。让默认设置实用、常见操作易于发现,并让恢复过程宽容。支持配置一般的设备、缓慢的网络连接、键盘导航和辅助技术。确保没有可选媒体或特效时,核心任务仍可使用。功能少并不意味着一定更实用。

**检查:**在相关限制条件下重复执行常见任务。无需额外设置或避免不了的等待,界面是否仍能让人轻松使用?

适应情境——Kay Fisker

Fisker 的功能主义传统表明,应根据环境调整实用的惯例和材料。

结合产品现有的系统、平台、受众和内容。根据任务决定信息密度和布局:专家使用的对比表可能需要显示许多数值;触控表单则可能需要宽裕的间距。改进已验证有效的模式,再考虑替换。仅凭视觉风格无法证明其适用性。

**检查:**拟议的改动是否解决了局部问题?它会取代哪些有用的知识或能力?

将构造视为工艺——Hans J. Wegner 和 Poul Kjærholm

他们在相关丹麦现代主义作品中,针对舒适度、榫接、结构和材料特性提供了具体启示。

将语义、响应式布局、组件边界和状态转换视为界面的构造。发挥平台的优势。修复相应的组件,并检查其在其他用途中的表现。确保加载、已保存、失败和禁用状态都与实际行为相符。仔细检查组件的衔接处,如同检查其静止时的外观一样。

**检查:**测试长内容、调整大小、移动焦点以及操作失败的情况。构造是否支撑了视觉设计所作出的承诺?

通过使用化解矛盾

矛盾决策规则
简洁与可发现性如果标签、边界和持久显示的核心操作有助于用户采取行动,就应保留。字段消失并不代表改进。
平和与信息密度保留比较所需的信息。先改进对齐和分组,再考虑将有用内容移到需要额外点击才能看到的地方。
一致性与情境统一含义和模式;允许布局和信息密度随任务和设备变化。
克制与表达如果色彩、个性和富有表现力的形式有助于传达含义、塑造身份、提升舒适度或带来愉悦,就应予以保留。Finn Juhl 是与严格功能主义形式相映衬的丹麦现代主义代表,并非普适风格的依据。
速度与审慎操作删除多余步骤;在复核能够避免代价高昂的错误时予以保留。点击次数本身并不能衡量任务质量。

完成并验证改进

对于每个重要问题,将观察到的情况 → 对用户的影响 → 最小有效改动 → 验证方式联系起来。例如:请求完成前就显示已保存指示 → 用户可能在工作尚未保存时离开 → 区分保存中、已保存和失败状态 → 模拟保存失败并重试,确认输入不会丢失。

优先处理任务完成、无障碍性和可靠反馈;其次是理解和恢复;最后是视觉润色。适用时使用现有系统值。如果问题具有系统性,则修改设计令牌。

使用有代表性的内容、对比明显的布局尺寸和相关输入方式,重新检查受影响的任务。测试改动后的加载、成功、失败和恢复状态。如果改动涉及这些方面,请检查可见焦点、可读对比度、文本缩放和减少动态效果;数值要求请参考当前平台指南。

让证据与结论相匹配:通过视觉对比验证层级,通过输入序列验证操作,通过故障模拟验证恢复能力,通过网络或运行时测量验证性能。如果无法进行某项检查,请说明哪些内容尚未验证。不要仅凭外观推断无障碍性,也不要捏造可用性结果。

交付所要求的设计、代码或评审内容,并说明重要改动、保留的优点、已执行的检查以及剩余限制。当进一步改动不再改善任务完成度或体验时,就停止。

评论

支持 Markdown