我的一个交友网站,其独特的流程包括,用户通过搜索发现潜在对象,给潜在对象加关注和打分,使用获得2012诺贝尔经济奖的特殊匹配算法计算出相互匹配的对象并推荐給相关用户。在这里,对交友对象的评分功能是此网站的基础功能,其方便和平滑与否关系重大。本视频演示我的设计与实现。
页内拖拽
跨页拖拽
一次点击把目标用户放入一个缓存区,然后利用分页控制走到目的页面,再进行拖拽。好处是能够实现精确控制。
想想看,你会如何设计这一功能?
其他特点
精确和强大的筛选器,让用户随心所欲的控制筛选条件。
常用的筛选组合放在快捷菜单中,方便操作。
筛选器中的选项和快捷菜单是同步的。
全部Ajax实现,单页应用,无刷屏,省流量,有益性能。
尽管使用Ajax,却保持了浏览器的历史功能。
问题与思考
在视频的最后部分,鼠标停留的区域是另一个评分编辑控件,这里没有给出细节展示,如果是你,你会如何设计?
外部视频链接: http://v.youku.com/v_show/id_XNzI0NzMwNzQw.html
后话:作为一个偏中间层,后端(参看:深度优化SQL 查询,
提升性能一百倍是什么概念?)和架构的全栈工程师,UI设计与开发不是我的强项,请前端专家们批评。欢迎到新浪微博和我交流, 微博名:
JohnXhark.
前端设计与实现,使用拖拽来调整交友对象的评分功能,布布扣,bubuko.com
时间: 2024-12-08 16:16:34