我对谷歌浏览器的优化设计:一键打开所有网站
citgpt 2024-09-28 08:21 8 浏览 0 评论
新版本的谷歌浏览器在界面上做了不少优化,但在用户体验上还有很多提升的空间。本文作者就是从这个角度出发,并设计了对应的解决方案,希望能给大家带来启发。
一、最初的直觉
在 PlayStation 实习的时候,我会用谷歌浏览器打开一组网站,开始我一天的工作:
- PlayStation的社交网站
- Adobe Analytics
- Box.com
- Slack.com
到家以后,我会打开另一组娱乐网站:
- 脸书的Messenger
- Gmail邮箱
- YouTube
这只是我的一个直觉,我觉得人们在每种情况下首次启动浏览器都会倾向于打开相同的网站,而谷歌浏览器应该给这种常规行为提供流畅的用户体验。
所以,以下是我的设计目标:
改善谷歌浏览器在工作、浏览社交媒体、阅读新闻等不同情况下的使用体验。
二、谷歌当前的解决方案
谷歌浏览器其实已经有一个启动浏览器打开网站时的方案了。
谷歌浏览器偏好设置 > 启动 > 打开一个或者一系列特定的页面
不过,这个方案是应用于所有启动的情形。
它并不能满足我在不同的时间打开不同网站的要求,也就是说:我不希望每次在家的时候打开谷歌浏览器看到的是工作网站。
工作时我想要打开的内容与在家时并不相同
我查看了 Safari、Firefox 和 Opera,它们看起来和现在的谷歌浏览器都差不多。
我还查看了谷歌浏览器扩展插件,像One Tab这样的大多数插件也都不靠谱。例如:有一个用户就“丢失了所有保存超过一年以上的网站”。由于谷歌浏览器最近更新了它的主页,因此最佳的选择似乎是把这个功能添加到当前的主页设计上。
当前的谷歌浏览器主页:直接访问最常用的网站(没有分组)
三、用户观察
朋友 A 和朋友 B 的网站访问地图(来源于 Free Sketch Templates)
为了检测其他人是否觉得这项功能有用,我观察了朋友们是如何使用谷歌浏览器的。我发现用户访问记录显示他们在打开前几个网站时也有类似的模式。
- 朋友A和朋友B一打开谷歌浏览器,就会立刻点开一组特定的网站。
- 朋友A和朋友B提到他们会在特定的时间/地点/情况下打开同一组特定网站。
- 朋友A和朋友B提到他们经常使用谷歌浏览器主页打开他们最常使用的网站。
更进一步说:这项功能还可以跟踪最常使用的几组网站,自动显示在主页上,类似谷歌现在做的那样。这比Pinned Tabs这样的功能更有优势,因为朋友A和B都不必手动输入任何内容,网站组就自动出现了。
四、低保真线框图
在了解了一般用户的访问习惯之后,我决定开始设计线框图。由于我没有做任务分析、调查或者结构化访问,因此我要在这里做一些假设:
- 人们只需要2-3组网站。
- 每组网站下只需要2-4个网站。
这是我最初的设计:
设计 1
优点:
- 在左侧点击能够打开组内所有的网站
- 在右侧的组里点击能够打开单个的网站 —— Veronica Howell
缺点:
杂乱无章,内容太多了 —— Yerin Yoon
设计2
优点:
- 集中、有条理
- 即有网站组也有单个的网站
缺点:
无法选择组里的单个网站,在“网站A和网站B已经打开了,用户只想要打开网站C”的情况下,这项功能就显得很重要 —— Victor Lo
五、反思
从这两个线框图中我得到了这些反馈:
(1)人们想要一个清晰整洁的结构;
(2)人们希望能快速打开整组网站,但也希望能单独打开组里的某一个网站。
1. 可能的解决方案
- 谷歌浏览器知道哪些网站已经打开了。当用户点击打开网站组而网站 A 已经打开的时候,那浏览器将只打开网站 B 和 C。(“呃,那也太智能了吧。”—— Roseanne Chao)
- 谷歌浏览器可以在组里加一个图标,用来展开显示该组内的各个网站。(“听起来很酷。”—— Alex Li)
2. 高保真流程
我将解决方案纳入了最终设计和流程中。
注:最终设计的选择——悬停确认网站是可点击的,悬停后出现的向下箭头显示了组内包含的网站,在弹出菜单里可以轻松点击进入各个网站,还有一个“打开全部”按钮可以在用户想要打开全部网站时使用。
我向朋友展示了这个流程,他们立刻给出了积极的评价:
- 打开整组网站和组内单个网站的流程“简单又简洁”—— Thomas Huang
- 清晰的UI设计,与用户期望产生共鸣
- “非常有谷歌的风格”—— Titus Hartmann
六、下一步
要想了解这项功能是否成功,我必须深入了解以下指标:
- 对比第1/7/30天,每个用户的平均网站组数量
- 对比第1/7/30天,每组网站的平均点击次数
假设用户A在第一天就有三个网站组,并且每天点击两次,这听起来像是成功了。
但是,假设到了第 0天,用户A只有一个网站组并且每周才点击一次,那这个功能就算是失败了。在整个功能发布过程中,跟踪用户留存是非常重要的。
总的来说:在设计这个灵光一现的小想法的过程中我获得了许多乐趣。
原作者:Hiroo Aoyama
原文链接:https://uxdesign.cc/google-chrome-ux-idea-opening-your-usual-websites-at-once-6027410072cc
翻译:即能,公众号:即能学习
本文由 @即能 翻译发布于人人都是产品经理。未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
相关推荐
- Win7打开网页特别慢的原因?
-
经常打开Web的频繁用户的数量应该打开,因此,一旦网页的速度很慢,它会变得非常敏感。最近,Win7系统的用户发现他们打开了他们的网页,突然放慢了,绝不看网络速度和配置因素,最有可能是系统内存问题。如果...
- 电脑浏览器下载速度很慢怎么办
-
有网友反映自己的浏览器下载速度很慢怎么办?这种通过可能是浏览器缓存太多,没有优化等原因导致。下面小编就以几种常用的浏览器为例,给大家解答下...
- 网站打开慢的问题如何解决?
-
当我们在浏览网页时,突然发现一个网站打不开或者加载速度非常慢,这时候你会不会感到很烦躁呢?别担心,今天我们就来教你解决网站打开慢的问题! 一、检查网络连接 我们需要确保自己的网络连接正常。请尝...
- 打开网页速度慢、下载速度慢、玩游戏延迟、频繁掉线的解决方法
-
影响实际上网速度的因素非常多,需要挨个做排查1、先排除是否是网络环境问题,可以核实以下情况,来判断是否是网络环境问题。(1)同一网络环境,如果其他电脑上网也很慢,则可判断是网络本身速度不快导致的。(2...
- 浏览器太卡、启动慢,教你一招提速至少一倍!
-
电脑端浏览器用久了都会有一个毛病那就是开启速度非常缓慢今天教大家一个小技巧可大大提升浏览器启动速度适用于QQ、360、搜狗等大多数浏览器提速效果非常明显启动速度至少要快一倍SpeedyFox支持平台:...
- 网站访问慢的排查方案(最详细)
-
说实话,比起网站打不开,网站访问慢更让人抓狂。因为造成网站访问慢的因素太多了,一般用户根本无从下手!任他千头万绪的问题,从以下三个方面入手,也能轻松破解访问慢的大难题:响应时间、执行时间、加载时间。...
- 电脑网页打开慢怎么办?金山毒霸电脑医生秒搞定
-
??在网络时代,上网是每天都会做的事,平时用手机上网比较多,但是工作的时候还是用电脑上网的,不管手机还是电脑都会越用越慢。有时会觉得,电脑配置也不低,每天都清理垃圾了都,网速也还行电脑怎么还上网这么慢...
- 家里wifi慢是怎么回事?教你几招提速方法
-
没WiFi,不成活!手机和WiFi之间,就像空调加棉被,谁也离不开谁。如今WiFi已经填满了我们生活的每个角落,很难想象,如果哪天没了网,世界会变成什么样!可是家里的WiFi是越用越慢,不知道有多少人...
- 连接路由器宽带测速正常,打开网页很慢?
-
电脑连接路由器后测试网速和申请的宽带一致,但打开网页的速度较慢,请参考以下步骤排查:1、更改DNS服务器电脑上获取的DNS服务器不稳定可能会导致打开网页较慢,可以在电脑的本地连接或无线连接手动设置DN...
- 手机打开网页非常慢,那是你用的浏览器不对!
-
今天世超独宠Android差友不知道大家平日里,在刷着微博浏览着新闻的时候有没有遇见过这样的情况:在你浏览的过程中,总会出现一些让你感兴趣的链接。这些链接可能是:”这个视频,女人不在家男人偷偷看!”“...
- 网站打开慢的原因有哪些?
-
网络能够为大家带来许多便利,现在的人们不管是在学习或者是工作当中都是离不开网络的。在网络中,各大网页和网站也是我们浏览信息的主要渠道。如果想要更加高效率的工作和学习的话,当然也离不开网站浏览速度的支持...
- 告诉你导致网站页面打开速度慢的几种情况
-
导致网站页面打开速度慢的原因有很多,主要注意以下几个方面,就能做到很好的避免。...
- 浏览器变慢有救了!只要2秒,重回新安装一样爽快!
-
而最近有小伙伴在后台留言,说自己电脑浏览器用久了后,速度变得越来越慢了。特别是用久后,每次打开浏览器加载半天,经常白屏卡上那么一小会,体验上要比看这loging在转还难受,差点以为死机了。其...
- 导致网站打开慢的原因以及解决方法
-
是什么原因会导致网站打开慢?又有什么办法解决呢?一般来说,http请求过多、网页过大、服务器性能过差等等都可能导致网站打开慢。www.xy3000.com小蚁云安全乔妹为您分享一些参考解决方法:研究表...
- 还在为打开网页慢而苦恼吗?试试这招
-
不知道大家有没有这种感觉,家里网速明明很快,有20M,50M甚至100M,但不知道为什么打开网页,浏览页面的时候总感觉加载速度很慢。其实上网速度的快慢不仅仅取决于你家的宽带速度,也跟你的电脑硬件,系...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- oracleclient (56)
- springbatch (59)
- oracle恢复数据 (56)
- 简单工厂模式 (68)
- 函数指针 (72)
- fill_parent (135)
- java配置环境变量 (140)
- linux文件系统 (56)
- 计算机操作系统教程 (60)
- 静态ip (63)
- notifyicon (55)
- 线程同步 (58)
- xcode 4 5 (60)
- 调试器 (60)
- c0000005 (63)
- html代码大全 (61)
- header utf 8 (61)
- 多线程多进程 (65)
- require_once (60)
- 百度网盘下载速度慢破解方法 (72)
- 谷歌浏览器免费入口 (72)
- npm list (64)
- 网站打开速度检测 (59)
- 网站建设流程图 (58)
- this关键字 (67)