八个经典用户界面设计准则转载_Eight Golden Rules of Interface Design

这些准则是由Ben Shneiderman的Designing the User Interface这本书中节录出来的。这些准则是Shneiderman藉由经验与观察互动系统后,将一些合适的经验法则再精炼、延伸后才整理出来的。一个容易的使用的应用程序,妥善的用户接口设计是少不了的。Shneiderman的八个经典用户接口设计准则是设计一个互动作品的最佳指南。

1.取得一致性
类似的情况应该有让使用者有一致性的操作。在提示、选单与说明文件中,应该采用同样的名词。并且保持命令的一贯性。

2.让重度用户使用快捷方式
当使用频率增加时,使用者会希望减少互动的次数、让每次的互动能够一次做更多的动作。缩写、功能键、隐藏功能与综观全局的功能,对专家来说非常有用。

3.提供有意义的回馈
当使用者做出一些动作时,系统应该提供回馈。越频繁的动作,其回馈的强度可以低一些。越重要或不寻常的动作,其回馈强度应该要显著一些。

4.设计对话产生结束
一连串的动作应该被组织成开始、中间、结束三部份。当动作结束的时候,要提供回馈让使用者知道动作已经完成。在做下个一连串的动作之前,先告知使用者整个 流程,能够减轻使用者的压力、提高满意度。

5.提供简单的错误处理
最好不要让系统有严重错误的可能性。如果还是造成错误,系统应该能够侦测出出来,并提供一个简单、使用者可以理解的错误处理方式。

6.允许回到上一步
这个功能可以减低使用者的焦虑,因为使用者只到做错了可以重来。这个功能鼓励使用者探索不熟西的选项。回到上一步的功能,可以包含一个、或是一连串的动 作。

7.满足使用者控制的需求
有经验的使用者强烈的感觉到他们在控制系统,做出动作之后,系统提供回馈。系统设计上要让使用者作为动作的处发者,而不是响应者。

8.减少短期记忆需求
人类的短期记忆有限,因此显示上要保持简单、能同时显示多页数据以减少窗口切换频率,减少记忆指令和动作顺序的时间。

原文:
http://www.cs.utexas.edu/users/almstrum/cs370/elvisino/rules.html

These rules were obtained from the text Designing the User Interface by Ben Shneiderman. Shneiderman proposed this collection of principles that are derived heuristically from experience and applicable in most interactive systems after being properly refined, extended, and interpreted.

To improve the usability of an application it is important to have a well designed interface. Shneiderman’s “Eight Golden Rules of Interface Design” are a guide to good interaction design.

1 Strive for consistency.
Consistent sequences of actions should be required in similar situations; identical terminology should be used in prompts, menus, and help screens; and consistent commands should be employed throughout.

2 Enable frequent users to use shortcuts.
As the frequency of use increases, so do the user’s desires to reduce the number of interactions and to increase the pace of interaction. Abbreviations, function keys, hidden commands, and macro facilities are very helpful to an expert user.

3 Offer informative feedback.
For every operator action, there should be some system feedback. For frequent and minor actions, the response can be modest, while for infrequent and major actions, the response should be more substantial.

4 Design dialog to yield closure.
Sequences of actions should be organized into groups with a beginning, middle, and end. The informative feedback at the completion of a group of actions gives the operators the satisfaction of accomplishment, a sense of relief, the signal to _drop contingency plans and options from their minds, and an indication that the way is clear to prepare for the next group of actions.

5 Offer simple error handling.
As much as possible, design the system so the user cannot make a serious error. If an error is made, the system should be able to detect the error and offer simple, comprehensible mechanisms for handling the error.

6 Permit easy reversal of actions.
This feature relieves anxiety, since the user knows that errors can be undone; it thus encourages exploration of unfamiliar options. The units of reversibility may be a single action, a data entry, or a complete group of actions.

7 Support internal locus of control.
Experienced operators strongly desire the sense that they are in charge of the system and that the system responds to their actions. Design the system to make users the initiators of actions rather than the responders.

8 Reduce short-term memory load.
The limitation of human information processing in short-term memory requires that displays be kept simple, multiple page displays be consolidated, window-motion frequency be reduced, and sufficient training time be allotted for codes, mnemonics, and sequences of actions.

转载自:http://www.inpeck.com/blog/2006/08/05/eight-golden-rules-of-interface-design/

Jquery对象与DOM对象转换_Jquery Object And DOM Object Conversion

1、jQuery对象转为DOM对象
jQuery对象转为DOM对象有两种方法:
(1)jQuery对象是一个数组对象,可以通过索引[index]方式得到相应DOM对象,如:

var $cb = $(“#checkboxid”); //获取jQuery对象,这里用$来区分是jQuery变量
var cb = $cb[0]; //获取DOM对象
alert(cb.checked); //弹出DOM对象是否被选中的布尔值

(2)利用jQuery提供的get(index)方法得到相应DOM对象,如:

var $cb = $(“#checkboxid”); //获取jQuery对象,这里用$来区分是jQuery变量
var cb = $cb.get(0); //获取DOM对象
alert(cb.checked); //弹出DOM对象是否被选中的布尔值

2、DOM对象转为jQuery对象

转换的方式很简单,只需用$()将DOM对象包含起来便可以获取相应的jQuery对象,如:

var cb = document.getElementById(“#checkboxid”); //获取jQuery对象,这里用$来区分是jQuery变量
var $cb = $(cb); //获取DOM对象
alert($cb.length); //验证一下jQuery的个数

2009年个人总结

新年将近,个人在这一年有收获也有不足,我将其分成几个章节,作个总结,并作出2010个人学习和工作计划。

2009年个人技术上的收获
2009年个人没有继续新的技术上的学习,只是在已有技术上进行加深,并且个人现在已经将ps设计部分的技能保留,不作深入。具体:
1.在6月份开始学习js框架Jquery和flex技术,打了一个基础
2.在7月到11月,个人开发一个java网页游戏,深入学习java web游戏应用的技术
3.使用jquery框架和java进行整合
4.前端页面完全符合W3C标准,个人在这一方面很受启发
5.前端使用css框架进行开发,学习并使用blueprint 框架

2010个人学习计划
1.继续学习《java与模式》
2.学习《java版数据结构》
3.深入学习flex
4.开始学习 struts2

个人在项目中的体会

2009年个人经历的4个项目,每一个都是反复无比,个人感觉非常的累,并且在思考一个问题,既然用户需求的变更不可避免,但怎样进行控制,或者说,怎样对用户的需求进行管理,怎样对用户进行引导,以求得项目的良性发展。
个人认为以下方法可以改变需求的混乱状态
1. 需求定时进行提交
2. 需求进行确认(特别是低端客户)
3. 需求删选

2009个人需要改进的地方
1.主动沟通
2.谦虚
3.注意锻炼

2009特殊的收获
1.蓝色理想十年聚会,对前端有了更深入的认识
2.在英语书写和口语方面的提高

使用jsp生成xml格式文件然后用flashvars向swf里面传参

关键字 :flashvars swf 参数传递

特别关键的点:
链接中的&符号不能用,要用%26代替,否则flash会将其分开来解析

数据是var1=’company&id=1‘
但是flash认成了var1=’company‘&id=‘1’

示意代码:

<%
String userid = request.getParameter(“user”);
String fid = request.getParameter(“fid”);
String userbasicUrl =null ;
if(UtilTool.isNotBlank(userid)){
String shopUrl = “genXML/shop_xml.jsp?car_type=206 %26 fid=”+fid;
%>

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width=”808” height=”544” id=”play” align=”middle” VIEWASTEXT>

<param name=”allowScriptAccess” value=”sameDomain” />

<param name=”allowFullScreen” value=”false”/>

<param name=”flashvars” value=”shopxml=<%=shopUrl%>”/>

<param name=”movie” value=”play.swf” /><param name=”quality” value=”high” /><param name=”bgcolor” value=”#000000” />

<embed src=”play.swf” quality=”high” flashvars=”friendxml=<%=friendsUrl%>&shopxml=<%=shopUrl%>” bgcolor=”#000000” width=”808” height=”566” name=”play” align=”middle” allowScriptAccess=”sameDomain” allowFullScreen=”false” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer" />
</object>