网站设计

丰富的交互为特色的Web界面设计模式

一、鼠标原理


涉及鼠标的“直接操纵”分类到鼠标原理中。


1、悬停


悬停即现,基于悬停显示工具可以减少界面上的视觉干扰。设计时要避免任何元素的偏移;否则用户的视线就到了不该到的地方。


2、单击



“编纂”链接


页内单击编纂内容,一来,用户不用离开页面;二来,编纂时可以直接参考上下文。要么能让用户知道这里可以编纂,要么就加上“编纂”的字样或按钮。


3、双击


书中貌似没提到这点,但用过网上舆图的人(可能)知道,有“放大舆图”的功效。关于此条的建议同下。


4、右键


右键菜单,执行任务就像应用程序那么利便了。右键菜单一般不轻易发现,所以一定得具有可替换性。


5、拖放



拖放布局


拖放排序、布局和拖放处理任务,符适用户的心智模型。要适时地提示可以拖放,算好启动拖放的间隔单位(5像素)和时间单位(按住鼠标0.5秒)。拖放时,用户需要随时获得必要信息。


6、动弹



动弹实时加载新内容


动弹实时加载新内容,脱离翻页的枷锁。基于个人所有的连续性内容用这个办法比较好。个人以为,还应该保证显示的流畅性。好比,谷歌阅读器和谷歌图片搜索很流畅,而人人网和QQ空间老给人一卡一卡的感觉。


二、键盘原理


归类方法同鼠标原理。


1、实时建议


用户不用输完也许就能命中。一般而言,每输入一个字符显示一次反馈比较好。保证有足够的有用信息基础之上,选中建议条目也应提供多种办法:回车、上下箭头和鼠标单击。我以为,取消建议条目也应如斯。


2、自动完成


同上。个人以为,自动完成对条目的精确性要求更高,一次也不宜给过多条目。


3、实时提示


好比用户密码强度。


三、显示原理


显示原理中包含的模式与鼠标和键盘没有直接联系,它作为一种辅助效果,简化交互,晋升用户体验。


1、聚焦


突显界面变化。个人以为,假如用得乱七八糟的话,仍是别用了。


2、扩展与躲藏



扩展与躲藏


用不着的相关内容或其他面板可以躲藏起来。这是一种很古老的技术了,用的时候要留意切换时的连贯性,硬生生地割裂画面就不好了。


3、菜单按钮



菜单按钮


它提供默认的按钮操纵,又有更多操纵的提示,利便快捷。设计时,避免目标过小,另一方面,保证键盘和移动设备能正常访问。


4、流程处理


书中写的是删除一条评论时应简化步骤,保证在一个页面之内。这个……唔,现在都是这样做的吧?什么,你还不是?


5、操纵引导


有了新功能(商品),或者网站改版,用静态(或动态)页面引导用户学习、熟悉。静态页面引导可以利用未完成的区域引导用户操纵,人类的天性会促使用户想“完成”它。动态引导(好比小气泡什么的)则该简明简要、过程简朴。我以为,还要能屏蔽引导或再次打开引导。


6、部件嵌入


个人以为,添加了这样部件(好比购物车或聊天窗口),能在访问多页面的同时,集中某个任务的操纵。


7、弹出层



弹出层


书顶用词是“笼盖层”,我以为“弹出层”更通俗。有了弹出层,便可以在文本流中处理任务,省去了跳转页面的麻烦。比拟弹窗,它占用资源少,速度快,更轻易控制样式。可以用作“确认对话框”、“具体信息”和“输入笼盖”等。


8、定时刷新


定时刷新无须用户参与就可以保持站点内容新鲜,极其利便。独一需要留意的是,刷新不能太频繁,要在易读和联系关系之间寻求平衡。


9、其他动画效果


这一点夹杂在书中各个角落,无非是淡入淡出、平移滑动之类的效果。适当的缀饰,网站的流畅性和用户体验肯定上一个档次。

发布时间:2010-9-8 10:57:59