Cabal from Panic 谈 Coda的UI和其他...

前几天花了一个多钟头的时间看了下面这只Video

对于对标题里这几只名词一头雾水的同学们的名词解释如下:

• Cabel是这个叫Panic的小软件公司的Founder & Lead Software Designer, 没错, 一只Designer
• Panic是一只Focus在Mac OS X软件开发的小公司, 代表作是Transmit, 一个FTP工具
• Coda, Panic最近开发的赞声一片的One Window网站开发工具, 要点是内建CSS Editor, 终端调试, FTP Sync, 代码编辑, Preview, 授权的Reference文档, 去年Apple Design Award Best User Experience得主.

要点列举如下...

• Photoshop UI 文档. Cabel在Photoshop里做所有的UI设计, 每一个View就是一个图层, 所有的interaction都清楚明白的写在上面, 最后Coda就是一个有几千个图层的PSD作为设计文档, 精确到每一个像素
• 3像素. Attention to the details, 原先OS X内建的ToolBar控件的渐变色到距离主窗口3像素的地方就结束了...为了追求工作区和相应Toolbar按钮的完美融合, 他们的程序员重写了那个控件.
• Search Bar. Search & Replace都做在编辑区最上边, 加入了容易理解且常用的wildcard的概念, 默认情况下单行的搜索栏拉长就变成了多行的.
• 尽可能的少使用Preference. 大多数的功能都应该被Tune到最符合用户的需要, 只有真正重要的设置才应该有条理的放在Preference里面. 而不是一眼望去就是一百个设置选项.
• 左边栏的争执. OS X的大多数程序中左边栏都是单击即执行的, 例如iTunes里的Playlist. 但Coda中的Browser定位有些尴尬, 例如重命名之类的命令如果边栏设置成单击执行会显得有点迷惑. 最后他们选择了妥协, 这变成了一个Preference的选项.
• 图标的选择. 新鲜, 容易亲近, 在512*512时细节丰富, 32*32时容易辨识.

在写的时候发现ecto的一个不错的feature, 插入超链接的时候的默认值是剪贴板的内容, 这也是大多数时候我需要的, 然后就只需要按一下回车确认就OK了...而在Word当中, 我每次都需要再全选, Ctrl+V 然后又想到了Safari, 现在的浏览器大多都有的URL自动补充功能, 但是只有Safari把首选匹配高亮显示在当前输入后面, 让我少按一下"下"键