首页 > 经验 > 关键词  > web最新资讯  > 正文

设计理论入门:Web交互易用性指导原则

2007-07-12 10:49 · 稿源:CSDN

1. 输入控件的自动聚焦和可用键盘切换输入焦点

使用JavaScript实现页面加载完成后立即自动聚焦(focus)到第一个输入控件。可用TAB键(IE缺省实现)或方向键切换聚焦到下一个输入控件。

2. 可用Enter(或Ctrl+Enter)键提交,确保和点击提交按钮的效果是相同的

不要在提交按钮上加入onClick=”…”这样的JavaScript代码。

3.鼠标动作提示和回应

对用户的鼠标定位操作,当移动到可响应的位置上时,应给予视觉或听觉的提示。

4.尽可能早的在客户端完成输入数据合法性验证

输入数据的合法性检验应该在客户端使用JavaScript进行验证。除非验证只能在服务器端完成,否则验证工作应在最早能完成的情况下进行。

5.根据应用场景决定在表单页面和提交后返回页面间是否使用中间过渡页面

根据应用场景,决定是否显示接收表单页面(表单页面和提交后返回页面间的中间过渡页面),以及使用何种方式显示接收表单页面。

6.防止表单重复提交处理

对提交按钮点击后做变灰处理避免在网络响应较慢情况下用户重复提交同一个表单。使用页面过期失效避免用户后退浏览重复提交表单。

7.页面链接是打开新窗口、使用原窗口还是弹出窗口的原则

一般而言,首页上链接可以使用target=”_blank”属性打开新窗口,而其他页面上的链接都应使用原窗口或弹出窗口。如果链接页面内容相对原页面来说不重要,是附属性质的,可以使用弹出窗口方式。

8.尽可能少的排列可选项,尽可能少的安排操作步骤

根据用户操作习惯安排尽可能少的操作菜单选项,同时要保证尽可能少的操作步骤。

9.操作逻辑无漏洞,保证数据是操作安全的

多个页面间的操作和同个页面上的多个操作间的逻辑关系在设计上是安全和严谨的。保证不会出现不被允许的用户操作组合,至少不会因为用户的不适当的操作导致出错。

举报

  • 相关推荐
  • Soul App全双工语音大模型升级,让AI在交互中拥有“主动性”

    社交平台Soul App近日升级端到端全双工语音通话大模型,重新定义"全双工"交互模式。新模型突破传统语音交互依赖VAD机制与延迟控制逻辑的局限,赋予AI自主决策对话节奏的能力,实现主动打破沉默、适时打断用户、边听边说、时间语义感知等类人交互体验。同时具备多维度感知、口语化表达、音色复刻等功能,让AI更具"真人感"。该技术将应用于虚拟人实时通话、AI匹配1V1互动等场景,并探索多人互动场景应用。Soul CTO陶明表示,社交是情绪价值和信息价值的双向关系,平台将持续通过技术创新为用户提供更智能、沉浸的社交体验。数据显示,71.1%年轻人愿意和AI做朋友建立情感连接,AI社交正成为重要趋势。

  • 苹果明年新品规划曝光!入门级iPhone有望每年一更

    据Mark Gurman透露,苹果计划在2026年上半年推出一系列新品,包括一款新的平价iPhone、多款iPad以及升级版的Mac。 Gurman指出,苹果正努力改善过去两年需求不振的情况,加上iPad系列的产品更新步伐放缓,导致业绩表现疲软,因此2026年初的新品计划被视为延续今年秋季升级潮的重要举措。 具体到2026年的新品,新的入门款iPad及iPad Air系列预计将逐步推出,新一代产品最快将于2026�

  • 小米回应AI眼镜没有屏显功能:专注拍摄、AI语音交互

    在当前产品开发阶段,小米将重心放在打磨最核心的语音交互与AI能力上,力求让用户能够以最自然、高效的方式获取信息、完成指令。小米强调,这种设计选择有助于提升产品的核心性能,确保用户在拍摄和语音交互过程中获得流畅、便捷的体验。 针对用户关心的视频防抖效果问题,小米透露,新一代增强防抖算法已在紧锣密鼓的开发和测试中。该算法将显著优化视频在后�

  • LiblibAI 重磅发布「星流 Agent」:中文语义 + 图片视频3D全能生成,中国最强设计 Agent

    LiblibAI推出Lovart中文版"星流Agent",这是一款专为中国市场深度优化的AI设计工具。该产品在保留Lovart全球版"生成-编辑-排版-交付"全链路能力基础上,针对中文语义、国风审美和本土使用场景进行了全面重构。星流Agent支持从创意构思到设计交付的全流程自动化,可处理平面设计、视频生成和3D建模等跨模态创作,内置符合中国文化的视觉风格库。该产品的推出标�

  • 精准捕捉脑波信号 喜临门 AI 睡眠科技“诊断”主观性失眠

    文章探讨了"主观性失眠"现象,即患者自觉睡眠不足但实际睡眠质量正常的情况。通过一个男子自称五年每晚仅睡2-3小时,但监测显示其平均睡眠达6.5小时且睡眠阶段完整的案例,揭示了睡眠感知异常这一困扰现代都市人群的新问题。喜临门与强脑科技合作研发的脑电监测技术取得突破,推出全球首款脑机接口AI床垫"宝褓·BrainCo",能精准监测睡眠数据并提供定制化解决方案。该产品融合107项专利技术,通过解析脑波中的"放松指数"动态评估用户身心状态,实现从智能到智慧的跨越。未来还将拓展助眠音乐枕、智能香薰系统等技术,构建覆盖检测-干预-管理的全链条睡眠健康体系。

  • 80后领军设计师黄全的家:让艺术与烟火气自然融合

    斐雪派克与Green+BAZAAR合作,邀请设计师黄全以上海新居为样本,展现生活与艺术在家庭空间的完美融合。通过打通厨房与客厅、餐厅的隔墙,打造出开放流动的大空间,自然光透过挑空区域洒落在大理石岛台上。嵌入式冰箱、酒柜等电器与空间设计融为一体,既满足实用需求又与艺术品和谐搭配。开放式厨房增强了家人互动,烹饪时能照看孩子或与客人交谈,让厨房成为家庭情感联结的中心。这种"社交厨房"理念超越了单纯的烹饪功能,成为家人最常聚集的场所,无论是早晨咖啡时光还是周末聚餐,都让家庭交流充满轻松氛围。

  • 电路板过孔、槽设计注意事项之线路板板打样

    本文总结了PCB设计中过孔设计的关键要点:1)过孔处理方式包括开窗工艺(易测试但影响防护)、盖油工艺(常规选择)和塞油工艺(高防护但成本高);2)过孔直径建议0.3-0.5mm,过小增加加工难度,过大易产生孔凹陷;3)非金属化槽孔宽度应≥1.0mm;4)插件孔公差控制在±0.13/-0.08mm;5)大面积铜皮需设置透气孔;6)半孔应采用专用工艺,槽孔长宽比≥2。合理设计过孔对PCB电气性能和加工质量至关重要。

  • AI风暴下,看第七代三星Galaxy Z系列如何定义折叠屏交互标准

    三星7月9日正式发布第七代折叠屏旗舰Galaxy Z Fold7和Z Flip7。新机搭载One UI8系统,深度融合AI技术:Fold7主打高效多任务处理,配备8.9mm纤薄机身和8英寸动态AMOLED屏;Flip7配备4.1英寸超大外屏,支持语音交互。影像方面通过AI算法实现专业级拍摄效果,包括智能修图、降噪等功能。两款机型均强化了"AI+折叠形态"的差异化体验,Fold7侧重生产力提升,Flip7优化日常交互。三星通过硬件创新与AI技术结合,重新定义了折叠屏手机的使用场景。

  • BYDFi 亮相首尔Meta Week 2025,聚焦Web3愿景与全球合规战略

    韩国首尔,2025年6月26日 —— 全球领先的加密货币交易平台 BYDFi 将参与2025年首尔 Meta Week:METACON(SMW2025),活动于6月26–27日在首尔 COEX 会展中心三楼礼堂举行。BYDFi 是 SMW2025官方合作伙伴之一,同列的还有三星、谷歌、英特尔、Spotify、Kakao、NAVER Cloud 和 GitHub 等知名科技公司。BYDFi 在 SMW2025 的参展亮点作为 SMW2025官方合作伙伴之一,BYDFi 的参与体现了其在不断发展的 Web3和数字�

  • 芯朋苏州办公室设计|Chipown20周年之礼|时象设计

    芯朋微电子(Chipown)在苏州设立新办公区,将古典园林美学与现代科技完美融合。这家专注功率半导体研发的高科技企业创立于2005年,总部位于无锡。新办公空间以"传统赋能创新"为理念,通过开放式设计、绿色生态与现代工艺的共生,打造出兼具人文性与自然性的工作环境。电梯间采用材质碰撞设计,会议室以苏州园林元素点缀,培训室配备灵活隔断,处处体现江南风�