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

想天浏览器
• 阅读 1595

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

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

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

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

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

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

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

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

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

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

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

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

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

若有收获,就点个赞吧

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
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
想天浏览器 想天浏览器
2年前
想天浏览器登场——国内首款专注于生产力场景的浏览器
天为大家介绍一款专注于工作场景的浏览器——想天浏览器产品尚处于测试阶段。但是我迫不及待为大家介绍我的产品。这是一款无广告,专门为高效能人士打造的纯净浏览器。想天浏览器想天浏览器有什么特色?1.强大的标签分组,让你告别凌乱的标签组2.便捷易用的左侧栏,可以自由添加管理左侧应用3.简洁好用的newtab页4.内置网站导航与个人导航5.支持沉浸式标签栏,减少应用割
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
想天浏览器 想天浏览器
2年前
想天浏览器核心功能-分组浏览与左侧栏
分组浏览是一款次世代浏览器必备的功能。目前主流浏览器均已不同程度对此功能进行支持。想天工作台自带的想天浏览器是一款彻底面向分组设计的浏览器产品。分组的设计对于工作场景来说是非常重要的。图.想天浏览器的主界面1.在使用分组之前效率是如何下降的?浏览器启动大概半小时之后,浏览器标签栏就充满了各种标签,导致用户找寻想要的内容的时候非常低效。效率呈递减趋势。可以说
Wesley13 Wesley13
3年前
mysql——GROUP BY和HAVING
GROUPBY语法可以根据给定数据列的每个成员对查询结果进行分组统计,最终得到一个分组汇总表。select子句中的列名必须为分组列或列函数,列函数对于groupby子句定义的每个组返回一个结果。某个员工信息表结构和数据如下:  id  name  dept  salary  edlevel     hiredate   1  张
Wesley13 Wesley13
3年前
35岁是技术人的天花板吗?
35岁是技术人的天花板吗?我非常不认同“35岁现象”,人类没有那么脆弱,人类的智力不会说是35岁之后就停止发展,更不是说35岁之后就没有机会了。马云35岁还在教书,任正非35岁还在工厂上班。为什么技术人员到35岁就应该退役了呢?所以35岁根本就不是一个问题,我今年已经37岁了,我发现我才刚刚找到自己的节奏,刚刚上路。
想天浏览器 想天浏览器
2年前
想天浏览器:推荐几款好用的桌面浏览器
1:想天浏览器基于Chromium内核,一款团队协作与浏览器结合的桌面浏览器,支持全局搜索;云端标签分组空间;团队的创建、显示,同步创建一个团队沟通群聊与社区圈子;下载助手;;支持消息中心;标签组管理功能;密码管理功能;用户脚本管理;强大的导航管理;DIY桌面功能等丰富的功能,不仅如此想天浏览器还有很多实用的插件,可以帮助你拦截广告、翻译网页等,为你带来高效
想天浏览器 想天浏览器
2年前
想天浏览器:推荐国内主流浏览器TOP10
想天浏览器:推荐国内主流浏览器TOP101.名称:想天浏览器网址:https://apps.vip/简介:浏览器团队协作的超级浏览器,独特的标签分组管理、基于IM的办公与浏览器的使用场景相结合的协调办公、完全自定义的新标签页、强大的隐私与广告屏蔽功能,满足个人与企业使用需求的浏览器2.名称:Google浏览器网址:https://www.google.cn
想天浏览器 想天浏览器
2年前
想天浏览器:如何从零开始设计一个高效的浏览器左侧栏?
绝大多数的互联网从业人士都无法避免长时间,高强度地使用浏览器产品。在使用这些浏览器产品的时候,我们往往会遇到这样的问题:1.当打开过多的浏览器标签的时候,过度拥挤的标签栏,无法区分网页。2.当关闭浏览器的时候,会清空全部的标签,从而形成内存式的使用习惯,恢复工作区作为一个简单而繁琐的动作,每天被低效执行。3.越来越多的saas应用做成了网页单页应用,是否能够