default
menu home
Icon library Sign up Login favorite_border message help_outline
Online notes - online bookmark

把favinavi网络收藏夹的书签搜索功能做到最好

styleTags: All CSS html javascript php/other IT
by: fanshome  2023-06-10 04:34(UTC)

在此先感谢“changanluan”用户的建议,是他(她)提出了这个问题,favinavi怎么还没有书签搜索功能呢?

是啊,我不属于那种要收藏几千个书签的收藏爱好者,所以平常自己并不是特别有搜索书签的需求。但是我不需要不代表没有人需要,favinavi的典型粉丝几乎都是拥有大量书签搜藏的人,所以,这个搜索书签的功能必须有,不然,怎么在几千个书签中快速锁定一个不那么常用的书签到底在哪里呢?

说干就干,先喝杯咖啡,想清楚要怎么做。

目标:要方便、要准确、要醒目、要尽可能自动化。

目标细化下来,决定借鉴浏览器自身的ctrl+F页面搜索功能,这样用户习惯程度最好,培训成本几乎为零。

然后给自己提要求,一定要做到自己能力范围内的极致,最大程度满足用户的想法。

当天熬到凌晨4点,终于把书签搜索功能第一版给做出来了。假如我自己打分的话,至少给自己8分,哈哈!

其中考虑了与书签搜索相关得不少细节:

1、用户键入可能有停顿,所以稍微延迟几百毫秒再进行搜索,避免做无用功,还打扰到用户视觉;

2、搜索结果不仅要醒目,并且主动猜测用户的需要,假如只有一个结果,就直接自动滚动页面到搜索目标,并高亮提示,省得用户动手;

3、如果有多个结果,突出全部匹配的书签,高亮聚焦到第一个,并且同时提供上下选择;

4、上线按钮选择也同样提供自动滚动,永远自动聚焦在当前的匹配书签上;

5、在favinavi网络收藏夹自己的主页面取代浏览器的ctrl+f快捷键功能,直接敲这个组合键可以快速调出favinavi的书签搜索功能。

第一版基本上就是这样,我想满足用户的一般性书签搜索的需求没有啥大问题了吧?

假如还有什么意见和建议,欢迎到留言板写下您的宝贵意见。

visibility 1371


- for heavy web user Online notes
adimg
logo Post a comment

captcha
Please check the captcha code
Cancel