`
handonghandong
  • 浏览: 89019 次
  • 性别: 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最佳实践》(以下简称《实践》)...

    HTML5移动Web开发

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

    web前端开发最佳实践

    本书贴近Web前端标准来介绍前端开发相关最佳实践,目的在于让前端开发工程师提高编写代码的质量,重视代码的可维护性和执行性能,让初级...第四部分包括第12章和第13章,介绍移动Web前端开发基本概况和相关最佳实践。

    Web前端开发最佳实践

    本书贴近Web前端标准来介绍前端开发相关最佳实践,目的在于让前端开发工程师提高编写代码的质量,重视代码的可维护性和执行性能,让初级...第四部分包括第12章和第13章,介绍移动Web前端开发基本概况和相关最佳实践。

    移动web手册

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

    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开发更为复杂的环境,包括多样化的操作系统、内置及第...

Global site tag (gtag.js) - Google Analytics