优化数学公式体验

本贴最后更新于 1343 天前,其中的信息可能已经时移俗易

这些想法由来已久了。

在思源 1.2 版本更新后,数学公式编辑机制更改,变成了类似 notion 的浮窗更改。
这种编辑方式在对于行级公式,也就是比较稀疏的公式是可以接受的,甚至更优于原先的方案。
但是对于比较密集的行内公式,编辑体验明显下降。

从创建和修改两方面来说。

创建时,有两种渠道:直接输入 $$ 以及按快捷键 Ctrl+M 呼出公式浮窗。
直接输入此时有一个 Critical Issue:转义。因此很多时候直接输入会被转义而导致格式出错,例如 \dfrac{\pi}{2},如果先输入 \dfrac{}{} 再输入 \dfrac{\pi}{2},就会对 } 进行转义导致输入失败。在触发转义之后,几乎一定是无法正常编辑的,因为 \} 会吞走一个斜杠。这个可以通过调整输入顺序来避免,但总归是时不时出现的烦心事。此外,上下标等语法也会与公式输入的内容冲突,导致莫名其妙的显示效果。
而另一种方法,按快捷键呼出公式浮窗,则涉及到一个操作步骤繁琐的问题,即要按专门快捷键呼出、按 Esc 关闭浮窗。不过其实还是可以接受的,习惯后并没有多么复杂。

那么对于创建,一个优化的思路就是直接砍掉传统的 $$ 输入方式,强迫用户习惯新的方式。
另一个思路是在开始输入 $ 之后暂停转义,直到输入完成后再继续转义。这个方案的问题在于,有的用户会需要单独输入 $,因此可能难以判断其是否打算输入数学公式。不过转义的使用频率非常低(大概?),或许可以作为配置项。(冗余配置项又增加了、、、)

而更大的问题在于修改。
对于行级公式,由于本身比较稀疏,而且体积大,用鼠标点击这种比较低效的方式进行修改也是可以接受的。
但对于行内公式,用鼠标慢吞吞地定位、打开、修改、关闭面板一套流程走下来,成本很大。
现在增加了选中公式用快捷键 Ctrl+M 呼出面板的功能,一定程度上缓解了这个问题,但其实还没有解决。因为选中公式并不快捷

选中涉及到一个定位到前后,然后按住 Shift 键进行光标移动的过程。与数学公式有关的光标经常出神奇的 bug,选中后显示效果也经常出神奇的 bug.
而且行内数学公式一般与前后都有空格隔开,这让选中的精力负担又有所增加、、、

2.gif

\ce{Cl2},选中之后出现神秘的 X,如果带前后空格选中了再按 Ctrl+M 就会出现神秘的 bug.

在我看来,这都是现在对数学公式的选中处理不到位导致的。

我们应该对选中数学公式进行特殊处理。数学公式可以获得鼠标的焦点,被点击,那么它也应该可以获得光标的焦点,被用键盘“点击”。

因此,一个思路就是在用键盘移动光标时,给数学公式添加一个焦点。
123X456,其中 X 是数学公式,那么我们移动到 3 与 X 之间有一个光标停留位置,在 X 与 4 之间有一个光标停留位置,这是现行的设计。
而我们还可以让光标直接停留在 X 身上,在此时就赋予其类似选中的效果,然后再按下 Ctrl+M 进行修改的心智负担就会显著减小。(事实上,此时可以直接设计成按 Enter/Space 呼出修改面板,因为已经确定是数学公式)

在视觉上也可以加以强化选中的感觉,比如添加一个蓝色边框。(我总是对这种交互有种莫名的熟悉感)

image.png

有点像是选中超链接的这种感觉?然后按下 Enter/Space 键开始编辑,挺自然的。

还有退出一方面,Esc 键本身在键盘的最左上角,其实按压成本相对过高。用 Vim 之类的软件也会有这样的问题(不过我用的是 61 键的小键盘,把 Esc 改到了大小写键的位置,所以其实没什么所谓、、、),一个思路就是在编辑面板按下 Ctrl + Enter 就保存编辑,类似 QQ 的发送键,操作起来可能更流畅一些。

以上是我的一些想法。我使用行内公式的频率很高,说实话现在也差不多适应了,不会感到有多难受,但总归是想能不能更流畅、更丝滑一点。这里也给出了一些设想的方案,但不知道可行性如何,也不知道是否真的能改善数学公式输入体验,欢迎大家的讨论。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    24868 引用 • 102329 回帖
1 操作
Clouder 在 2021-07-28 22:28:49 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...

推荐标签 标签

  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    179 引用 • 408 回帖 • 482 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 393 关注
  • OneNote
    1 引用 • 3 回帖 • 1 关注
  • 倾城之链
    23 引用 • 66 回帖 • 160 关注
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 4 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    84 引用 • 324 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言,应用广泛。C++ 支持多种编程范式,面向对象编程、泛型编程和过程化编程。

    107 引用 • 153 回帖
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    28 引用 • 226 回帖 • 136 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 530 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 489 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 53 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 567 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖
  • Excel
    31 引用 • 28 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9440 引用 • 42990 回帖 • 108 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    172 引用 • 516 回帖
  • 印象笔记
    3 引用 • 16 回帖
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    29 引用 • 66 回帖
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • 以太坊

    以太坊(Ethereum)并不是一个机构,而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity,使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物:投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 1 关注
  • V2Ray
    1 引用 • 15 回帖
  • 音乐

    你听到信仰的声音了么?

    62 引用 • 512 回帖
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 145 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    286 引用 • 248 回帖 • 12 关注
  • gRpc
    11 引用 • 9 回帖 • 89 关注