在我们开始深入讨论手机网站开发前,我们需要铭记一件事情——访问你的网站的是移动用户。这看起来是一件丝毫不废脑筋的事情,但是令人惊讶的是绝大部分人都忘记了这个最简单的真理。当一个“移动”用户访问你的网站的时候,他所希望得到的是完全不同于标准网站的一种访问体验。记住了这点,我们就来谈谈手机网站开发设计技巧,帮助你在手机网站开发方面迈出漂亮的第一步。
一、简单,简单,再简单。
手机网站开发的第一步就是确定网站所包含的内容。如果内容受到移动设备屏幕大小的限制,那么你就要筛选出用户最希望看到的关键内容。
二、设计网站布局
手机网站开发的页面加载速度要比普通的网页加载速度慢,所以减少页面数量是很重要的一点。此外,用户是不会有耐心不断打开网页完全泡在你的网站上的,鉴于此,尽可能简化网站的布局也是很重要的。
三、手机网站开发与传统网站的关键元素匹配
尽管你的手机网站开发要比传统网站简单多,但是你仍然要对两个网站进行相同元素的匹配。60秒原则在其手机网站开发和传统网站都选用了同样亮眼的色系和图标。使得熟悉60秒原则传统网站的用户对它的手机网站开发也十分熟悉。
四、利用空白处
设计任何一个网站,尽可能塞满每一个空白处是一个自然的趋势。但事实却与之相悖,空白处不仅仅可以给用户一个更干净,更精练的外观,还可以确保用户可以更容易地找到他们目标按钮。
五、避免使用Flash 或者 Java
避免避免使用Flash 或者 Java最显著的原因就是苹果产品并不支持Flash,而且也声明了他们将来也没有任何打算这么做。因为iPhone用户已经占据了智能手机30%的市场份额,如果你使用Flash的话,你的访客中就有相当大的一部分将不能看到相关内容。同样的,很多手机都不支持Java,就算他们支持,使用Java会延长加载时间。
六、减少文本的输入
你是否遇见或者感同身受一个手指肥胖的人使用智能手机的键盘是多么困难的一件事情,我们大部分人使用这么小巧的键盘都会或多或少地遇到些问题。如果可能,使用下来式菜单,清单或者提前输入有答案的表格来作为一种数据入口。这就减少了用户使用智能手机输入文本的窘境。
七、不要使用弹出窗口
在多标签和多浏览器窗口间操作对于手机用户来说非常困难,而且还加剧了加载的速度。如果你需要设计弹出一个新的窗口,务必确保你的用户能意识到这一特点,以便知道如何进行返回操作回到原始页面。
八、使用移动重新导向
一旦你的网站已经设计完成正准备运营,请确保使用适当的重新导向,以便嗅探出用户在使用移动设备时及时引导他或她到已经经过优化的手机网站开发。下面给一些关于如何去实施的一些更详细的描述。一旦你的重新导向合适,任何一个移动访客通过输入网站地址或者在搜索引擎中点击到链接都会地指向你经过了优化的网站。
九、允许用户访问网站的完整版本
你已经很努力地设计你的网站了。你要大家都看到它而且都爱上它。但事实的真相是,即使你已经精简你的内容了,仍然会有一些网友要的信息你是无法呈现的。
这样的话,就一定要确保你要在多个页面中包含相关链接,使得这部分用户可以返回到网站的完整版本。