吐槽一下悬浮栏的钉子

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

左右两边这两个钉子就像两个门神,一左一右,甚是难看,特别是文档树的图标位置下移,造成与文字“文档树”视觉上的偏移,甚是别扭!

image.png

为什么不考虑放在下图中红框的位置呢?我认为这是最佳的位置,即保持了原来美观的布局,又便于用户理解这个钉子的含义。

image.png

@88250 @Vanessa

  • 思源笔记

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

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

    22346 引用 • 89409 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 那个位置都是按钮不太可行,我更倾向 savor 主题那样的,在边栏和编辑器的交界处有一个缩放的图标

  • 😂 这是要大门神变小门神

    2 回复
  • wxtgood 1 评论

    哈哈,V 姐太幽默了,我平时一般不往开打右侧的面板,没想到这个问题。我想到还有个解决办法,V 姐可以考虑一下:

    在下图鼠标停在红框位置出现的面板增加两个按钮,并与原来的按钮用横线分隔开,这两个按钮分别是:悬浮文档树面板、悬浮反链面板(表达有点不准确,大概是这个意思)。这样就不用添加那两个钉子了。

    image.png

    @Vanessa @88250

    界面相关的问题建议不用 at 我 😂
    88250
  • wxtgood 1 赞同 1 评论

    效果图如下:

    image.png

    @Vanessa

    这个操作有点深了,不知道用户会不会一下要 pin 住,一下不要。
    Vanessa
  • 再次力荐语雀这种实现方式。鼠标放上去显示缩放和展开的按钮

    image.png

  • RiiichMan

    嗯,这两个钉子看的确实有些怪。savor 主题的交互逻辑挺好的。

  • 现在思源界面上面的按钮本来就很克制,结果又放了两个“pin”的按钮。操作上更加喜欢 savor 的方式,不占空间。

  • 我认为我评论里的方案是最妥当的,即能实现功能,又没有改变原有布局。

    savor 主题的方案也挺好,但侧栏边那个悬浮交互按钮样式做不好的话,看起来挺突兀的。

  • lentikr 1 评论

    大门神还有一个问题是,如果用户默认隐藏停靠栏,还需要先取消隐藏再设置钉住的状态。

    加一个到面板菜单吧。
    Vanessa
  • wxtgood 1 1 赞同 3 评论

    @Vanessa

    对于“不知道用户会不会一下要 pin 住,一下不要”这个问题,我认为是大部分用户是不需要的。理由如下:

    1.悬浮侧栏的第一个应用场景是小屏笔记本电脑用户,这类用户由于屏幕受限,基本会一直保持侧栏悬浮,不会频繁切换悬浮和 pin 住。

    2.悬浮侧栏的第二个应用场景是思源与其他软件分屏造成思源占用的区域变小,既然已经操作了分屏,那说明思源与其他软件配合工作的时间肯定不会短,因为时间短的话,通过来回切换软件来的更方便,没必要进行分屏操作。所以在第二种场景下用户基本不会频繁切换悬浮和 pin 住。

    3.悬浮侧栏的第三个应用场景是想让思源的编辑区域占满屏幕,进入沉浸式写作,这种情况下用户也是基本不会频繁切换悬浮和 pin 住。

    再讲一下,将悬浮按钮放在左下角“隐藏停靠栏”按钮里的好处:

    1.不需要新设计任何按钮,去考虑如何放置及用什么形状做按钮,并且能省掉那两个钉子。工作量低。

    2.有利于相似功能的集中管理,便于用户查找。左下角已有的功能是隐藏停靠栏、打开文档树/反链等面板,那么新增一个隐藏这些面板的按钮也是理所当然的。

    3.操作简便。得益于左下角的按钮只要鼠标指针放上去,就会显示出二级菜单,所以相当于一键直达了悬浮侧栏功能,操作便捷。

    题外话:

    希望 V 姐能将顶栏左上角的空间名处,也弄成上面那样,鼠标指针放上去,就会显示出二级菜单,移开后,二级菜单消失,这样就能极大便捷了频繁切换空间、使用闪卡、日记的用户了。

    因为用户在使用电脑时,从操作讨厌程度看:点击鼠标是远大于移动鼠标的。鼠标点的时间长了,手是真的累。

    1 回复
    Vanessa
    @Vanessa 希望 V 姐能看看我的回复,悬浮和 pin 住真的是非常频繁的功能了,其他笔记软件也是将相关按钮放在最表层的位置
    svchord
    @svchord 再有更好的解决方案之前先这样了。停靠栏上都是面板按钮,放一个 pin 的有点违和。
    Vanessa
  • svchord

    我必须要说一下,每个人的使用习惯很可能是不同的,对于我来说,悬浮和 pin 住就是频繁需要切换的功能;另外,对我来说,鼠标移到上面就出现菜单,对我来说是非常不能接受的,有一种 UI 不受控制的感觉

  • 我发现还是需要多发言的……
    对我来说,savor 主题和之前的“门神”都是差不多的,都能够给我常用的功能提供入口。
    就我自己的体验而言,使用 pin 切换和打开面板的频率其实也是 1:2 左右的比例,平时查看时使用悬浮,需要进一步操作都会 pin 住,操作完毕又会切换为悬浮。
    现在的实现确实不是很优雅,但是确实方便可用,如果限于实现难度或其他考虑,不迁移到 savor 主题方案或者干脆在 dock 上加按钮,我觉得也可以接受。
    但是没想到社区还没吵完,V 姐就肝完了……

请输入回帖内容 ...

推荐标签 标签

  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 585 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 618 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 629 关注
  • 思源笔记

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

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

    22346 引用 • 89408 回帖 • 1 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 595 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    15 引用 • 122 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 4 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 587 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    70 引用 • 375 回帖 • 1 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 155 关注
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    149 引用 • 257 回帖
  • 招聘

    哪里都缺人,哪里都不缺人。

    190 引用 • 1057 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 16 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 431 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图(data flow graphs),用于数值计算的开源软件库。节点(Nodes)在图中表示数学操作,图中的线(edges)则表示在节点间相互联系的多维数据数组,即张量(tensor)。

    20 引用 • 19 回帖
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    125 引用 • 169 回帖 • 1 关注
  • Love2D

    Love2D 是一个开源的, 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 530 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 721 关注
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖 • 1 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖 • 1 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3187 引用 • 8213 回帖
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 1 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    341 引用 • 708 回帖
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 130 关注
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖