找不到喜欢的思维导图 App,他做了个小程序取悦自己 | 晓组织 #2

知晓程序注:

「晓组织」是知晓程序推出的全新栏目。

每周,我们都会邀请优秀的小程序开发者,从产品/开发/运营等角度,分享他的小程序实战经验。如果你想成为「晓组织」的一员,请发送邮件至 bigbang@ifanr.com 给我们投稿,献上你的投名状。

这里是「晓组织」的第 2 期。

本期分享嘉宾是「Nodes」小程序的开发者花叔。

大家好,我是花叔。我从事 IT 工作 7 年,现就职于腾讯 TGIDEAS,是一名高级 UI 开发工程师,热爱折腾跟互联网相关的各种玩意,是一个热衷交流的大叔,很荣幸受邀到「知晓程序」来谈谈「Nodes」的故事。

在讲故事前,先介绍一下「Nodes」,它是一个面向高端人群,基于小程序平台的思维创作和分享工具,利用它你能快速地创作并传递你的思路。

「Nodes」主要涵盖以下功能点:

  • 新建/管理思维导图
  • 收藏/导出朋友分享的思维导图

「Nodes」发布不久,一位热心的网友因为太喜欢「Nodes」就录了一个演示视频,更具体的使用方法可以参考以下视频:

视频内容

没有喜欢的,那就自己做一个吧

在大企业上班的同学都应该有那么一种体会,平时接触的需求或者业务比较复杂,往往需要一些辅助工具去整理我们的思路。

我自身也是在比较大型的互联网公司工作,虽然从事的是前端开发人力的协调工作。但在产品策划阶段,我也需要跟产品同学一起对产品的预想形态进行构思。

这时候,我有两个事情是必须做的:

  • 前期结合技术可行性,尝试用思维导图的方式表达自己对产品的理解。
  • 后期总结各方的想法,整理并输出产品功能块的细节、关系以及优先级。

而这两个事情,我往往是在 PC/MAC 上用类似 MindManager 的工具进行创作,然后利用所制作的思维导图工具,去辅助我把想法传递给合作方或执行方。

由此可见,思维导图是非常有用的东西。我从事了好几年互联网工作都离不开它,但是随着移动互联网的兴起,我们在 PC/MAC 上面花的时间越来越少,好多的碎片化时间都已经转移到手机上,于是我不禁去想,为什么我不能在手机上去画思维导图呢?

带这个疑问,我尝试去找一些手机上画思维导图的 app。但经过一轮折腾后发现,好用的、用于制作思维导图的 app 要不交互很粗糙,要不就是要收费的(我一直认为基础服务是不应该收费的)。

我作为一个开发者,觉得他们做的不好的时候,就会想着自己弄一套。毕竟自己做的一定是满足自己的需求,于是衍生了「自己弄一个思维导图工具」的想法。

加之机缘巧合,刚好公司对接的业务开始尝试在微信上去做一些小程序,例如「王者荣耀赛事」。我作为一个开发小组的负责人,也需要更新自己的技术能力,于是就有了「学习小程序」的想法。

于是乎,这两个想法成了我做「Nodes」的初衷。

一个人的小程序

我个人是一个执行力不差的人,定了目标之后,就开始构思「Nodes」的产品形态。

一般严谨的互联网产品会经历「策划-交互-视觉-前端开发-后端开发-测试-发布」的过程,这会涉及不同人力直接的合作和沟通,而这过程会让产品的方向会发生偏移,所以一般产品的最终形态跟最初策划方预想的形态很可能是大相径庭的。

但「Nodes」不一样,因为这个小程序是我一个人包揽了所有开发环节,没有交互 PK,没有需求变更,整个小程序的开发进度完完全全按照我个人想法去演变,所以它现在的形态就是它最初始的形态,可以算是一个比较有个性的应用。

这里可以举个例子说明一下它是如何的个性的。

例如,别的思维导图 app 都是千篇一律地用点击「+」号新增分支的交互,因为我觉得那样太不个性(纯粹为了不想随大流),于是「Nodes」的节点编辑交互是这样考虑的:

小程序提供的事件交互常用的有 3 种:tap(短按)、longtap(长按)、touchmove(移动),这 3 种交互组合起来,会有 5 种交互:短按、长按、移动、短按移动、长按移动。

「Nodes」的节点主要有 3 种处理方式:

  • 编辑:使用短按方式触发
  • 合并或调序:短按移动
  • 新增:长按移动实现拖出一个新节点的交互,这会让用户有一种自己在绘画的感觉

这是「Nodes」在节点处理交互上的「与众不同」 。

再说说「Nodes」的后端部署方案,其实它没有普通人理解的复杂,因为它是直接用的腾讯云的小程序解决方案。

如果你参与了很多的小程序开发项目的话,你会发现那种跟用户相关的小程序,在研发开始前,都会讨论关于「鉴权」的问题,这是必不可少的,因为这逻辑相对复杂一点。

好消息是腾讯云已经自动帮忙部署鉴权体系,我不需要自己想方设法地去开发这套机制。但也有个坏消息,就是腾讯云的小程序解决方案会有一些配置的坑,而且官方默认的设计方案是不支持多个小程序公用一套鉴权体系的。如果要进行多个小程序公用的话,你需要自己手动去改造其中的代码。

「Nodes」不是一个简单的项目,其中涉及好多开发细节还有很多,这里就不一一细说了。

完善、完善再完善

最后,谈谈 Nodes 未来的迭代计划:

「Nodes」最大的技术难点在于画布 API 的应用,目前微信小程序官方对这一块的支持还是挺有限的,所以「Nodes」在不同的手机上可能会存在一点的兼容性问题(例如文字错位、叠影)。

所以后续首先的第一个计划是跟官方沟通,促进他们完善 API,并更新到「Nodes」中,用以保证现有体验的极致。

除此之外,结合网友们的意见,后续估计还会有 3 个优化计划:

  • 版本功能:版本积累的需求优先级并不高,但可考虑提供。
  • 协助创作:如果能实现协助创作,也许能更好支持脑暴需求。
  • 悔步功能:目前操作错误不能回滚,体验不大友好。

原文发布于微信公众号 - 知晓程序(zxcx0101)

原文发表时间:2017-05-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏BestSDK

一个完整的小程序应用是这样诞生的

一、idea来源 作为一个篮球运动爱好者,其实一直以来都有个小想法,就是想要做一个“O2O约球”的App,类似于滴滴打车,可以在线上邀请朋友或者陌生的球友,线下...

3704
来自专栏Petrichor的专栏

好程序需要你写(至少)两遍

  最近这些年,越来越多的人开始转向敏捷开发。各种敏捷开发技术并不新鲜,大多是在80 和 90年代发展形成。但只是在最近这些年,程序员和(更重要的是)一些商业顾...

1494
来自专栏“我”的专栏

网站建设需要满足的条件

如今,网站建设随处可见。它根据现代人已经越来越离不开网络,为大家提供无线的便利。为了让人们感到更加方便,最近的移动网站正如火如荼地进行着,很多企业都察觉到了这样...

2022
来自专栏FreeBuf

GitHub 2017年支付漏洞赏金100多万元,超出去年一倍多

程序员最爱的 GitHub 在 2014 年开展了一项为期 4 年的漏洞奖励计划,到 2017 年已经是第四年。这四年间,累计发放的漏洞赏金约 35 万美元(按...

3387
来自专栏ytkah

小程序内嵌网页的开放是一场创业公司的及时雨吗

  11.2晚小程序突然开放两个重磅能力:1.小程序内可直接打开网页,2.小程序可关联500个公众号。通过研究,我们发现这次新能力的开放,促使小程序推动微信的春...

3655
来自专栏软件测试经验与教训

程序员不修改bug怎么办

3466
来自专栏云计算D1net

三种云部署方式 助企业实现高性能云存储

用户把他们的基础设施移出数据中心以外,总是会涉及延迟问题,那些寄希望于云供应商能够提供高性能的云存储的用户,就不得不学会妥协,要么部分地放弃对高性能的要求,要么...

4984
来自专栏包子铺里聊IT

回顾 <程序员练级攻略>

大约四五年前,小编偶然在网上看到这篇 <程序员练级攻略> (首发于酷壳网), 文笔流畅,内容实在,十分受用。到今天,技术届的发展天翻地覆,再来回顾这篇“大文”,...

7977
来自专栏精讲JAVA

理解程序员并不是一项简单的任务, 即使你当过程序员

最近在读一本软件团队管理方面的书 :books: ,是两位在软件行业的资深从业者写的,其中有一个章节在讲如何理解程序员这件事。 理解程序员并不是一件简单的任务...

3545
来自专栏杨建荣的学习笔记

DBA技能发展变化小结

去年年底的时候,我尤其焦虑,因为圈子的缘故,我能感受到行业里的变化和趋势,所以所想和所做不能匹配的时候,焦虑难免产生。当然我们要做减法和解法。

1611

扫码关注云+社区

领取腾讯云代金券