想天浏览器:我们如何设计一款浏览器?

在我们研究了国外的众多浏览器产品之后,挑选出来最受好评的几款,并研究了其设计原理与交互体验。最终确认了我们的方案。
方案1.顶部栏加入标签分组
我们没有使用顶部标签栏分组的方式,这种方式虽然被很多现代浏览器支持,但是无法改变凌乱不堪的标签栏。拥挤与丑陋依然存在。

图.展开分组时
展开时,分组被标记出来了,但是依然拥挤,还多了一个分组卡片,更拥挤了。

图.收起分组后
收起分组后,分组会与其他标签混杂在一起。
方案2.左侧栏2栏设计
我们也没有采用大左侧栏的设计,考虑到国内的计算机大多数还是配套了小屏幕桌面,在左侧划出很大一块区域是奢侈的。所以我们也否决了这个方案。

图.左侧两栏式分组
左侧两栏式的设计,虽然可以表达更多的层级结构,但是却占用更多的空间。对于本身就空间局促的笔记本、小型台式机来说,无疑是很被动的设计。虽然可以折叠,但是折叠后的易用用性下降也无法让人更舒适地使用产品。
方案3.接近完美的左侧栏

图.左侧栏
当我第一次看到这个左侧栏的时候,并不觉得这是一个优秀的方案。然而随着我对它的了解越来越多,我觉得这就是我们在找寻的效率密码。
左侧栏只有45个像素,对于布局局促的设备来说,无疑也是比较节省的方案。
此外,左侧栏还可以扩展更多的功能。

图.左侧栏右键菜单
右键菜单不再是传统的标签选项卡了,而是一个具备更多功能的小面板。
如此完美的左侧栏,确定就是它了。
小面板保障了未来的扩展性。
同时结合任务分组,这真的是一个接近完美的方案了。
于是便有了想天浏览器的雏形。
整个界面被分为以下几个部件:
菜单与功能区菜单与功能区当前打开分组的标签区置顶区主界面浏览器标签分组区

图.想天浏览器的布局设计
这样的设计,使界面保持简洁的同时,也具备了未来拓展更多功能的可能。
结合主题色的变化与高效的标签管理。基本做到了性能与体验的兼顾。同时又打造了一种沉浸式的浏览体验。
当然分组浏览的概念,在时下仍然有点超前,甚至说有点极客。但随着未来各大浏览器厂商推动下,进入工作场景是迟早的事情。
当人们习惯了这种分组浏览模式之后,很难再回到以前的模式。

若有收获,就点个赞吧

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

想天浏览器登场——国内首款专注于生产力场景的浏览器

天为大家介绍一款专注于工作场景的浏览器——想天浏览器产品尚处于测试阶段。但是我迫不及待为大家介绍我的产品。这是一款无广告,专门为高效能人士打造的纯净浏览器。想天浏览器想天浏览器有什么特色?1.强大的标签分组,让你告别凌乱的标签组2.便捷易用的左侧栏,可以自由添加管理左侧应用3.简洁好用的newtab页4.内置网站导航与个人导航5.支持沉浸式标签栏,减少应用割

想天浏览器核心功能-分组浏览与左侧栏

分组浏览是一款次世代浏览器必备的功能。目前主流浏览器均已不同程度对此功能进行支持。想天工作台自带的想天浏览器是一款彻底面向分组设计的浏览器产品。分组的设计对于工作场景来说是非常重要的。图.想天浏览器的主界面1.在使用分组之前效率是如何下降的?浏览器启动大概半小时之后,浏览器标签栏就充满了各种标签,导致用户找寻想要的内容的时候非常低效。效率呈递减趋势。可以说