FreeOZ论坛

标题: 我们的产品正式上线公测啦！ [打印本页]

作者: woodheadz 时间: 11-9-2014 14:06
标题: 我们的产品正式上线公测啦！
我们公司的主要产品是思维导图工具NovaMind。这回终于全面网络化，NovaMind Cloud正式上线公测！

这个产品以纯javascript+html5制作，支持几乎所有的主流平台，从平板到手机都能使用。虽然是Web版，但使用体验不弱于本地应用(将来会增加离线功能)。
NovaMind Cloud具备NovaMind大部分的核心功能，可直接上传/下载NovaMind 5格式文件，还允许你通过社交网络分享动态的思维导图。

目前新功能持续不断添加中...

下面这个链接是一个由NovaMind创建的思维导图，有空可以看看尝个新鲜！
https://www.novamind.com/cloud/doc/193?nm_referrer=106

我这两年工作成果就是这玩意儿，几乎是一个人从前端做到后端完成了这东西，想起来都有点累。欢迎大家捧场，免费注册体验。

作者: Serin 时间: 11-9-2014 14:27
你们公司其他人都指着你吃饭？

作者: woodheadz 时间: 11-9-2014 14:29

Serin 发表于 11-9-2014 13:27
你们公司其他人都指着你吃饭？

其它人做其他的事

作者: DDD888 时间: 11-9-2014 14:51
javascript源程序代码有几行啊？

作者: woodheadz 时间: 11-9-2014 15:01

DDD888 发表于 11-9-2014 13:51
javascript源程序代码有几行啊？

压缩后合计大概1.8m，不过其中有一小部分是第三方类库，粗略估计最少1.5m+。

作者: wangbo 时间: 11-9-2014 15:05
做的还真不错啊！
我喜欢思维导图

作者: DDD888 时间: 11-9-2014 15:08

woodheadz 发表于 11-9-2014 14:01
压缩后合计大概1.8m，不过其中有一小部分是第三方类库，粗略估计最少1.5m+。

压缩前扣除第三方类库有几行javascript?

作者: woodheadz 时间: 11-9-2014 15:18

DDD888 发表于 11-9-2014 14:08
压缩前扣除第三方类库有几行javascript?

5w左右

作者: woodheadz 时间: 11-9-2014 15:26

wangbo 发表于 11-9-2014 14:05
做的还真不错啊！
我喜欢思维导图

欢迎试用

作者: DDD888 时间: 11-9-2014 15:27

woodheadz 发表于 11-9-2014 14:18
5w左右

厉害

作者: woodheadz 时间: 11-9-2014 15:33

DDD888 发表于 11-9-2014 14:27
厉害

因为html5比较新，我们需求又有很多特殊的东西不大容易找到合适的类库，所以除了jquery，bootstrap和一些小的辅助类库（例如加密解密算法之类）以外基本上没用什么大的第三方库。从底层的渲染系统，数据序列化系统和事件系统都是自己从头写的。搞得代码量略大。

作者: khing 时间: 11-9-2014 15:37
楼主很牛！

作者: yeats_only 时间: 11-9-2014 15:40
mindmanager

作者: woodheadz 时间: 11-9-2014 15:42
本帖最后由 woodheadz 于 11-9-2014 14:44 编辑

yeats_only 发表于 11-9-2014 14:40
mindmanager

那是行业老大。
不过我是真心认为NovaMind在思维导图方面比MindManager做得好很多。MindManager太死板了，从我十年前第一次接触思维导图用到MindManager时开始到现在，MindManger在核心功能上并没有什么本质变化。它最强的地方还在它强大的辅助整合性功能上。

作者: DDD888 时间: 11-9-2014 15:45
我帮你做了下测试，用google chrome Version 37.0.2062.103,如果输入许多字符(大概超过满屏显示)到“align” editor box,不要login,chrome会崩溃，我试了下firefox也是同样情况，建议你限制输入字符数

作者: woodheadz 时间: 11-9-2014 15:52

DDD888 发表于 11-9-2014 14:45
我帮你做了下测试，用google chrome Version 37.0.2062.103,如果输入许多字符(大概超过满屏显示)到“align ...

哈哈，好的谢谢

作者: DDD888 时间: 11-9-2014 16:00
顺便问下，如果不用html 5,假设用ie8,如何支持那些图形control啊？

作者: woodheadz 时间: 11-9-2014 16:03

DDD888 发表于 11-9-2014 15:00
顺便问下，如果不用html 5,假设用ie8,如何支持那些图形control啊？

我这个东西是彻底不支持IE8的.
IE8的话有一个explorercanvas项目，可以做一些简单的绘图操作

作者: cais 时间: 11-9-2014 17:20
是本来已经有了desktop版的，现在转成web的吗？
这个前端能力太强了。今后换工作绝对没问题。

作者: woodheadz 时间: 11-9-2014 18:02
本帖最后由 woodheadz 于 11-9-2014 17:06 编辑

cais 发表于 11-9-2014 16:20
是本来已经有了desktop版的，现在转成web的吗？
这个前端能力太强了。今后换工作绝对没问题。

是有desktop版，再做得html版。不过html版的UI是重新设计过的，针对触摸屏做了优化。
你别夸我前端能力强，我以前没怎么干过前端，干了这个项目一年多，居然前两天才注意到position可以设定为fixed来针对窗口定位，一时间让我羞愧万分。
要知道我之前甚至傻乎乎地专门做了一个helper类来让absolute元素针对窗口定位。

作者: caoglish 时间: 12-9-2014 01:41
旋转菜单做得很炫，配色感觉也不错，但是和字体组合感觉还是有点不搭。技术很牛，非常牛，只是图形界面设计上应该进一步改进。要不然好的技术，因为不良的视觉体验（有点90年代末的图形界面感）。导致别人缺乏兴趣使用就不好了。

另外，思维导图网络版，可以看看百度的团队的设计。设计十分现代化，让人有使用的欲望（虽然自己也就看看热闹而已）
http://naotu.baidu.com/

另外这个项目是开源的：
https://github.com/fex-team/kityminder

我也用思维导图，软件我一般用xMind，免费，漂亮，稳定，可以插入图片，也好用。

作者: woodheadz 时间: 12-9-2014 02:01

caoglish 发表于 12-9-2014 00:41
旋转菜单做得很炫，配色感觉也不错，但是和字体组合感觉还是有点不搭。技术很牛，非常牛，只是图形界面设计 ...

列表界面我也很不满意。其实我一开始做的不是这样的这，要比现在简洁很多。现在这是老板找了个做页面设计的人做的设计，我跟老板磨了半天嘴皮子没用，没法子只好照改。看以后有没有机会改进了。
那个转轮是为触摸屏用户设计的，鼠标用户现在暂时只能用右键菜单，以后会改进。

说到图片，novamind应该是市面上所有思维导图软件中图片支持能力最强的，我们还自带了3000多图片，可以用关键字搜索。cloud版虽然图片支持还没做完(暂时不支持背景图)，但也已经很不错了。不妨试试

作者: mywsz 时间: 17-9-2014 23:41
UI设计也太吓人了，是commercial的产品吗？

作者: gobre 时间: 18-9-2014 10:28
不明觉厉，支持一下！

作者: woodheadz 时间: 18-9-2014 10:40

mywsz 发表于 17-9-2014 22:41
UI设计也太吓人了，是commercial的产品吗？

是commercial，不过现在还只是public test阶段
不过说实话我对这个UI也不大喜欢。如果有什么idea欢迎聊下，我好拿来做弹药说服老板换一换。打算近期再和老板谈一回这个UI

作者: spaceship 时间: 18-9-2014 11:06
楼主强啊，做得不错。
UI/UX方面的确有些问题，比如节点选中操作不是很灵敏的感觉，有时候要点几次，而且高清屏上显示效果欠佳。不过相信会越改越好的。
如果这个UI还是专业的设计的话，那么我觉得他可以退休了，我非专业的都能比他做的好很多。

作者: woodheadz 时间: 18-9-2014 11:33

spaceship 发表于 18-9-2014 10:06
楼主强啊，做得不错。
UI/UX方面的确有些问题，比如节点选中操作不是很灵敏的感觉，有时候要点几次，而且 ...

整个系统两个部分，一个是编辑器，UI是我设计的。当时做的是Win8版本，所以整个风格都是Win8的风格。而且是面向平板触摸用户，鼠标键盘使用上UX有点问题，临时做了个右键菜单弥补，希望以后能够再提高。

另外外围的管理查询界面是找专业的网页设计做得。其实那个人设计的其它网页我觉得还行，就是受不了这个列表界面，把所有东西全部乱七八糟堆在一起，实在太烂。还有就是风格完全和编辑器不搭调
不过我怀疑这是我们老板的主意，那人也是受命行事。

作者: ubuntuhk 时间: 18-9-2014 11:52
好话就不多说了，感觉木头自己一个人从前端到后端全搞定实在太牛了，不过我赞同coglish和spaceship的意见，这个产品给用户的感觉是不专业，主要就是毁在UI/UX上了，还有那些图片风格不一致（如果有budget，最好找设计师弄一个风格一致的图片库，否则感觉产品有点山寨），在retina屏幕上显得粗糙，这些可能都会影响新用户开始使用这个产品，对比了一下baidu的naotu，那个确实清爽很多，也符合现代的设计风格。

抛砖容易，做事难，木头别介意啊

作者: 思念的思 时间: 18-9-2014 11:53
不错的加油

作者: woodheadz 时间: 18-9-2014 11:59

ubuntuhk 发表于 18-9-2014 10:52
好话就不多说了，感觉木头自己一个人从前端到后端全搞定实在太牛了，不过我赞同coglish和spaceship的意见， ...

噢，别客气。我就等着多收集些这方面的意见，好说服老板。

作者: ubuntuhk 时间: 18-9-2014 12:09
上两张图，是在我的MBP 13 retina上的显示效果，就是一楼的link，感觉缩放到50%的时候，显示效果好多了，默认100%的显示效果着实毁三观

100%显示效果：
[attach]323652[/attach]

缩放至50%：
[attach]323653[/attach]

作者: ubuntuhk 时间: 18-9-2014 12:11
滚轮在电脑上使用不方便，平板上不知道如何。

我们之前也有个手机端产品使用滚轮设计，刚开始感觉新鲜，不过很快就觉得不方便，效率太低，没多久就放弃这个设计了。

作者: woodheadz 时间: 18-9-2014 12:22
本帖最后由 woodheadz 于 18-9-2014 11:24 编辑

ubuntuhk 发表于 18-9-2014 11:11
滚轮在电脑上使用不方便，平板上不知道如何。

我们之前也有个手机端产品使用滚轮设计，刚开始感觉新鲜， ...

在我们这个产品上还行，因为第一多数常用操作不需要通过滚轮完成，第二每次定位一个命令之后，用户会连续使用这个命令，第三在角落里的滚轮（可以改变位置）用拿平板的那只手的大拇指刚好可以操作。
但这玩意而的确用鼠标是很不舒服。win8版我们有个底部菜单方便键盘鼠标操作，感觉还行。现在网页版搞了个右键菜单，不大满意，正考虑要不要做一个和win8版类似的底部菜单。

作者: woodheadz 时间: 18-9-2014 12:27

ubuntuhk 发表于 18-9-2014 11:09
上两张图，是在我的MBP 13 retina上的显示效果，就是一楼的link，感觉缩放到50%的时候，显示效果好多了，默 ...

retina的问题我很快会从底层绘图引擎上解决。

作者: ubuntuhk 时间: 18-9-2014 13:45

woodheadz 发表于 18-9-2014 11:27
retina的问题我很快会从底层绘图引擎上解决。

要从绘图引擎层面上解决啊？感觉好高大上地说

有没有办法在css层面上解决？

作者: woodheadz 时间: 18-9-2014 14:04

ubuntuhk 发表于 18-9-2014 12:45
要从绘图引擎层面上解决啊？感觉好高大上地说

有没有办法在css层面上解决？

这玩意儿是个canvas，和css没关系。

有个底层绘图引擎，负责重绘、缓存、建立绘图对象的包含关系和hittest

作者: spaceship 时间: 18-9-2014 16:09

woodheadz 发表于 18-9-2014 13:04
这玩意儿是个canvas，和css没关系。
有个底层绘图引擎，负责重绘、缓存、建立绘图对象的包含关系和h ...

牛人啊，以后有前端的问题向你请教！

作者: jojopig2002 时间: 18-9-2014 20:16
lz算是在startup的公司不？

作者: woodheadz 时间: 18-9-2014 21:43
本帖最后由 woodheadz 于 18-9-2014 21:05 编辑

jojopig2002 发表于 18-9-2014 19:16
lz算是在startup的公司不？

不算。
我们公司虽然很小，但很老

我到澳洲都四年了多了，一直在这家公司

作者: fenzuan 时间: 19-9-2014 00:25
天啊，看了半天不知所云，也不知道这个brain storm一样的图案是用来干嘛的。

作者: ubuntuhk 时间: 19-9-2014 00:29

fenzuan 发表于 18-9-2014 23:25
天啊，看了半天不知所云，也不知道这个brain storm一样的图案是用来干嘛的。

可以看看这个wiki扫盲一下：

http://zh.wikipedia.org/wiki/%E5%BF%83%E6%99%BA%E5%9B%BE

作者: fenzuan 时间: 19-9-2014 00:29
点击之后有图案出来，然后我的电脑就有intel HD graphics control panel的图标。难道是点击打开之后，马上自动下载到我的电脑啦？还能卸载的吗？

作者: fenzuan 时间: 19-9-2014 00:33

ubuntuhk 发表于 18-9-2014 23:29
可以看看这个wiki扫盲一下：

http://zh.wikipedia.org/wiki/%E5%BF%83%E6%99%BA%E5%9B%BE

谢谢！大约有一点了解。以前在校有用过手绘的图。

作者: 8戒 时间: 19-9-2014 01:41
UI有点……木头加油

作者: woodheadz 时间: 19-9-2014 10:48

fenzuan 发表于 18-9-2014 23:29
点击之后有图案出来，然后我的电脑就有intel HD graphics control panel的图标。难道是点击打开之后，马上 ...

这是个网页，你那个intel xxx的图标和它没关系。
不会装什么东西，也不需要卸载的

欢迎光临 FreeOZ论坛 (https://www.freeoz.org/bbs/)