认知维度与API的可用性评估

发布日期:2010年8月20日

"认知维度与API的可用性评估"

什么是认知维度

认知维度(也称作符号认知维度,Cognitive Dimensions or Cognitive Dimensions of Notations,简称CD)是一套关于符号标记、用户界面和编程语言的设计原则。
认知维度提供一种轻量级的方法来帮助分析设计,它包含了14条不同的维度来指导设计。 more »

运用高中数学知识实现道路捕捉功能

发布日期:2010年4月30日
作者:JZ类别:前端探索 | 评论(11)

运用高中数学知识实现道路捕捉功能

在百度地图搜索驾车路线的时候,用户可以在结果路线上进行拖拽,使路线按照用户的意愿进行调整。 当用户将鼠标移至路线上时,在路线上会出现一个圆圈和一些文字信息,提示用户可以拖拽当前这个位置,本文介绍了此功能目前的一些问题以及新的解决方案。

现有的问题

在百度地图展示驾车路线结果时,用户可以通过拖动道路上的某个点来实现自定义途经点的功能。如下图所示:

途经点功能示意

more »

动画效果在地图产品中的运用

发布日期:2010年1月06日
作者:JZ类别:JavaScript, 前端技术 | 评论(6)

百度地图产品运用了大量的动画效果,比如:操作鱼骨或快捷键使地图移动、鹰眼控件的展开和收缩、滚动鼠标滚轮使地图进行缩放。PM对动画效果提出了平滑,流畅的要求,那么如何才能做到呢?

1 什么是动画

先来看看wiki上对动画一词的解释:动画是指由许多帧静止的画面,以一定的速度(如每秒16张)连续播放时,肉眼因视觉残象产生错觉,而误以为画面活动的作品。在网页中,可以将每一时刻的页面看做是一帧静止的画面,当每个时刻的画面产生差异时,就会产生动画效果了。网页中的动画形式很多,比如一副gif图像,一个flash或者是用脚本控制的页面元素的移动。这里,我们只关注js脚本控制的动画。这种动画的本质就是在每一时刻改变页面元素的属性。由此我们得到动画的两个关键组成部分: more »