吐槽一下悬浮栏的钉子

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

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

image.png

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

image.png

@88250 @Vanessa

  • 思源笔记

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

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

    20158 引用 • 77745 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 那个位置都是按钮不太可行,我更倾向 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 姐就肝完了……

请输入回帖内容 ...

推荐标签 标签

  • 周末

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

    14 引用 • 297 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 23 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    76 引用 • 429 回帖
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖 • 1 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    76 引用 • 37 回帖
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    923 引用 • 936 回帖
  • BND

    BND(Baidu Netdisk Downloader)是一款图形界面的百度网盘不限速下载器,支持 Windows、Linux 和 Mac,详细介绍请看这里

    107 引用 • 1281 回帖 • 29 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖 • 1 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 30 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    207 引用 • 358 回帖
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起,它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • 996
    13 引用 • 200 回帖 • 6 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    262 引用 • 664 回帖
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 373 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 701 关注
  • 倾城之链
    23 引用 • 66 回帖 • 121 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 680 关注
  • 七牛云

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

    26 引用 • 222 回帖 • 167 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    4 引用 • 16 回帖 • 1 关注
  • 星云链

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

    3 引用 • 16 回帖
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    16 引用 • 7 回帖 • 2 关注
  • 阿里云

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

    89 引用 • 345 回帖 • 1 关注
  • Sandbox

    如果帖子标签含有 Sandbox ,则该帖子会被视为“测试帖”,主要用于测试社区功能,排查 bug 等,该标签下内容不定期进行清理。

    386 引用 • 1226 回帖 • 593 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖