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

想天浏览器 等级 536 0 0
标签: https

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

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

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

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

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

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

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

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

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

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

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

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

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

若有收获,就点个赞吧

收藏
评论区

相关推荐

沉寂了一周,我开发了一个聊天室
前言最近一周没有发文章了,我在这里向大家说一声抱歉。今天,我们来从零开始开发一款聊天室。好,我们现在就开始。了解WebSocket开发聊天室,我们需要用到WebSocket这个网络通信协议,那么为什么会用到它呢?我们首先来引用阮一峰大佬的一篇文章一段话: 初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协
HTTPS
### 最近网站更新为https,于是做个笔记 ### 将域名 [www.domain.com](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.domain.com) 的证书文件1\_www.domain.com\_bundle.crt 、 ### 私钥文件2\_www.doma
HTTPS
楔子 谣言粉碎机前些日子发布的《[用公共WiFi上网会危害银行账户安全吗?](https://www.oschina.net/action/GoToLink?url=http%3A%2F%2Fwww.guokr.com%2Farticle%2F100110%2F)》,文中介绍了在使用HTTPS进行网络加密传输的一些情况,从回复来看,争议还是有的。随着网络越
HTTPS请求
##HTTPS请求## > **HttpsUtils代码** package com.ices.utils.httpsHelp; import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader;
Nginx配置https
一、开启nginx的ssl模块 1.未安装过nginx,编译安装配置参数如下: ./configure \--prefix=/usr/local/nginx \--with-pcre \--with-http\_ssl\_module #ssl模块 \--with-http\_stub\_status\_module \--wit
springboot2 配置 https
package cn.xiaojf.aibus.configure; import org.apache.catalina.Context; import org.apache.catalina.connector.Connector; import org.apache.coyote.http11.Http11Ni
用了HTTPS,没想到还是被监控了
大家好,我是周杰伦。上周,微信里有个小伙伴儿给我发来了张图:我一瞅,是HTTPS啊!没用HTTP!再一瞅,是www.baidu.com啊,不是什么山寨网站!我瞬间明白了些什么,让他点击了一下浏览器地址栏中那个表示安全的小锁标志,查看了一下网站使用的HTTPS证书。果然不出我之所料,证书不是官方的,官方的证书长这样:而那个假的证书是他们公司签发的,看来,他们公
想天浏览器:推荐国内主流浏览器TOP10
想天浏览器:推荐国内主流浏览器TOP101.名称:想天浏览器网址:https://apps.vip/简介:浏览器+团队协作的超级浏览器,独特的标签分组管理、基于IM的办公与浏览器的使用场景相结合的协调办公、完全自定义的新标签页、强大的隐私与广告屏蔽功能,满足个人与企业使用需求的浏览器2.名称:Google浏览器网址:https://www.google.cn
想天浏览器:推荐几款好用的桌面浏览器
1:想天浏览器基于Chromium内核,一款团队协作与浏览器结合的桌面浏览器,支持全局搜索;云端标签分组空间;团队的创建、显示,同步创建一个团队沟通群聊与社区圈子;下载助手;;支持消息中心;标签组管理功能;密码管理功能;用户脚本管理;强大的导航管理;DIY桌面功能等丰富的功能,不仅如此想天浏览器还有很多实用的插件,可以帮助你拦截广告、翻译网页等,为你带来高效
想天浏览器核心功能-分组浏览与左侧栏
分组浏览是一款次世代浏览器必备的功能。目前主流浏览器均已不同程度对此功能进行支持。想天工作台自带的想天浏览器是一款彻底面向分组设计的浏览器产品。分组的设计对于工作场景来说是非常重要的。图.想天浏览器的主界面 1.在使用分组之前效率是如何下降的?浏览器启动大概半小时之后,浏览器标签栏就充满了各种标签,导致用户找寻想要的内容的时候非常低效。效率呈递减趋势。可以说
想天浏览器:我们如何设计一款浏览器?
在我们研究了国外的众多浏览器产品之后,挑选出来最受好评的几款,并研究了其设计原理与交互体验。最终确认了我们的方案。 方案1.顶部栏加入标签分组 我们没有使用顶部标签栏分组的方式,这种方式虽然被很多现代浏览器支持,但是无法改变凌乱不堪的标签栏。拥挤与丑陋依然存在。 图.展开分组时 展开时,分组被标记出来了,但是依然拥挤,还多了一个分组卡片,更拥挤了。
正式版丨想天浏览器3.0版本更新
Hi大家好,本期给大家带来的是想天浏览器3.0版本更新,主要新增了在线等级显示、支持网页另存为pdf、应用的授权登录等功能。想天浏览器3.0版本更新想天浏览器3.0功能详情:1. 【应用】新增dootask团队看板协作工具。 2. 【功能】在线等级显示。 3. 【功能】支持网页另存为pdf。 4. 【功能】菜单提供一键安装开发者调试
想天浏览器功能【超级收藏夹】功能分析
收藏夹是浏览器提供的网址收藏功能,也是浏览器的核心功能之一。用户可以利用收藏夹添加、删除、编辑收藏的网址。传统的浏览器收藏夹保存在本地,以供用户使用保存有收藏夹数据的浏览器时使用。在本地收藏夹的基础上,现有技术中还提供了网络收藏夹,用户在注册网络收藏夹服务后,用户可随时随地登录并使用同一类浏览器的收藏夹数据。实现了收藏夹数据的远程备份和随时恢复功能。超级收藏