关于Typecho后台菜单设计的一些思路

Publish: August 4, 2009 Category: 开发相关 Author: sluke

typecho新版还在开发之中,很多关键的改进都在进行,其中就包括后台菜单的修改,我们希望通过这些努力,为大家提供一个更加友好的blog程序。
typecho0.6的后台主菜单设计如下,
typecho0.6后台

这是一个二级结构,把各项功能放在不同的分类里,结构清楚,我们常见的应用软件,比如wps系列,都采用了这种菜单设计,类似下图:
wps菜单

在实际的使用中,我们发现这样的设计虽然方便理解,但是还存在一些问题,就是用户要找到一个功能,鼠标需要移动多次(即使我们在第一级菜单也是可点击的链接,可以进入最常用的创建文章等页面)。在新版设计的开发团队内部讨论中,70提出来使用一级菜单的设想,其中在导航栏上直接列出的是最常用的(后台自动统计)几个链接,而点击箭头后就可以展开后续菜单,这样可以更快地定位用户所需要的功能。示意图如下:
typecho新版菜单设计示意图

这样结构就更简单了,只是后续菜单可能会比较长,用户选中某一个功能鼠标需要移动很长,所以菜单项的排序需要更优秀,常用的功能要放在鼠标更容易点击到的位置,非常考验设计功力。
在开发团队内部的讨论中,我还提出来另外一种菜单设计的方式,首先要看Edraw Mind Map采用的新设计(跟微软的office2007是一样的):
Edraw Mind Map菜单设计

左上角的圆圈可以展开长长的菜单项,繁多的功能也是通过分类的方式分布,typecho作为一个轻量级的blog程序,没有这么多功能,但是这种设计却给了一种新的思路,看一下最熟悉的菜单之一:
windows开始菜单

不管有多少内容,都被收进了“开始”里,常用的功能用快速启动的方式放在“开始”的旁边,可以由用户自由调整,于是,就有以下的设计原型:
ytpcho新版后台菜单设计原型

typecho新版的细节还在磨合,菜单设计也是,除了程序本身,官方网站和论坛的建设也在进行,过完这个孕育的夏天,我们会带给大家一个更优秀的typecho。

70 Comments »

  1. 洛
    August 5th, 2009 09:13

    沙个发先。
    最后那个导航好像可以省出不少的空间来。

  2. 花哥花哥
    August 5th, 2009 16:27

    我觉得最重要的是二级菜单的分类管理。一眼看上去知道有什么,准确的定位到需要的功能,比鼠标少滑动半个屏幕更节省时间。

  3. 1983ex1983ex
    August 5th, 2009 18:09

    我觉得现在的就挺好

    别弄什么 二级菜单

    我觉得就是 把模板 和 负载做好

    才是关键。

    后台现在用的挺顺手,我相信大部分用户也是因为简洁

    才选择了 typecho

    要不 为什么不 wordpress 呢?

  4. 小鱼的互联网观察小鱼的互联网观察
    August 5th, 2009 20:33

    很好。Typecho的设计很合理用着很方便。

    不过好像在 ie下有时候插入图片总是插到文章开头上去。

    google浏览器 没问题。

  5. awenawen
    August 5th, 2009 23:35

    越来越花俏了。。。看着最后一张图片,让我感觉程序在向WINDOWS程序靠拢了。

  6. 1983ex1983ex
    August 6th, 2009 08:45

    别花哨。

    图片能不能 自定义名称呢?

    不要数字的名称 可能对 seo 会好些

  7. NIUNIU
    August 6th, 2009 10:36

    基础功能都没做好,净整些没用的,符合国人写程序的惯例

    数据备份没 自定义附件目录没 二级分类没……

    希望Typecho的特点是简洁 负载高 快速 安全,这一点Sablog就做的很好,程序装好什么都不用操心,功能够用不花俏,可惜小A没心思继续写了。

    不要走WP的老路子,更何况WP还是商业化的团队。

  8. 楼上扯淡楼上扯淡
    August 6th, 2009 11:26

    楼上纯属扯淡

  9. NIUNIU
    August 6th, 2009 11:28

    嗯,扯你的蛋。

  10. 楼上扯淡楼上扯淡
    August 6th, 2009 11:36

    啥jb不懂就好意思扯淡.垃圾人

  11. NIUNIU
    August 6th, 2009 11:43

    嗯,你什么都懂,就扯你的蛋。

  12. slukesluke
    August 6th, 2009 11:45

    http://code.google.com/p/typecho/issues/list

    如果您有需求,可以去上面的链接提出,我们会认真考虑。

  13. KID2007KID2007
    August 6th, 2009 11:45

    建议你以后从数据库发文,否则你难以理解 UI 的重要性。

  14. KID2007KID2007
    August 6th, 2009 11:58

    另外评价一下你提出的功能要求。

    数据备份,如果你是指数据库备份,个人认为可以用 PhpMyAdmin 来导出数据,根据 KISS 原则、专门程序原则,PhpMyAdmin 会比 Typecho 做的好。所以这个功能至少远非必须。
    自定义附件目录有什么用呢?阐述出来比在这里嚷嚷要好。这个需求即使有,也是很小众的。而且增加了程序的复杂性,这可能得不偿失。
    二级分类这个可能需要做出来。不过如果我更倾向于树形分类,同时高层类别要能够递归(可选)的显示下层类别中的项目。你可以去 Sluke 提供的网址提交建议。

    简洁,你自己也知道简洁。

    P.S. 我不喜欢用 Sablog,是因为我认为其个人开发的模式在国内并不适合。Typecho 让我看见了项目持续发展的前景,娃哈哈。这个团队挺好。

  15. koyshekoyshe
    August 6th, 2009 12:54

    简洁,大方就ok.....

  16. swdingswding
    August 7th, 2009 20:02

    我觉得现在的用起来更舒服, 并且查找起来也确实方便, 因为导航上的一个项目既可以直接点击, 也可以在其下拉菜单中进行选取, 而新的这个貌似不可以; 现在的设计使用起来和这个新的设计, 效果是一样的. 我不明白为什么非要把原来的东西都并在一个菜单里, 我觉得这是舍近求远.

    能不能把理由说得更清楚些? 没有理由的, 只是感性的设计, 似乎并不是最好的.

  17. NIUNIU
    August 8th, 2009 09:21

    typecho的特点我相信大家都知道了,简洁快速
    程序解压完1M多点
    PMA解压完10M+
    为了备份数据库,1M的程序还要特意下载10M的程序来达到目的,果然是专门程序原则。
    有几个用户不需要备份数据的?还是你觉得现在的用户都是用自己的服务器,直接COPY数据就完了。

  18. MMMM
    August 8th, 2009 09:28

    SA很好,可惜小A改玩车了 哎
    PS:现在已经立秋啦...

  19. MichaelMichael
    August 8th, 2009 18:08

    据我所知大部分服务器都自带了PMA。

  20. tensiontension
    August 8th, 2009 20:59

    不愧是做交互的!!

  21. slukesluke
    August 8th, 2009 21:18

    呵呵,他可不是改玩车,是一直玩车,业余写sablog

  22. fenfen
    August 9th, 2009 16:32

    从Windows的开始菜单说起,我们很少从开始菜单里运行程序。常用的都放到快速启动栏里了,常用的链接相当于快速启动,博客稳定运行后基本设置不会变了,把不常用的链接并入开始菜单里,这就是后台菜单期望的结果。

  23. swdingswding
    August 9th, 2009 18:23

    对于很多电脑用户来说(我指的是最大众的那种菜鸟), 很少会选择用开始菜单. 开始菜单大多是用来关机的. 有些时候他们觉得, 桌面上没有那个程序的图标就是没装这个程序, 而他们不会想到开始菜单里可能会找到.

    开始菜单要想给设计好, 真的不是那么简单. 现在看看, 微软在开始菜单上面下了多大的功夫? 如果真要用这种设计, 那么一定得把它做得够精致, 够耐用, 同时功能要强, 不能只是个菜单.

  24. swdingswding
    August 9th, 2009 18:25

    我觉得你的观点偏激了, 如果 Typcho 走这个路线那么 Typecho 会成为下一个 Sablog, 到后来就没人开发了.

  25. 小鱼的互联网观察小鱼的互联网观察
    August 10th, 2009 12:30

    很好很强大。

    支持!好用就好。

  26. ShiehShieh
    August 11th, 2009 11:26

    别分太多级别吧, 太深了效果更加不好, 或者考虑增加个快捷栏, 里面放类似快捷键那样.

  27. zizailunhuizizailunhui
    August 14th, 2009 10:08

    因为简洁才选择TYPECHO.要不就WP了。呵呵

    还有编辑器插入的图片,在文章里的点击链接是个问题。应该是简单的原图片浏览模式,而不是现在这个样子。

    还有用户头像问题,个人感觉调用站内的比较好。国内网络不比国外,网慢的时候经常拖出来个红XXX。我是觉得不爽,就索性把他删除了。估计和我一样的也不少吧?

    BLOG就是BLOG,最重要的是要符合国情。

  28. uceuce
    August 17th, 2009 20:57

    是能省出很多来啊。

  29. SuperrSuperr
    August 18th, 2009 00:45

    很美观了~

  30. 小宝小宝
    August 18th, 2009 10:43

    偶喜欢typecho的风格,也希望有机会能加入到typecho的team中去!

  31. Lin.xLin.x
    August 21st, 2009 15:46

    typecho,值得学习.
    我来测试测试.呵呵

  32. swdingswding
    August 21st, 2009 17:33

    关于图片的问题应该是因为没有设置, 这确实是个缺失.
    用户头像的话, 这不算问题. 强大的 GFW 你是肯定搬不倒的, 这和网速无关. 调用站内, 这算什么意思? 不大可能吧.

  33. swdingswding
    August 21st, 2009 17:34

    Lin.x 兄你在干嘛啊.. Typecho 被你挂掉了!!
    ps: 貌似我抢到了 #1888 号评论的位子..

  34. Lin.xLin.x
    August 22nd, 2009 09:13

    呵呵,测试测试,不至于吧,我才循环发送10条而已呢..typecho怎么会挂呢...
    typecho在评论方面的验证应该加强些啊...不然很容易受到机器人的骚扰哦.

  35. ssss
    August 23rd, 2009 02:22

    确实是这样的

  36. 吉斌吉斌
    August 23rd, 2009 07:15

    一直支持

  37. LinLin
    August 25th, 2009 16:19

    晕,Lin.x被禁止评论了?
    就因为上次不是恶意的测试.

  38. LinLin
    August 25th, 2009 16:19

    圣斗士

  39. moodskymoodsky
    August 31st, 2009 09:55

    请问Typecho,撰写文章时怎么上传图片?

  40. ssqssq
    September 2nd, 2009 13:03

    我也来支持

  41. LeeLee
    September 14th, 2009 21:04

    希望Typecho把留言回复优化成AJAX无刷新就能留言回复。无刷新回复是主流。

  42. 小鱼的互联网观察小鱼的互联网观察
    September 15th, 2009 15:11

    还好吧。

    ajax和不ajax 我感觉都还可以。已经很不错了。

  43. 熠熠熠熠
    September 21st, 2009 22:54

    怎样升级啊?
    没有一键升级的?
    怎么弄啊?
    知道的Q我啊
    QQ 261523296、
    非常感谢

  44. ipxipx
    September 22nd, 2009 00:25

    http://typecho.org/upgrade

  45. 老达老达
    September 22nd, 2009 13:48

    是不是可以盖楼?

  46. 老达老达
    September 22nd, 2009 13:48

    无限层盖楼?

  47. 老达老达
    September 22nd, 2009 13:49

    。。不好意思,我再试试看

  48. 老达老达
    September 22nd, 2009 13:49

    这样嵌套会不会性能不太好?

  49. 老达老达
    September 22nd, 2009 13:50

    原来是有限制得噢

  50. xiaooolexiaooole
    October 10th, 2009 10:38

    这个同意, AJAX是王道.

  51. yedoyedo
    October 10th, 2009 22:53

    升级 0.7 后无法上传附件 :(

  52. xkxxkx
    October 21st, 2009 15:22

    windows的开始菜单和快速启动栏里面的东西都是可以增删的。
    这一点千万不要忘了,否则就是捡了芝麻,丢了西瓜。

  53. xkxxkx
    October 21st, 2009 15:34

    另外关于后台的几点想法(说说而已,不是feature request)
    1.如前边回复(没找到那篇回复的permlink)所说,windows的开始菜单和快速启动栏里面的东西都是可以增删的。如果要精简一级菜单,势必要先实现自定义菜单的功能。开发的成本可能会很高。
    2.给特定的管理项目加上快捷键似乎也是个不错的方向。(要给哪些项目加可以做调查或统计,这个可以慢慢演进和改善)
    3.如果能做到自定义菜单,那么自定义快捷键应该也不在话下了:)

  54. 免费视频聊天免费视频聊天
    November 10th, 2009 17:54

    路过学习

  55. eyecreameyecream
    December 10th, 2009 21:45

    打算也用用

  56. leeoleeo
    December 11th, 2009 10:08

    肯定的,分层的,多级嵌套,需要很多运算的。

  57. leeoleeo
    December 11th, 2009 10:10

    你俩,出去掐。

  58. leeoleeo
    December 11th, 2009 10:12

    对,AJAX。就像BOBLOG那样,大量的AJAX。

  59. leeoleeo
    December 11th, 2009 10:17

    我有个想法,就是最近的,好多都能在前台进行修改和提交的,就连DISCUZ!最近也在做这样的尝试,如何通过最新的技术做出用户体验最好的程序,才是团队要考虑的,而从现在的情况看,TC从WP继承过来的东西太多了。难免要走到WP的老路里面去。
    中国的模式基本上就是谈需求,实现。如果有什么新的需求,在下个版本中增加,再实现,发布。
    对于插件,我感觉还真不是太感冒,这些是属于“操作系统”类似的开发模式,要有很好的开源氛围,要有很多开发高手的加入和热情才能驱动,不太适合BLOG这种业余的不是程序员的人玩吧。

  60. xkxxkx
    January 8th, 2010 15:34

    drupal7也在这方面下了不少功夫,而且似乎你们想到一块去了。
    建议参考下drupal7.

  61. xkxxkx
    January 8th, 2010 15:38

    楼上leeo关于插件的想法,偶也十分赞同。
    国内似乎没见过这种氛围,没见过这种模式成功过。
    即便有,也是最后插件跟核心弄得很暧昧。

  62. yokleyokle
    January 11th, 2010 17:07

    长文章 没有摘要功能?

  63. monffymonffy
    February 6th, 2010 17:24

    个人觉得微软的UI相当不人性,菜单太过繁琐,曾经也看过国外一些人博客上提到过。我觉得TYPECHO的菜单应该要足够简单,个人习惯放在左侧的纵向菜单。希望TYPECHO越来越好~支持

  64. dt1dt1
    February 21st, 2010 14:44

    很喜欢 感谢分享

  65. ezskyezsky
    February 24th, 2010 15:01

    不要模仿的太过了,web UI和传统的软件有很大区别.
    就像google doc 一样, 他并没有做成office那样.
    iphone OS 并没有做成 windows mobile 那样复杂.

    一切从简.

  66. LAONBLAONB
    March 6th, 2010 09:12

    原来Typecho是大师的团队开发的,期待你们的新版本,到时候我要在第一时间发布和推荐你们的新版。

  67. CopterflyCopterfly
    March 12th, 2010 15:49

    0.7 和0.8这两个版本的后台菜单已经很不错了,非常喜欢。既简洁又时尚,还十分方便、实用。

  68. 墨匠墨匠
    August 23rd, 2010 14:46

    我到是认为WordPress最大的缺点是国外的模板到本地来,字体很难看,你们要兼容WordPress模板,能搞定这个,用户就呼啦呼啦都来了

  69. 卫星参数卫星参数
    August 30th, 2011 09:37

    后台很简洁 如果能集成可视化编辑就完美了

  70. jadpaijadpai
    January 26th, 2012 19:37

    我要翻译成英文。

Leave a Comment