Mobile Web下的编码设计(2)
来源:smbey0nd 发布时间:2010-01-28 10:42:00
移动浏览器的其它限制还有那些?
当然,在移动设备上开发网站时,除了浏览器对标准的支持外,还会遇到其它更多的限制因素。设备自身的限制因素,你也不得不考虑。例如:
有限的控制 – 不要只假设你的用户会使用鼠标来控制页面中的一切,你也要提供键盘的选择。一些手机用户可能没有类似鼠标这样的东东,所以类似这样的结构 :hover 以及 onClick 对他们来说是没有用的(这对可用性方面也是非常重要的 – 一些残障用户可能在用手方面会有些缺陷)。为用户提供的表单设计也同样重要 – 你可能已经感受到,用手机来填写那些又臭又长的必填表单有多么不爽。为了解决这个问题,试着去把那一坨内容用下拉菜单的方式展现出来,这比等着用户一个字一个字手动输入来的更靠谱(译者注:目前国内有某些山寨机浏览器对下拉菜单的支持可能有不同程度的问题。例如基于MTK系统的联想i61,默认情况下会显示所有选项,而在某些情况下会产生变形和“漂移”,使用时需要谨慎些)。另外,给表单设置一个最有可能的初始值,也是一个好主意。
有限的屏幕尺寸 – 想象一下你那美妙的1024×768的设计在240×320屏幕下,或者更小的屏幕下,它的可用性会是什么样子……有一些方法可以应对这个情况 – 你可以故意把页面设计的很简洁流畅,或者你可以通过采取功能检测或媒体类型检测(诸如此类)的手段,为移动设备提供不同的页面。另外对于屏幕尺寸,有些手机可能不需要这么麻烦,它们可能会提供“缩放模式”这样的机制,但是你却不能保证这一点。
有限的内存和带宽 – 移动设备所提供的可用内存明显比台式机少得多。因此,在你设计站点时,需要特别小心的考虑那些超大容量的相册图片,以及交互式流媒体视频的应用程序。此外,一些移动浏览器提供了关闭图像显示的选项,但是你也同样不能确定这一点。
有限的排版 – 我靠,你对台式机上那些排版非常痴情?你没有看到移动设备上的表现!虽然这条规则有很多例外情况,但大多数移动设备对字体的选择非常有限,只有一两种(like 1 or 2)。这个限制是由系统或浏览器决定的。
有限的颜色 – 一些移动设备在颜色方面的支持也非常有限。考虑你有多少页面的体验需要依赖于颜色,并确认那些对比色在移动设备上仍然支持。
这些限制因素,就是导致Mobile Web的体验与PC Web的体验不同之处的真正原因。千万别欺骗自己,觉得自己的网站在移动设备上的用户体验与台式机上会保持一致 – 这纯属YY。当然,你抛开浏览器,千方百计去确认用户体验这一点仍然值得肯定。
真正的办法,去确保你的网站为移动用户提供一个良好的体验,是测试,测试,再测试!一些Web设计师们已经认识到,除了他们自己的手机、台式机以及游戏机浏览器外,还需要有一大堆移动设备需要准备在手头。
解决问题的不同方法
人们普遍意识到,有三种办法可以解决移动开发的问题(已经被Cameron Moll证实了 – 找他的书看看)。可能的话,我建议你试试这三种方式 – 如前所述,在Opera,我们坚持相信One Web的理念 – 但是刚才我也说过,有些情况下这是很难实现的,或者也是没有必要的。下面是这三种方法:
务必坚持遵循Web标准
创建一个完全独立的移动网站
只创建一个站点(One Web),但是根据浏览它的设备和浏览器情况,添加优化代码。
现在,让我们开始对这些点逐个讲解。
猜你喜欢
- 下表列出了 Microsoft ACCESS 的命令行选项:选项 效果database 打开指定的 Microsoft Access 数据库
- 作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不过
- Opera所属:挪威Opera Software ASA公司渲染引擎:自家的PrestoOpera起初是一款挪威Oper
- 首先打击我的就是rpm安装,它告诉我发现了Mysql版本冲突,安装无法继续。我用rpm -q 查询后,想通过rpm -e 来删除系统自带的版
- 此文章主要介绍的是MySQL数据库的字符(串)的实际操作步骤,我们大家都知道MySQL数据库的字符(串)在实际操作是经常被用到了,所以你对其
- 作为前端开发工程师,平时对于Dom的查找遍历和操作是家常便饭。对于优秀的前端来说,也肯定早已有了自己的一套方法来封装这些重复的操作。但是,现
- 下面代码写的是js验证检查输入的字符是否是全角的函数:效果演示:<script> function i
- 1. 首先,你需要安装最新的服务包为了提高服务器安全性,最有效的一个方法就是升级到SQL Server 2000 Service Pack
- 注意:如果您尚未阅读过原来那篇老文章《悟透JavaScript》,请先行阅读该文,以了解上下文关系。在上面的示例中,我们定义了两个语法甘露,
- 1 丰富的二维动画/图形和视音频表现 Rich 2D animation/graphics with audio and video这点毋庸
- 有的时候取出全部数据库记录也许正好满足你的要求,不过,在大多数情况下我们通常只需得到部分记录。这样一来该如何设计查询呢?当然会更费点脑筋了,
- 什么是SQL 指令植入式攻击?在设计或者维护Web网站时,你也许担心它们会受到某些卑鄙用户的恶意攻击。的确,如今的Web网站开发者们针对其站
- asp获取application对象代码如下: <%application("new&qu
- staytime.asp<% If Request.QueryString("time")&n
- 读取binlog,方法有二:1.使用mysqlbinlog,详细用法,请参考MySQL手册2.使用MySQL的自带工具,SHOW BINLO
- 最近项目很忙没机会更新博客。有朋友在和我谈学艺术的就业问题,就随便谈一下自己的想法。每年中国美院报考的人数与日俱增,越来越多的人投入到艺术设
- 比如 <div><img .../></div>想通过对这个div设置透明度来达到调整图片的透明度如果不
- 为了应用方便,您可能需要给数据库的每条记录都添加日期/时间戳,以便确定各个记录添加到数据库的时间。在Access数据库应用中,使用Now()
- 今天在工作中遇到了一个问题,需要按时间查询,可是查询出来的结果显示的不正确。举个例子来说,要查找出2007-10-12至2007-10-31
- 内容摘要:您是否想让您的网站有多种显示风格呢,本文介绍了如何使用CSS结合js实现动态更换页面皮肤风格。看了下面的介绍您就明白了如何实现了这