【开源推广】基于以人为本学术理论的设计理念前端审阅优化skill

本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容:

- 我的帖子已经打上 开源推广 标签:是
- 我的开源项目完整开源,无未开源部分:是
- 我的开源项目已链接认可 LINUX DO 社区:是
- 我帖子内的项目介绍,AI 生成或润色部分已截图发出:是
- 以上选择我承诺长期有效,并接受社区监督:是
以下为项目介绍正文内容,AI生成、润色内容已使用截图方式发出


本项目基于"How to Apply Academic Theories to Human-Centered Web Design [Full Handbook"一文的前端理论研究设计完成,把人因设计法则转成统一检查规则,帮助团队更早发现阻塞点、排序修复优先级。手册中弥合了学术理论与前端开发实践之间的鸿沟。它指出,用户对数字界面的许多挫败感,源于开发者忽视了植根于认知心理学的基本设计原则。作者介绍并解释了十多个关键理论,包括菲茨定律(目标大小和距离影响交互时间)、希克定律(选择越多,决策时间越长)、格式塔原则(用户如何感知视觉分组)、冯·雷斯托夫效应(独特项目更突出)以及米勒定律(工作记忆容量有限)。针对每个理论,手册都提供了清晰的解释、现实世界的示例,以及针对开发者的具体、可操作的设计要点,例如将主要操作放置在屏幕边缘、使用渐进式披露来降低复杂性、以及利用邻近性对相关元素进行视觉分组。其核心信息是,通过应用这些基于证据的见解,开发者可以构建出不仅视觉上吸引人,而且在认知上高效、行为上一致,并且对用户而言可衡量地更易于导航的界面。

下图生成方法

注:下图参考了 @yeahhe 佬友的AMC-WebUI项目中的html与md结合提示词,在cherry studio中用deepseek-v4-pro生成。

8 Likes

好东西,我来加到spec中,看看效果咋样

。。。rule不少啊,我还是当做skill用吧~

可以酌情调整。这个是总集篇,但每个rule都是独立的,可以看完上面的具体总结后选择部分最需要的添加。

我还是偏向简单一点的提示
尽量自由发挥
我的项目里面的提示词还没有优化完

其实我觉得这个项目对个人而言最有价值的除了简化处理与审计流程,就是我们在设计时有意识地将人本主义设计理念在我们开发过程中融会贯通。

感谢佬友,已经star项目了,如果后续有更新可以敲敲我,你目前这个prompt我觉得效果已经不错了,因为它总结的对象是2w+ tokens的全文。

容我泼个冷水,这一看就很不以人为本 (人本主义本身就很不人本)

佬友为什么这么说,其实我觉得它这里很多理念还是根据阅读习惯与注意力机制讨论的

噢噢这个人本主义四个字是我翻译的不好,原版的英文写的是以人为本的学术理论.

PixPin2026-05-0922-35-45 (1)

这个还是适合Gemini使用
Gemini输出本来就快
前端也是优势,审美在线

这项目犯了很多理论学者一样的谬误
将动态多维的人类认知过程,用静态而单一的特征去解读/应用
看起来很多根据
抽离情景那些理解没有多大实用性
设计本来就不单纯是资讯认知过程,这是审美、功能、资讯行为学的向度取舍
而且很常是平台需求 与 用户体验的各种打架
更别说不同文化地区,用户习惯与应用设计都有很大的差异(而且是文献上有研究的)

这种其实结果只能是一点炫目的checklist,作个skill 或 subagent 可以用来造个有点话题的demo,或者作为组织权力决策时一个谈资而已

但是实务上,可以产生的助力会比看起来有限很多

如果你用来挂skill / 拷问workflow 来学习这些概念的话,还比较有用

哈哈哈我也想用,但没有api,之前gemini反代被封了

感谢佬友分享先marks一下到时候看看效果如何

我觉得它的效果在于提醒用户,需要注意遵循这些原则,学习警示意义更大,所以我这里做的是"审阅"skill,而不是修改 skill

确实是,用ark站的gemini-3-pro-preview-thinking-128测试了一下,效果如下。不过gemini确实容易偷懒是真的,它的稀疏注意力机制被应用之后对内容的完整提取始终不如deepseek:

更新了一批安装方法, 对不同ide与cli环境安装起来更容易