原版功能结构-各个模式,可在线观看,可下载。
方案介绍
本人接下来将按以下篇目来详解一下我的 Redesign 方案
- 贴近系统篇
- 整体结构篇
- 行业模式篇
- 视图导航篇
- 鼠标 & 键盘篇
- 微交互篇
- 其它篇
系统贴近篇
我像 Chrome
原版:
工作台-新版:
对比:
- 新版的系统窗口操作按钮是统一的,无论在工作台,还是打开设计方案,窗口的关闭、缩小、放大从视觉上交互式都是统一的(软件内),同时也和 macOS 系统是吻合的
- 新版的标签切换一直在顶部,避免了原版:工作台页面切换标签页在底部,打开设计方案后在顶部,而且打开设计方案后,新设计按钮又没有了。改完后切换标签的体验像 Chrome
- 新版的顶部标签右侧有个常驻的加号按钮,同时工作台页面内三个字模块的右上角也有快捷的新设计按钮,既有常驻的也有符合工作流程的(列表页表头上加添加按钮)。新建设计的体验像 Chrome 打开新标签页
- 新版去除了历史记录的倒退前进功能,让macOS 客户端专注于设计方案本身,其它需要浏览的地方,通过跳转本地浏览器和引导下载 App 实现。避免一些乱七八糟的多窗口多标签的现象
- 新版的帮助中心常驻右下角,使用统一的菜单,位置更统一,触达更直接。避免了原版乱七八糟的帮助模块(有的是小窗口,有的是帮助中心,有的是客服)
- [存疑] 新版简化了一级导航,更贴近移动端的结构
- [存疑] 团队项目和新团队的部分是在未体验企业版的情况下以小作坊工作模式设计的。需求存疑
通过 Figma 那种对 Chrome 的体验的复刻,降低了用户从浏览器迁移的成本,同时日常使用效率也更高(符合用户习惯)。
系统和内页菜单
上面说到在窗口标签页的体验上通过复刻 Chrome,降低了使用成本。该软件作为 macOS 客户端,虽然内容是基于网页浏览器的,但也是可以使用系统菜单功能的。
macOS 的菜单栏是常驻屏幕顶部的,利用菲茨定律,点击是很方便的。
同时 Web 里的设计界面也可以同步一分菜单(细微差别)(称之为内页菜单),可以搜索,方便查找功能。
在上面酷家乐原版功能结构-大纲的脑图里,有记录各种操作,以及快捷键