毕业论文 论文提纲 论文写作 公文范例 教育论文 教育学论文 师范教育 学术论文     论文指导*
                     
 
   
   
   
   
           
 

当前位置:课件115学培吧(kj115.com)→flash网侠教程(助你成为顶尖课件高手)→系列文章

 
 
标题:按钮设计易用性和鼠标移动最短距离
 
展示台

文章来源 作者:admin 密码:admin 整理:湖北金鹰

◇网侠教程栏目简介
    提供FLASH侠客教程和网页制作侠客教程,高手进阶教程。
    浏览过这些资源的还浏览过经典教程图文教程游戏开发教程等相关资源。

---------------

湖北金鹰课件吧

论文相关服务
 

 

如图一,正常情况下应该是这样的
根据用户体验分析,正确的应该是:确认提交放左边,重置放右边

按钮设计易用性和鼠标移动最短距离图片1

 但真实在运用的时候,我比较习惯右边点击确定,以前就经常点错,
不知道是“我”自己的习惯疑问还是大家也有这种情况
所以来问问。
如下图(apple是这么做的用户体验

按钮设计易用性和鼠标移动最短距离图片2

两个按钮到底如何摆才叫好呢?有时我也有这个疑惑。
但我觉得可以从两方面执行 考虑:
1. 用户的运用习惯。
2. 用户鼠标移动的最短距离。
其实用户的运用习惯是慢慢培养起来的,看下图

按钮设计易用性和鼠标移动最短距离图片3

(图3,我们运用 windows的操作时)

按钮设计易用性和鼠标移动最短距离图片4

(图3,我们运用 Word时)

按钮设计易用性和鼠标移动最短距离图片5

(图4,我们运用其他软件时)
以上几幅图中,”红色框“则代表按钮区域,褐色框表示”最短距离“。
红色框里的顺序是 (左"确定",右"取消" 或 “阅读 ”),这个习惯是我们在频繁运用 windows系统或其平台软件时潜移默化养成的。
另外,有”提交“的地点,就绝大多数都会有表单的”输入框“。
“提交”按钮离“输入框”越近,用户在输入完内容后,点“确定”时鼠标移动的距离就越短(结合上图褐色区域),整个流程花费的时间就越少。
对于“距离”有异议的同学,可以试想“确定”和“取消”位置对调一下,再用鼠标在褐色区域上下挪移模拟感受一下,我猜测windows的按钮当时设计成这样,也和最短距离有一定联系吧

 

 
课件115学培吧(湖北金鹰)欢迎您!永久免费服务网址:http://www.kj115.com
   
 

学员众多的FLASH课件学习基地,成万免费FLASH课件制作教程在线学习,还有免费内容课件教程、视频教程、课件技巧、课件探讨、课件欣赏、课件展示、实用教程、课件界面、课件脚本、课件游戏、课件下载、课件封面、课文内容图片、课文人物图片库、课件素材、图片素材、声音素材、动物素材、背景图片、背景资料、背景边框、课件顶栏图片素材、Dreamweaver教程、Dreamweaver网页课件教程、软件下载。承接学习和培训,承接课件订制,课件修改等所有课件相关服务。
本站主要业务:┃flash课件制作视频教程培训┃承接全国竞赛flash课件┃论文代写代发┃代办课件国家级获奖证书┃
联系:QQ:444860709 手机:13339817386


 
 

业务办理
鄂ICP备08005724号