页面的范例性
平常网站打算都按Windows界面的范例来打算,
营销型网站定制,即包孕“菜单条、器材栏、器材厢、状况栏、转动条、右键疾速菜单”的规范格局,可以说:界面遵守范例化的水平越高,则易用性呼应的就越好。小型软件一样平常不供应器材厢。
范例恳求:
- 常常使用菜单要有饬令疾速行动。
- 完成相同或邻近功效的菜单用横线离隔放在统一地位。
- 菜单前的图标能直观的代表要完成的操纵。
- 菜单深度一样平常恳求最多掌握在三层之内。
- 器材栏恳求可以根据用户的恳求本人遴选定制。
- 相同或邻近功效的器材栏放在一起。
- 器材栏中的每个按钮要有实时提醒信息。
- 一条器材栏的长度最长不克不及超越屏幕宽度。
- 器材栏的图标能直观的代表要完成的操纵。
- 体系常常使用的器材栏设置默许安排地位。
- 器材栏太多时可以斟酌利用器材厢。
- 器材厢要具有可增减性,由用户本人根据需求定制。
- 器材厢的默许总宽度不要跨越屏幕宽度的1/5。
- 状况条要能显现用户切实需要的信息,常常使用的有:
- 今朝的操纵、体系状况、用户地位、用户信息、提醒信息、毛病信息等,假如某一操纵需要的工夫较长,还应当显现进度条和历程提醒。
- 转动条的长度要根据显现信息的长度或宽度能实时变换,以利于用户熟习显现信息的地位和百分比。
- 状况条的高度以安排五好字为好,转动条的宽度比状况条的略窄。
- 菜单和器材条要有清晰的边界;菜单恳求凸出显现,如许在移走器材条时仍有立体感。
- 菜单和状况条中平常利用5号字体。器材条一样平常比菜单要宽,但不要宽的太多,不然看起来很不调和。
- 右键疾速菜单采纳与菜单相同的准绳。
体系易用性
易用性是指页面上的功效顺从常规,比方:按钮称号易懂,用词正确,并与统一界面上的其他按钮易于分辨,能望文知意。如许,使得用户不消查阅帮忙就能晓得该页面上的功效并举行相干的准确操纵。
恳求:
- 翻开一个新界面,光标默许停留在第一个待输入的文本框中;
- 完成相同或邻近功效的按钮安排在一起,增加鼠标挪动的间隔,常常使用按钮要支持疾速行动;
- 按功效将界面分别局域块,用Frame框括起来,并要有功效说明或问题;
- 界面要支持键盘自动浏览按钮功效,即按Tab键的自动切换功效;
- 界面上起首应输入的和主要信息的控件在Tab次序中应当靠前,地位也应放在窗口上较能干的地位;
- 统一界面上的控件数最好不要跨越10个,多于10个时可以斟酌利用分页界面显现;
- 分页界面要支持在页面间的疾速切换,常常使用组合疾速键Ctrl+Tab;
- 默许按钮要支持Enter操纵,即按Enter后自动实行默许按钮对应操纵;
- 可写控件检测到非法输入后应给出说明并能自动获得核心;
- 按钮键的次序与控件摆列次序要不断,今朝风行整体从上到下,同时行间从左到右的行动;
- 复选框和选项框按遴选概率的高底而前后摆列;
- 复选框和选项框要有默许选项,并支持Tab遴选;
- 选项数相同时多用选项框而不消下拉列表框;
- 界面空间较小时利用下拉框而不消选项框;
- 选项数较少时利用选项框,相反利用下拉列表框;
- 专业性强的软件要利用相干的专业术语,通用性界面则发起利用通用性词眼;
输入平安性恳求
在界面上需要建立一些法则来掌握输入的犯错概率,会大大增加体系因用户工钱的毛病激发的粉碎,开辟者应当尽可能全面地斟酌到各种大概发作的问题,使犯错的大概降至最小,比方:当步伐涌现庇护性毛病而加入体系,会利用户对软件落空信念,因为这意味着用户要中断思绪,并费时辛苦地从新登录,并且已举行的操纵也会因没有存盘而所有损失。因此需要在页面打算时应对输入遵照法则举行校验。
恳求:
- 清扫大概会使步伐非一般中断的毛病;
- 应当查抄用户录入有效的数据;
- 采纳相干控件限定用户输入值的品种;
- 当用户面对的遴选是两个或多个选一时,请采纳单选框,而当遴选的大概再多一些时,可以采纳复选框;
- 当选项希奇多时,可以采纳列表框,下拉式列表框;
- 确保未经受权或没有意义的操纵不克不及举行;
- 对大概激发致命毛病或体系犯错的输入字符或行动要加限定或屏蔽;
- 对大概发作严峻效果的操纵要有解救办法。经由历程解救办法用户可以回到本来的准确状况;
- 对一些非凡标识表记标帜的输入,与体系利用的标识表记标帜相抵触的字符等举行推断并禁止用户输入该字符,并提早给出输入提醒;
- 对毛病操纵最好支持可逆性处置惩处,如打消系列操纵;
- 在输入有用性字符之前应当禁止用户举行只需输入往后才可举行的操纵;
- 对大概构成等候工夫较长的操纵应当供应打消功效;
- 非凡字符常有;;'"><,`':"["{、|}]+=)-(_*&&^%$#@!~,.。?/另有空格;
- 在读入用户所输入的信息时,应根据需要遴选能否去掉前后空格,比方:有些读入数据库的字段不支持中央有空格,但用户切实需要输入中央空格,这时候要在步伐中加以处置惩处;
怪异性恳求
假如一味的遵守业界的界面规范,则会损失本人的个性.在框架相符以上范例的情形下,打算具有本人怪异气势派头的界面尤其主要。希奇在贸易软件流通中有着很好的迁徙默化的告白效用
恳求:
- 装置界面上应有单元先容或产品先容,并有本人的图标;
- 主界面,最好是大多半界面上要有公司图标;
- 登录界面上要有本产品的标识表记标帜,同时包孕公司图标;
- 帮忙菜单的"关于"中应有版权和产品信息;
- 公司的系列产品要连结分歧的界面气势派头,如背风光、字体、菜单摆列行动、图标、装置历程、按钮用语等应当大体分歧;
多窗口的应用与体系资本
打算优异的软件不只要有完整的功效,并且要尽大概的占用最低限制的资本,因此在涌现多窗口的情形下需要防止下述一些情形。
恳求:
- 在多窗口体系中,有些界面恳求必须连结在最顶层,防止用户在翻开多个窗口时,不绝的切换乃至最小化其他窗口来显现该窗口;
- 在主界面载入终了后自动卸出内存,让出所占用的WINDOWS体系资本;
- 封闭所有窗体,体系加入后要开释所占的所有体系资本 ,除非是需要背景运转的体系;
- 尽可能防止对体系的独有利用;
页面元素定名
在利用javaScript来举行页面静态掌握编程时,需要对步伐中的页面元素和功效操纵的称号援用举行约定:
页 头: header
外 套: wrap
页 脚: foot
内 容: content
页面主体: main
容 器: container
标 题: title
往后的: current
主导航: mainnav
顶导航: topnav
子导航: subnav
边导航: sidebar
左导航: leftsidebar
右导航: rightsidebar
栏目: column
面包屑: breadcrumb (即页面所处地位导航提醒)
菜 单: menu
子菜单: submenu
菜单内容: menucontent
菜单容量: menucontainer
按 钮: button
表 单: form
页 签: tab
文章列表: list
滚 动: scroll
提醒信息: msg
摘 要: summary
标 签: tag
标签笔墨: tagTitle
标签内容: tagContent
往后标签: tagCurrent/currentTag
搜刮范围: range
图 标: icon
往后地位: currentPath
列 定 义: column1of3 (三列中的第一列)
column2of3 (三列中的第二列)
column3of3 (三列中的第三列)
商 标: label
旗 志: logo
标 语: banner
注 释: note
搜 索: search
搜刮要害字:keyword
登 陆: Login
注 册: regsiter
热 点: hot
新 闻: news
下 载: download
打 印: print
版 权: copyright
服 务: service
友情链接: friendlink
版 权: copyright
小技能: tips
栏目问题: title
加 入: joinus
指 南: guild
服 务: service
状 态: status
投 票: vote
互助同伴: partner
别的相干留意事项
1.一概小写;
2.尽可能用英文;
3.不加中杠和下划线;
4.尽可能不缩写,除非一看就明了的单词
DHTMLx控件
控件的定名
控件的表面属性
控件利用法则
Flex控件
控件的定名
控件的表面属性
控件利用法则

免责声明:本文内容由互联网用户自发贡献自行上传,本网站也不承担相关的法律责任。如果您发现本文章中有涉嫌抄袭的内容,请发送邮件至:sales@sznetsoft.com或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。