`
handonghandong
  • 浏览: 89711 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

移动Web最佳实践的60大建议(上)

阅读更多

一、[主题一致性]确保内容在被不同设备访问时,能有连贯的用户体验。点评:例如Web应用中的内容可以保证在Iphone、Android以及WP等中保证内容的完整、流畅。
二、[ 功能 ]利用设备能力,以提供增强的用户体验。点评:设备的功能上应尽量减少用户繁琐的操作,对功能点可以清晰明了、迅速上手。
三、[ 缺陷 ]采取合理的步骤来解决不足的实现。点评:对于功能点的不足之处,应该考虑在用户接受的合理步骤范围之内进行改缺。
四、[ 测试 ]在实际设备以及模拟器上完成测试。点评:开发测试在模拟器中完成之后,还需在真机中完成测试。
五、[ 统一资源定位符(URIs) ]保证站点入口URI的简短。点评:终端中输入的大小有限制,尽量减少长度,方便操作
六、[导航栏 ]在页面顶部提供且仅提供最小的导航。点评:例如可以添加回退、前进操作,对用户历史操作记录的回访
七、[ 平衡 ]'重视在链接数量'和'希望用户能链接中找到他们想要的'之间的平衡。点评:为用户提供想要的连接才是王道
八、[ 导航 ]提供一致的导航机制。点评:不同的终端尽量保证统一、用户可接受的导航。
九、[快捷键]为导航菜单和频繁访问的功能分配快捷键。点评:对于用户常用的操作可提供快捷操作,例如Ctrl+C/Ctrl+V
十、[链接目标ID(LINK_TARGET_ID)]明确确定每个链接的目标。点评:用户点进连接的内容的的确确是用户真正需要的
十一、[链接目标格式]注意目标文档的格式,除非您知道该设备支持它。点评:例如下载文件,目标格式XXX.bingdu,但设备不允许下载这种格式
十二、[图片映射(IMAGE_MAPS)]不要使用影像映射,除非您知道设备能对其提供有效的支持。点评:对于海量的占大内存,需结合设备进行考虑
十三、[弹出窗口]不要产生弹出式窗口或其他窗口出现,不更改当前窗体,除非事先提醒用户。点评:有时候弹出式的方式会影响用户体验
十四、[自动刷新]不要建立定期自动刷新页面,除非您已通知用户,并提供了停止的方法。点评:用户也不想自己的终端被你程序任意摆布...
十五、[ 重定向 ]不要使用标记来自动重定向页面。相反,通过配置服务器执行重定向,使用3xx系列的HTTP代码。点评:有时候对用户终端的操作,隐蔽点效果可能会更好

 

0
3
分享到:
评论

相关推荐

    移动web最佳实践--移动开发必看

    移动Web最佳实践旨在为移动设备上的Web内容传输定义一系列指导原则。其核心目标是优化移动设备用户的网络访问体验。本指南着重于传输的内容本身,而非内容创建过程或接收内容的具体设备及用户代理。 #### 二、目标...

    移动web最佳实践

    ### 移动Web最佳实践详解 #### 一、概述 随着移动互联网的普及和发展,越来越多的用户通过手机和平板电脑等移动设备访问Web内容。为了改善用户体验,提升移动Web的质量,《移动Web最佳实践》(以下简称《实践》)...

    HTML5移动Web开发

    “HTML5移动Web开发.pdf”这份资源很可能是详尽的教程或参考手册,涵盖了以上及更多HTML5在移动场景下的应用技巧和最佳实践。通过学习,你可以掌握创建高性能、跨平台的移动Web应用所需的知识,为你的职业发展打下...

    移动web手册

    在移动Web手册中,肯定会有大量关于响应式设计的最佳实践和技术细节,帮助开发者为用户提供更好的移动浏览体验。 【知识点三】:移动优先和桌面优先策略 移动优先(Mobile First)和桌面优先(Desktop First)是...

    AWS web 架构最佳实践

    综上所述,AWS的web架构最佳实践包括构建高可用性和可扩展性架构、实现高可用性和故障转移、保障安全性、优化性能以及进行成本管理。通过这些实践,可以在AWS公有云服务中快速便捷地建立高效、可靠且经济的web站点。

    jQuery移动Web开发(第二版).zip

    jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理和动画制作,而在移动Web开发领域,jQuery Mobile则进一步优化了对触摸设备的支持,使得开发者可以轻松创建响应式、跨平台的网页应用。...

    移动WEB开发本书源代码.zip

    通过阅读和运行这些代码,学习者不仅可以理解概念,还能掌握实际开发中的技巧和最佳实践。 在移动Web开发中,除了HTML5,CSS3也是不可或缺的一部分。CSS3提供了更多的选择器、动画、过渡效果,以及媒体查询等功能,...

    从0到1 实战朋友圈移动Web App开发.rar

    10. **安全性**:移动Web App同样需要处理安全问题,如XSS、CSRF攻击等,因此应遵循最佳安全实践,如使用HTTPS、验证输入、避免存储敏感信息等。 通过以上知识点的学习和实践,开发者能够构建出一个功能完备、用户...

    移动web开发资料.rar

    本压缩包“移动web开发资料.rar”提供了关于移动端适配、CSS3新特性和移动端实战案例的宝贵资源,旨在帮助开发者更好地理解和实践移动Web开发。 首先,让我们深入探讨移动端适配。移动端适配主要包括响应式设计...

    HTML5移动Web开发指南

    唐俊开的这本HTML5移动Web开发指南将通过实例和实践指导,帮助读者掌握HTML5的相关技术和最佳实践,无论你是初学者还是有经验的开发者,都能从中受益。阅读这本书,你将学会如何充分利用HTML5的潜力,开发出高性能、...

    高清H5移动web开发书籍

    在现代互联网技术中,H5(HTML5)已经成为构建高质量移动Web应用的关键技术。...通过阅读和实践,读者将能熟练掌握H5在移动环境下的各种开发技术和最佳实践,从而打造出高性能、用户体验优良的移动Web应用。

    WEB移动开发项目

    在“WEB移动开发项目”中,我们关注的核心技术主要围绕HTML5、JQuery以及Java Web。这些技术在构建现代移动...通过实践这些技术,不仅可以提升个人技能,也能更好地理解和掌握现代移动互联网应用的开发流程和最佳实践。

    HTML5移动Web开发实战教程

    本教程聚焦于HTML5在移动Web开发中的实际应用,旨在帮助初学者和有一定经验的开发者提升技能,掌握HTML5在移动环境下的最佳实践。 1. **HTML5基础知识**:HTML5的基础包括语义化标签如、、、、和,它们帮助提高页面...

    众妙之门:移动Web设计精髓

    同时,考虑到移动设备上的键盘输入限制,书中还提到了表单设计的最佳实践。 针对iPhone和iPad的特定特性,书中提供了针对性的建议,例如,如何利用iOS的Safari特性,如Web App模式和Smart App Banners,来提升用户...

    庄富任:亚马逊AWS云平台上之案例分析与最佳实践

    ### 庄富任:亚马逊AWS云平台上之案例分析与最佳实践 #### 一、引言 随着互联网技术的快速发展,企业对于云计算的需求日益增长。亚马逊AWS作为全球领先的云服务提供商之一,为企业提供了丰富的云解决方案和服务。...

    移动WEB开发流程

    移动WEB开发流程是一个涵盖了多个阶段的综合过程,旨在确保Web应用在各种移动设备和浏览器上能够稳定、高效地运行。在移动互联网领域,开发者需要面对比传统WEB开发更为复杂的环境,包括多样化的操作系统、内置及第...

    移动web京东项目.zip

    总的来说,这个移动Web京东项目为开发者提供了一个全面的实战平台,涵盖了移动Web开发的核心技术和最佳实践。无论是初学者还是经验丰富的开发者,都可以从中学习到关于HTML5、CSS3和JavaScript在移动端应用的宝贵...

    JSCodeFromChris(移动Web网页开发)

    这份资料包含了丰富的教程和实践案例,旨在让你全面了解和掌握移动Web开发的关键技术和最佳实践。 首先,我们来看看JavaScript在移动Web开发中的核心地位。JavaScript是一种动态、弱类型的脚本语言,它在网页交互、...

    「网络安全」阿里巴巴移动安全技术实践 - web安全.zip

    压缩包中的"阿里巴巴移动安全技术实践.pdf"很可能详细阐述了上述各个方面的具体实践和解决方案,包括案例分析、最佳实践和可能遇到的问题及对策。对于从事网络安全或移动应用开发的人来说,这份文档无疑是宝贵的参考...

    PWA在项目中的最佳实践

    2020年全球技术大会上分享了一系列关于PWA的最佳实践方法,本文将围绕这些实践进行详细介绍。 #### PWA的核心概念与特性 1. **渐进增强**:PWA可以在所有现代浏览器上运行,并且能够逐步提供更高级的功能给支持...

Global site tag (gtag.js) - Google Analytics