桌面浏览器主页都不太满意,自己做了个。

2018-05-25 09:13:43 +08:00
 einea

以下是思路:

简单的名字:一个开始

简单的颜色:#273645

简单的样子:一个搜索框,以圆为基础的 logo 设计,横向方块导航

技术实现:H5,ES5 严格模式,8 栅格 UI,支持 Retina、4K 屏的多倍数切图

核心功能:搜索 + 导航 + 简约美观 + 每天更新 + 个性化,作为桌面浏览器启动页。

一次输入,多引擎快速切换,国外资源翻译输入关键词,可自定义部分外观的个性化能力,最小支持 iPad mini 的自适应,每天切换一张精选背景图的长期资源储备,大量优质资源收集整理,其他数据采集更新能力

目前进度:已更新 176 个版本,内容还不是很完善,有少量 bug,已收录 360 安全浏览器九宫格

名字「一个开始」可百度到,打开后按键「 F12 」演绎 logo

体验地址: https://aur.one/

欢迎吐槽,提出建议,一同改善体验。

13065 次点击
所在节点    分享创造
102 条回复
oswuhan
2018-05-26 03:33:14 +08:00
好作品,值得收藏
Kintkintkint
2018-05-26 03:33:40 +08:00
一、导航的不是返回而是搜索 到底是以搜索为主页还是怎么样 都叙述得部清晰啊 ?而且 导航里的网站排列为什么不是按照左右排列 而是归左两行排列的,看着就觉得累 ;

二、事项弹出后 事项位置上方应该加个隐藏或退出按钮 不然删除事项又要到主页删除啊 。


三、然后主页那个切换了搜索位置后的那个官网按钮,或者修改为其他词语 或者 跟随变化好点 ?反正我第一反应就是点了官网出现的是百度首页啊,而不是跟随切换位置之后的官网啊??;

四、然后翻译应该移动到网站至工具那一列后边效果会好点吧 ,这样子单独有点怪 我以为那个翻译跟 english 是统一选项来的(以为默认英文翻译)
> 1,又试了一下,这个翻译好用啊,不过有点不明所以,应该是逻辑性的问题?第一感觉还是翻译单词,而不是帮你在当前网址翻译成可搜索内容?(
> 2,这个我觉得挺好用,只是输入翻译这个词第一反应没联想到是这样子的功能(感觉要换个词语,以及把他移到一个能联想到功能用处的位置)(
> 3,再用了一下,感觉还是移到选项后边方位置比较好--“工业后边”,
> 4,搜索功能这里希望能自己添加能搜索的网站上去,而不是默认的网站,就是搜索下方的网站内容,联想到作者后期可能会添加其他网站呢,(除了自己添加的网站搜索外,在末尾或许添加个类似推荐网站的选项上去?)
> 5,然后经典、生活那个左下角选项,太不显眼了吧,我感觉那个才是大的选项啊???

五、最后还是这个问题 :主页、事项、外观、导航,这四个内容(除事项外),感觉逻辑性不太强,主次没分好(或者我是看不懂作者的用意所在吧)
> 1. 导航选项感觉是跟主页是同一级而不是次级内容,或者是因为那个返回按钮是搜索图标?(这里或许参照外观返回来修改比较好)
> 2. 无论是"事项、导航、外观" ,还是"导航、事项、外观",这样排列都比现在好,因为风格那里就是个设置啊,设置没其他两项需求强吧?
> 3. 事项的层级比较好,就是次要的感觉,但是跟主页是一体的,有主次感觉,只是在事项弹出位置的上方增加返回或者什么的按钮,都比要再点一次事项才能隐藏好很多啊。
> 4. 整个界面还是有些地方或许能修改得更好,另外动画感觉有点慢?还是说怎么得,反正感觉不太好。

整体来说,还是挺好得,期待下一次体验,先收藏了。
Kintkintkint
2018-05-26 03:35:04 +08:00
郁闷 之前排版的内容不能删除 我还是今天才知道...
ajan
2018-05-26 06:37:32 +08:00
我还是喜欢空白页
yesicoo
2018-05-26 10:05:40 +08:00
yesicoo
2018-05-26 10:11:44 +08:00
einea
2018-05-26 14:16:37 +08:00
@Nicksxs 目前暂时还没有开源打算,主要是开源以后如何继续运维,不知道还能不能继续迭代,让更多有想法的人参与进来,没有这方面的经验,担心开源后会衍生出各种版本,不利于集思广益。另外是个人认为开源的意义并不大,它本身不是可以通用的运行库或者框架,搬到别的项目里可能不适用。其次,源代码的很多功能还没有整理、封装,边写边改的,写的比较松散。我觉得,用浏览器开发者工具查看一些功能和效果的代码片段,供大家学习和交流,用到别的项目里,是可以的,而且这样的意义也更大一些。不过未来也有可能会考虑开源。
einea
2018-05-26 14:23:06 +08:00
@UnPace 前后断断续续搞了近一年,不是主要项目,所以搞得比较慢。资金成本不是很大,但算上人力和时间也确实不少。
einea
2018-05-26 14:33:26 +08:00
@viosey 参看#87 的回答。目前主要是对开源的后果还有顾虑,我觉得如果开源能让这个产品越来越好,不断迭代优化,并帮到大家,那是最好的结果。因为开放、合作一定是最好也是最终的状态。当然如果大家有更好的建议和办法,期待分享出来。好的建议一定会采纳的。
einea
2018-05-26 14:57:06 +08:00
@Kintkintkint 太感谢了!真的是很用心的体验和总结,可以说每一项问题都说得很到位,办法也很好。我们在设计之初的时候也考虑过类似的个别问题,时间和精力有限,要做到更好还得花点心思。这些问题我都会记录下来,慎重考虑,找解决办法,在后续的几个版本中逐步改进。
UnPace
2018-05-26 19:27:57 +08:00
@einea 厉害,是个很牛的前端项目
Kintkintkint
2018-05-26 19:50:48 +08:00
@einea 期待后续的发展,真想有一天他能完全替代现在使用的 Sd2,(估计增加网站收藏,跟同步后,我会选择直接替换了)

昨天比较晚,今天又体验了一下,才发现还有我没发掘出来的贴心功能!!!(或者是因为我直接跳过了快速上手的内容吧,我觉得抛开了教程还能很好适应或者还能一目了然的懂得怎么使用,才算是体验好吧...好吧,我瞎说得。我就是懒得点而已)

一 “原来主页(暂时把第一页成为主页),在搜索栏选项以及左下方分类选项选择了内容后,只要双击就能返回到默认的选项中,这个真没想到!!!”

> 1. 一下子感觉发现了新大陆,然后想,这个“双击返回的功能”会不会在其他三个类别中能使用呢?然后打开了事项,以及导航,然后开始疯狂的双击左键,原来址有“主页”的那几个选项才有这样的功能?

>>a,在之前反馈的建议中,我提出了第一观感上的逻辑问题需要修改得更清晰才行。现在我还要加一条反馈:“双击返回”,是否能使用在其他的三个选项中呢? [当然,这个要是结合了主页为第一层,事项、导航、设置为第二层的情况下,这个”双击返回“的使用逻辑可能会更强。但是也别去除图标指示的内容啊,这个就当作手势内容来定义?] 当你打开二层内容的时候,除了能通过图标点击来实现之后,通过双击相应层级的空白处也能实现返回到主页,这样子实在太赞了!!!!

二 ”关于暂时只在百度那里看到的纯净按钮,不知道是什么用处???“ 这次是次要,重点来了:关于搜索上的收藏按钮,我点了收藏,可是在下方没有特定标识出来,这个比较困扰(只能点击了那个收藏了的网站按钮,才会发现跟其他有所不同,我举得应该把不同的标识在没点之前就表明出来,其用意应该是你重点使用的,而作者把他放到了最后边,我点开了,已经看到了收藏图标显示是黄色了,我那个下边的显示有什么用呢?[这里可能写得比较混乱,请作者多观察收藏以及下方变动,可能就懂我的意思了])

三 关于搜索了的问题?????

> 1. 以输入一部分关键字,然后会出现相应的联想选项,这个确实挺好的,不知道这个相应的联想是如何实现的,不过部分的联想都不是我需要的....

> 2. 还是关于搜索的问题,为什么我的搜索记录不是跟随着最上边的”网页到工具所搜索的内容不同而改变,而是默认的 7 个选项?“这个问题出于工作效率问题,应该不算逻辑问题~~

> 3. 出于搜索记录只限定 7 个,我就尝试了把浏览器缩小了,然后发现了几个问题

>>a, 左上方的三个选项“事项、外观、导航”会显示不全的问题?

>>b,主页上的内容貌似是会自适应的,(缩到一定尺寸,下方其他信息会隐藏,以及左下方分栏会挪动到右下方,然后再缩到最小(还没到最小)的时候,显示出了一些介绍,这些都做的好啊)只是缩小到某个像素时,搜索记录跟下方的其他信息有所重叠?

四 “原来右键是有快捷菜单的!!!”关于右键的快捷菜单,我还是刚刚才发现,这个很好的囊括了所有内容了,可是也是这个问题,我是突然右键才发现的,所以说这个功能对于现有可看到的对比之下,算是个辅助功能吧?但是这个功能做得很好啊,起码我是这样认为。

>1. 不过问题就来了,可能是出去现在得层级分配问题,我点开了其他内容之后觉得这个右键所要去完成得工作好混乱。下面我一个个来说吧,这个应该是今天所反馈的最后的问题了。

>>a.先说说主页的右键,显示的内容,不是应该“输入翻译为”放在第一,然后到事项,再到导航跟设置吗(这个也是按照我之前所说到的层级问题来排列的认为最好的方法)?而当“前位置”这个我觉得像现在一样,放在第二是比较好;排列应该就是:输入翻译为>当前网址位置>事项>导航>外观这样子(当事项打开后,事项下方还会显示关闭事项,所以我觉得事项层级貌似高于导航与外观的,所以我觉得这里应该有分割线或者相对应的效果来分开这三种内容)

>>b. 然后到事项了,打开事项后,我发现了事项以主页右键所显示的内容不同,所以我更加肯定的推翻了之前建议作者的层级想法,更加准确的层级我觉得是 主页>导航.外观,而事项是独立在这三个之中的,或者就是小窗口的类型;

>>c. 所以我现在建议的新层级关系是“ [主页>导航.外观]. 事项 ”。这样子的关系,不知道作者看不看得懂???

>>d. 说会事项,因为事项是独立于其他的层级吧,所以我觉得他在主页放在第一条分割线下会比较好;然后到右边的关闭事项按钮,这个没什么可说的,不是放在第一个就是最后一个,看作者是如何理解事项在整个内容里边的位置是在哪里了。但是我不知道这个刷新最新热点和咨询有什么用?

>>>d.aa.额,打开之后,当我点开事项之后懂了,这个事项不是传统意义上的”记录内容事项“,而是一个信息流内容集合体?,通过点击创建事项,我才知道了刷新热点和咨询的用意;但是问题又来了,他是根据你所操作的次序来排序的,所以就算人点与咨询“不注明添加时间,便签以及之后可能添加的闹钟 todo 功能都需要标注添加时间。因为这些功能都是因为需要记录才记录的。

>>>d.bb.创建事项按钮应该与其他创建了事项的按钮有不同的区分。然后事项区域下方应该留一部分内容来满足可以点击右键的区域,现在只能在边边缝隙上点击来打开所以内容或者收起所有内容,我觉得有烦,然后的是刷新了的信息内容我觉得应该要置顶显示,因为这些内容是跟时间记录有区别的,当你刷新了之后,就置顶,不刷新的话就跟随创建的其他内容,按照创建时间一直排列下去,就类似于时间轴的排列,这些就是事项所要反馈的内容了。

>>e. 接下来就是导航的内容,导航层下,右击所出现的按钮是 ”搜索、当前位置、以及事项、外观等内容“ 不是熟悉了,我导航层级的搜索时搜索我现有网站的名字,而不是返回到主页?所以我觉得改成返回这个字眼会比较好。真的。
接下来就有问题了,既然是导航,是否需要搜索按钮搜索导航内我一时间看不见的网站呢?我觉得这个有必要考虑一下,然后还引申出一个问题,既然是导航,我就不能添加自己需要的网站以及删除不需要的网站吗?还有创建网站分类的内容(这个也是我这么喜欢 sd2 的问题,归类归类,整洁整洁)之后就到事项的按钮以及到外观的按钮了。

>>f.最后就是外观的右键,进入后,我觉得还是要把搜索改成返回,因为就算层级再怎么分,外观始终是会归类到次一级的,现在给我的看法就是同一级。当然,作者可以把搜索跟导航放在同一级,但是外观确实没这种能力共享同一级吧?搜索改成返回字眼,导航并不需要修改。然后接下来的并无不妥了。

>>G.然后最后一点,是关于右键的问题,得益于作者把层级都摆在同一层,致使右键所在的三大选项内容的切换并不会让人觉得不妥,这是我最后有的感觉,所以我是白忙乎了几小时啊?(以上只针对右键内容,并且不针对我上述所说的其他内容以及事项那个信息流里的内容)

然后还是希望加入同步,加入导航分类以及网站添加;之后或者能做成插件收费或者是网站收费的形式也行,毕竟这个完善了之后,确实对大部分人是用来说,是益大于弊的。
sevenQu
2018-05-26 20:33:27 +08:00
好像挂了,进不去了
zuosidashen
2018-05-27 01:26:54 +08:00
感觉非常好看,很喜欢,提几个建议吧
1.能记住上次使用的搜索引擎
2.搜索的时候选中下面的选项时,搜索框的字也要变
3.翻译的时候,如果输入中文,结果要英文。如果输入英文,结果要中文
4.导航那块直接做成另外一个网页吧,网站的 logo 可以做成静态资源,不然每次加载要好久
个人觉得导航那边收录的网站太多,大家应该不会专门点进去找自己想访问的网站吧,如果是我会直接输入域名,或者百度一下网址再进去。因为导航里面网站太多,可能要找好久
不知道是不是那些图片加载太慢的原因,每次打开都要看到那个加载的动画,希望能即开即用,继续优化
einea
2018-05-27 15:28:02 +08:00
非常感谢所有朋友的关注和建议
可以说每一条都非常有价值
让我们重新思考这个项目的定位、功能和布局

V2EX 确实是一个有技术、有特质、有思想的社区
对我们改进网站的信心和动力帮助很大

过去两天经过考虑改进了一些细节,刚刚推送上线:

1.干掉了百度软件
2.拿掉了加载动画(考虑到可能的网络因素,在加载特别慢的时候显示)
3.收录了 AudioJungle (经过初步研究,这个网站确实优秀)
4.增加了多线路解析(希望能改善部分网络加载慢和打不开的问题)
5.更新了 SSL 证书(上一个快到期了,可能对加载速度有帮助)

新增的解析可能需要点时间生效。我们会持续改善加载压缩网页资源,在这里收集到的建议,会持续排期推进,在后续的几个本版中实现

随时欢迎继续提议,谢谢大家的支持!
Kintkintkint
2018-05-28 15:35:54 +08:00
准备更新了吗?
GuangTsang
2018-05-30 13:18:47 +08:00
嗯嗯 赞一个,不过我个人觉得不行
ngg0707
2018-05-31 10:28:41 +08:00
居然翻墙才能打开
einea
2018-06-11 10:27:16 +08:00
@Kintkintkint 更新了,参考了你的很多建议
einea
2018-06-11 10:32:58 +08:00
更新来了,内部版本 180 版更新内容:

[动画效果]
1.整体调快了一些,重点加快了很慢的几个效果。
2.新增了自定义动画等级功能,在[外观]-[过渡效果]中设置,可将动画设置为:全部关闭、快速和全开 3 种状态,全部关闭即没有任何动画,达到了非常高效的效果。

[快捷键]
快捷键的设计在这版中实现了一部分,计划在下一版中完全实现。
已实现:

1.在任何状态
[Esc] 按照以下顺序执行:
a)返回搜索页(主页面),如果已经在搜索页执行 b)
b)清空搜索框内容,如果搜索框没有内容执行 c)
c)复位默认搜索引擎,如果搜索引擎已复位不执行

2.在搜索页中
[Ctrl] + [→] / [Ctrl] + [←] 向右 /向左切换搜索分类
[Alt] + [→] / [Alt] + [←] 向右 /向左切换搜索引擎
[↑] / [↓] 向上 /向下选中历史搜索记录或联想备选列表中的一行(如果有),在此状态下 [Enter] 将选中的行填入搜索框中

下一个版本:
1.在任何状态
[Tab] 在搜索页和导航页之间切换

1.在搜索页中
[Ctrl] + [↑] / [Ctrl] + [↓] 向上 /向下切换搜索板块(即在经典、Creative、办公和学习、生活之间切换)

3.在导航页中
[Ctrl] + [↑] / [Ctrl] + [↓] 向上 /向下切换一级分类
[Ctrl] + [→] / [Ctrl] + [←] 向右 /向左切换二级分类

[Enter 按钮状态变化提示]
在搜索框为空,切换引擎和网站时,虽然 Enter 后直达的页面是跟着选中的网站变的,但 Enter 按钮始终显示“官网”,这个交互容易产生困惑。
经过多种方式尝试,目前决定给按钮加上状态切换时的提示,在切换引擎和网站时,按钮闪烁,暗示完成了跟随切换。同时在“官网”和“搜索”状态切换时,也会闪烁。
换言之,只要 Enter 按钮的行为发生了变化,按钮就会闪烁。

[事项侧栏]
打开事项侧栏后,可在事项内直接关闭事项侧栏,在“创建事项”按钮右侧。
事项信息流中的板块收拢后可直接删除。

计划中:
1.右上角按钮位置和页面层级功能逻辑的调整。
2.引导式学习,需要时提醒的教程。
3.包括设置默认搜索在内的自定义编辑搜索和导航功能。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/457625

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX