[论文解读] SAM: A Modular Framework for Self-Adapting Web Menus

Camille Gobert, Kashyap Todi+2 more|HAL (Le Centre pour la Communication Scientifique Directe)|Jan 24, 2019

Personal Information Management and User Behavior参考文献 22被引用 5

一句话总结

SAM 是一个开源的客户端 JavaScript 框架，通过将目标策略（基于用户行为对菜单项进行评分）与自适应样式（如重新排序或高亮显示）解耦，实现自适应网页菜单。它支持本地日志记录、保护隐私的自适应机制，并可无缝集成到真实网页中，使研究人员能够实验自适应技术，使从业者无需修改服务器端代码即可部署个性化菜单。

ABSTRACT

This paper presents SAM, a modular and extensible JavaScript framework for self-adapting menus on webpages. SAM allows control of two elementary aspects for adapting web menus: (1) the target policy, which assigns scores to menu items for adaptation, and (2) the adaptation style, which specifies how they are adapted on display. By decoupling them, SAM enables the exploration of different combinations independently. Several policies from literature are readily implemented, and paired with adaptation styles such as reordering and highlighting. The process - including user data logging - is local, offering privacy benefits and eliminating the need for server-side modifications. Researchers can use SAM to experiment adaptation policies and styles, and benchmark techniques in an ecological setting with real webpages. Practitioners can make websites self-adapting, and end-users can dynamically personalise typically static web menus.

研究动机与目标

• 解决尽管数十年来对自适应界面的研究已有大量成果，但在可部署、可重用的自适应网页菜单框架方面仍存在空白。
• 使研究人员能够在真实网页的生态场景中，实验不同组合的自适应策略与样式。
• 支持从业者通过极少的代码修改，轻松将自适应菜单集成到现有网站中。
• 通过浏览器扩展，使最终用户能够动态个性化静态网页菜单，而无需技术专长。
• 通过提供模块化、开源的框架，促进自适应界面研究的可复现性、生态有效性及可迁移性。

提出的方法

• 将目标策略（基于交互历史对菜单项进行评分）与自适应样式（如重新排序或高亮显示等视觉变化）解耦，实现独立探索。
• 将文献中的策略（如基于频率、基于排名）和样式（如重新排序、高亮显示、放大）实现为可插拔组件。
• 所有自适应逻辑、数据日志和计算均在浏览器本地执行，使用 Local Storage 或 IndexedDB，确保用户隐私且无需服务器依赖。
• 通过 `SAM.fromSelectors()` 基于 DOM 初始化，使用 CSS 选择器指定菜单、组和项元素。
• 通过接口（`TargetPolicy`、`AdaptationStyle`）和抽象基类支持扩展，使开发者可使用极少代码实现新策略与样式。
• 通过浏览器扩展实现用户自定义，无需修改网站代码即可注入框架和初始化脚本。

实验结果

研究问题

• RQ1 如何设计一个模块化框架，以在真实网络环境中独立探索自适应策略与样式？
• RQ2 客户端、保护隐私的框架在多大程度上能够使研究人员在真实网页上基准测试和复现自适应菜单技术？
• RQ3 轻量级、开源的 JavaScript 框架能否被从业者有效用于仅通过极少代码修改即部署自适应菜单？
• RQ4 最终用户如何通过浏览器扩展在无需技术专长的情况下，动态个性化静态网页菜单？
• RQ5 在如 Wikipedia 这类真实场景中，组合多个策略与样式时，性能开销如何？

主要发现

• 通过将六个已发表的自适应策略与四种视觉样式组合，SAM 可生成 24 种不同的自适应菜单变体，展示了广泛的可组合性。
• 在包含数百个项目的菜单上，框架实现亚 100ms 的自适应性能，Wikipedia 上的真实基准测试平均每次页面加载耗时 77ms。
• 本地执行确保了完整的用户隐私，所有数据日志、评分和渲染均在客户端完成，无需服务器存储或通信。
• 框架可通过仅引入一个 CSS 文件和 JavaScript 库，并在 DOM 加载后调用 `SAM.fromSelectors()`，实现与现有网站的无缝集成。
• 浏览器扩展使最终用户无需技术知识即可在任何网页上激活自适应菜单，通过注入框架和特定域名的初始化脚本实现。
• 使用抽象基类和接口显著降低了新策略与样式的实现负担，支持快速扩展与复用。