以键盘为核心: SideCalendar 三层键盘交互的设计思考 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
spike0100
0D
V2EX    分享创造

以键盘为核心: SideCalendar 三层键盘交互的设计思考

  •  
  •   spike0100 31 天前 1470 次点击

    尽管 SideCalendar 提供了同样强大的鼠标操作模式,但它的核心与灵魂,始终属于键盘那条通往极致效率与"心流"境界的最短路径。

    核心哲学:从"打开应用"到"召唤工具"

    在传统软件交互中,我们习惯于"打开"一个应用程序。这个过程移动鼠标、寻找图标、点击、等待窗口加载本身就是一次对当前工作流的粗暴打断。

    SideCalendar 的设计哲学旨在挑战这一模式。我认为,优秀的生产力工具不应是一个需要特意"访问"的目的地,而应是一个可以被随时"召唤"的个人助理。它无缝融入您的工作流,在需要时立即出现,在完成后瞬间消失,最大限度地守护您宝贵的"心流"( Flow State )。

    为实现这一哲学,我构建了三层键盘交互模型。

    设计实践:三层键盘交互模型

    第一层:全局层 无处不在的入口

    理念:全局可达性 (Global Accessibility) 与瞬时交互 (Transient Interaction)

    这一层是整个设计的基石,它将应用从一个孤立的程序,变成系统的一个瞬时状态。我摒弃了 Dock 栏图标作为主要入口,目的就是为了消除一切不必要的操作步骤。

    • ** + + B (可自定义)**:这是您进入 SideCalendar 世界的唯一"咒语"。无论您身在何处,只需按下这个全局快捷键,距离当前时间最近的事件气泡便会即刻出现。再次按下,它便会消失。召之即来,挥之即去。
    • **Esc**:作为通用的"取消/关闭"指令,它同样能关闭任何 SideCalendar 窗口,确保了行为的一致性。

    第二层:导航层 直觉流畅的探索

    **理念:情境化设计 (Contextual Design)

    当您召唤出浮窗,需要浏览信息时,导航层便会被"情境激活"。这套快捷键仅在应用内部生效,确保不会与您的其他软件产生冲突。它的核心是"探索"在您不确定信息具体位置时,提供流畅的浏览体验。

    我提供了两套功能完全等价的导航键位,以适应不同用户的肌肉记忆与使用场景。

    • **传统方向键 ( )**:符合通用直觉,简单易懂。
    • WASD:这是我为游戏玩家和效率专家特意设计的。它赋予了用户 单手操作的自由:当您的右手停留在鼠标或数字键上时,左手可以自然地在 WASD 上完成所有导航,实现真正的"眼不离屏,手不离键",最大化您的操作效率。

    具体操作:

    • **事件移动 (纵向)**:使用 / W / S 在事件间移动,可穿透翻页。
    • **页面翻页 (横向)**:使用 / A / D 在页面间翻页。
    • 气泡切换:使用 TabShift + Tab 在不同的事件气泡之间跳转。

    第三层:加速层 消除导航的精准直达

    理念:为专家用户设计,提供从"意图"到"行动"的最短路径

    如果说导航层是为"探索与确认"而生,那么加速层就是为"直接执行"而设计。它为那些对信息位置有预判的专家用户,提供了彻底"消除导航"的可能性。

    • ** + 数字键 (1-9)**:这便是加速层的精髓。当浮窗出现时,按住 Option 键,每个事件旁都会显示一个数字编号。此时,按下 + 数字,即可 立即打开对应事件的链接,无需任何移动和选中

    这个设计,是将"浏览-选中-执行"三步合一,提供了从用户产生意图到完成操作的最短路径。

    结论:安静而强大的个人助理

    SideCalendar 的三层键盘交互模型全局层负责"召唤",导航层负责"探索与确认",加速层负责"消除导航的精准直达"共同服务于一个核心目标:在不增加用户认知负担的前提下,提供极致的操作效率,守护用户宝贵的"心流"。

    通过这种设计,SideCalendar 不再是一个传统的应用程序,而是一个真正融入您日常工作流、响应迅速、安静而强大的个人助理。

    渐进式学习路径

    我为用户设计了三个学习阶段,确保任何人都能在数小时内逐步掌握这套交互系统:

    前 10 分钟:掌握基础召唤(全局层)

    • 只需记住 + + B 这一个快捷键
    • 习惯"召唤-查看-关闭"的基本流程
    • 建立"需要时才出现"的使用习惯

    第 30 分钟:流畅导航浏览(导航层)

    • 开始使用方向键在事件间移动
    • 尝试用 Tab 在事件气泡间跳转
    • 学习用空格或回车跳转到选中的事件
    • 根据个人习惯选择传统方向键或 WASD

    第 1 小时:精准直达(加速层)

    • 学习 + 数字 的直达功能
    • 观察自己的常用事件模式
    • 逐步减少导航步骤,提升操作效率
    3 条回复    2025-09-12 14:10:39 +08:00
    kaixinyidian
        1
    kaixinyidian  
       30 天前
    希望上下键 可以在翻无可翻的情况下 翻到上一个或者下一个气泡去
    spike0100
        2
    spike0100  
    OP
       30 天前
    @yatoooon 现在就是支持的。
    spike0100
        3
    spike0100  
    OP
       30 天前
    @yatoooon 哦不对,不支持。只能穿透到下一页。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5992 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 02:11 PVG 10:11 LAX 19:11 JFK 22:11
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86