今天搜狗出品了一款轻巧简约版的浏览器,取名叫“一点”。我下载安装后使用了下,以下是我的一些使用后的看法。
1、安装后可以看到浏览器的logo是一个"e"的字母设计,这个设计是没有区别性的,跟捆绑安装后的2345浏览器,ie浏览器的logo没啥区别。如果PM考虑到这一点,那么可能是为了降低用户认知,这类目标用户主要是电脑小白和上年纪的中年人,因为他们的子女或者长辈告诉他们,如果要上网看新闻或玩游戏,连续点击两次桌面上那个“e”标志的图标就行了,这是一个简单的经验。
另一方面,这也说明了这个0.5M的浏览器应该就是一个套着ie壳的浏览器,直接安装在C盘,打开倒也挺快。简单轻巧,不占空间这些概念的实现,依赖简单的架构和基本功能的保证,调用ie是一种方式。
2、打开浏览器后,可以看到首页是daohang.qq.com,而不是搜狗的网址导航地址123.sogou.com.因此这可能是一个新的收入渠道,腾讯注资搜狗后,搜搜和导航qq都交给搜狗维护和打理,一点浏览器和搜狗浏览器不冲突,只是一个新的收入渠道。而且依赖轻巧简洁的概念获取目标用户。
3、交互设计方面是我感兴趣的,有两个地方我觉得一点浏览器的设计有待研究。
第一个
是右键单击关闭当前网页的功能:第一感觉是这个设计缺乏用户调研,像我这种经常用浏览器的IT从业人员,第一个疑问是,假如我要在浏览器的网页显示区域,右键另存图片,或右键在新窗口中打开等任何右键操作,这个网页就是直接关闭的。首先不符合用户预期其次相当于直接屏蔽了常用的右键操作,一点浏览器需要一个创新概念去营销,但这个右键关闭网页的设计,我觉得不太恰当。
接着我试验了下,在浏览器首页,发现开启这个功能后,你竟然在首页进行任何右键单击操作都没反应,这是一个让用户觉得奇怪的地方。又要营销新概念,又破坏用户的基本操作流程,那只能说明这个需求没考虑全面。
替代性的来说,这个功能的最常用场景是当用户开了多个网页,浏览器顶部的网页tab栏拥挤在一块,标题都看不详细,如果要关闭的话,还要一个个去确认是哪个网页,这时如果能右键单击一次,就直接关闭当前网页,看起来确实是会方便很多的。但缺点也正如前面所说了,弊大于利。
如何解决?我想了两个办法,一个是换一个概念,比如叫“划一划”,预置一个鼠标手势,比如按住右键从左往右划一下,即可关闭当前网页,或者其他更简单的鼠标手势,配上朗朗上口容易理解的概念;另一个是把右键关闭网页改成右键单击关闭tab,但点击区域不是在网页部分,而是在tab上,在浏览器顶部的tab栏上,右键单击一次,即可关闭当前网页,除非网页已锁定。这样做有两个好处:1、tab上的右键操作不多也不常用,不容易出现误操作;2、鼠标移动到顶部tab栏上来右键单击,说明用户是带着预期的,而不是像网页区域有时会出现无逾期操作。这个设计也早早在Chrome上出现过了。
第二个
是tab栏的状态即相应用色的问题。
如图所示,在打开两个网页的情况下,你能从图中分辨哪个是当前正在浏览的网页吗?我做过调查,一部分是说是知乎,另一部分是说导航,而且说是知乎的还要多一些。这个让我惊讶,因为我的第一感觉是颜色浅的应该是我正在浏览的网页。
在询问过这些网友后,当然,他们经常用浏览器,我发现这个细节非常有意思,总结如下:
A.认为是知乎,即颜色深的那个tab代表当前正在浏览的网页的用户的看法:
1、颜色深代表选中状态,看到颜色深的tab,觉得选中了这个tab。
2、一点浏览器特别的改动了一个地方,就是它只在当前浏览的网页tab上显示关闭按钮,其他tab都不显示。有用户看到上面有个叉,所以觉得这个有叉的tab是正在浏览的网页。
B.认为是导航,即颜色浅的那个tab代表当前正在浏览的用户的看法:
1、这两个人都是视觉设计师,有一人觉得白色比灰色更突出,显得更靠前,而暗色显得靠后和远离。(这里不考虑冷暖色调的因素)所以他觉得颜色浅的那个tab靠前,离他更近,应该是正在浏览的。
2、正在浏览的网页Tab的颜色应该和浏览器顶部菜单栏的颜色是一样的。(这样能呼应,也能给用户一种和谐和稳定的感受,主流浏览器像360,Chrome在这一点上是一样的。只有QQ浏览器做了一个跟这个类似的设计,不过人家那个正在浏览的网页tab是浅蓝色,而不是灰色。特别的,我自己验证了下主流浏览器的换肤功能,发现换完皮肤或主题后,当前浏览网页的tab颜色确实是和菜单栏的颜色一致,像一点浏览器这个设计,如果以后做换肤功能,就要考虑到这个逻辑。)
3、有一位用户,也是视觉设计师,他的第一感觉是导航,但是他以前可能用过类似设计的浏览器,最后还是选择了是知乎。
特别的:不知道你有没有发现,这个有歧义的设计,只有在两个tab时才会存在,当用户打开了多个tab时,就不存在这个问题了。因为1/N,N个tab中只有一个tab的颜色跟其他不一样,而你又只能当前浏览一个tab。如果这里埋个点,收集下用户数据,如果不太大,也许就会从数据上得到支持,从而继续采用这个设计。
但是,我觉得它确实不算是一个好的设计,怎么改进?正在浏览的tab颜色要比其他tab颜色浅,而且要跟浏览器菜单栏颜色一致,这是一种隐喻设计,代表和谐稳定。而其他tab颜色稍微深一点,一方面不抢占视觉焦点,另一方面也能和当前浏览的网页tab区分开来。最后,关闭按钮的设计可以保留,只有当前浏览的网页tab默认显示叉子,其他的tab是当鼠标hover上去时才显示,避免误关闭,同时起到一个区分的作用。
4、浏览器地址栏的设计。单击地址栏那一块区域,即可选中地址栏,但是之后发现点其他区域,地址栏不会收回去。同时,当用户对浏览器窗口做了非最大化操作后,习惯性的双击浏览器顶部栏恢复最大化布局,但这时就把地址栏给选中了,这里也会有点误操作。
------------------------------分割线----------------------------------------
3月24日更新:
现在一些PC产品设计借鉴了移动应用,比如扁平化设计。特别值得一提的是线图标,iOS上的线图标,常态是边线条采用深色实线,中间镂空;选中状态或者强调状态时,是中间填充颜色,边线条采用浅色。一点浏览器的这个深色喻意当前正在浏览的网页tab,可能是参考到了这一点。事实上,现在移动和PC的产品设计边界在模糊,很多所谓的设计讲究也开始消融,用户用惯了手机,可能在一些PC上的体验上就会有影响,而不是一个纯粹用电脑的用户的体验。难道真实场景不也是这样吗?