浏览器的那些事

浏览器的那些事(7)——新交互方式的尝试

一直在思考一个问题,浏览器越做越雷同,按钮,地址栏,Tab,已经定型,而且屏幕空间要更多的让给页面显示。这样,留给设计师的空间越来越小。
有没有什么方法能突破这些限制?在我平常用来做研究的demo上,做了一下新交互方式的尝试。
先上图:
ibrowser_2
尝试思路:
一、蒙层UI
1、除去主界面的所有UI,这样就给页面显示让出了最大可能的空间。
其实,在用户浏览网页的绝大部分时间内,这些UI是没有用的,既然没用又为什么摆在那里占地方呢?
工具不用的时候可以收到工具箱里,但我们浏览器的工具就一直摆在桌面上。而且在一段历史时期内,我们还以桌面上的工具多为荣,这不科学!
2、把UI元素放在一个半透明的蒙层窗口上,当用户需要的时候,就用快捷键或者鼠标手势调出来。而且透明度可以通过鼠标滚轮调节。
当我把几个常用的UI元素放到这个窗口时,第一感觉就是:天地广阔兮,无所适从!
太开阔了,以至于大到不知道该怎么摆了。我Hold不住是因为我水平不行,但是我相信有水平的设计师会有如鱼得水的感觉。
3、可以看到,蒙层窗口上也是一个内核窗口,上面的UI元素全是网页。
这就意味着可以用方便快捷的Web开发UI!
这意味着可以把UI配置到线上!
这意味着换一套皮肤就是换一个网页!
这意味这全网页的显示可以让皮肤拥有无尽的可能!
4、取得上面的优势是有代价的,那就是用户需要多一步操作。因此需要将这一步的成本尽量变低。现在用的是,快捷键 或者 鼠标手势。可能有更方便的途径,可以再探索。
5、第一界面既然没有UI,那鼠标手势就成了必须之物,要是之成为习惯。如果实在适应不了,那还是换个浏览器吧。
6、这中交互在平板或者移动设备上,或许优势更大一些。手机上的浏览器非常困惑我一点的是UI太小,手指头经常戳不到位置。
这种交互方式将不存在这种问题,因为UI可以做的很大。而且用手指实现手势,用起来更方便。想调UI出来就画个圈圈诅咒你!
7、一旦UI的大小和数量被解放出来,我《工匠模式》那篇日志提到的小众浏览模式,就可以很方便的实现。在蒙层UI上可以实现各种特定的功能。
可以在音乐模式上做一个酷酷的调音UI,甚至DJ打碟机。在游戏模式的UI上方很多实用的小工具。等等等等,而且切换模式就是让蒙层UI上换一个页面的事!
二、Tab染色
要说去掉所有UI也不现实,因为有一种按钮去不掉,那就是Tab按钮,且换Tab还是保持原来的一步到位要好一些。
但是,我对Tab做了一些改动,上图:
ibrowser_1
那就是为Tab染色,根据不同的host,将Tab染成不同的颜色,这样,用户在切换标签叶时,类别更加清晰更加直观。
1、人对颜色的敏感度要先于文字,因为文字是需要一个阅读+理解的过程。虽然最后选中具体的Tab还是需要读Tab上的标题,但是至少可以先根据颜色排除掉一部分不需要读的。
当然,这是一个瞬间过程,不容易体会。
2、每当我看到行政小姑娘桌子上贴着各色Tab的材料时,都会感受到一种纷乱又有序的美。或许是姑娘的美被转移了,但这不重要,我想把这种美表现出来,传达给用户。
于是,我觉得浏览器的Tab也应该是这个样子的,用另一种方式为你的网站归类!
3、如果你问我,Tab为啥要用不同的颜色,我会问你,为啥要有同一种颜色?
仅仅是个demo,也是业余时间做的,还不太成型。但这些尝试和思考,会持续下去。

1 thought on “浏览器的那些事(7)——新交互方式的尝试”

发表评论