移动网站七步完美打造

本文摘自e良师益友网

现在手机上App很火爆,看到最近很流行的游戏很多人
就会去装一个。可是想想我们平常经常使用的应用也就3-5个,微博、微信、浏览器等,一般最多不会超过7个。普通人的大脑无法同时处理七件以上的信息单
位,人们在列出必须记牢的事项上多半只列到第七项:一周有7天,音乐有7个音符,电话号码通常是7位数,世界奇迹是7个、七仙女、白雪公主和7个小矮人
等。

一方面是用户偶发性的需求,一方面却是开发者面对移动互联网海量用户的渴求,如何平衡这两者之前的矛盾呢?专为移动设备优化的移动网站是可行的方案之一。既然移动网站如此重要,那应该如何来优化移动站点,向手机用户提供良好的用户体验呢?这七条策略或许可以给大家一些启发:

一、考虑多元化场景


动用户的访问场景经常是多元化的,公交车上、厕所、排队等人等各种场景都有,而且随时都可能被打断,更多的是利用碎片化的时间,所以网站简便快捷非常重
要。可以利用数据分析移动用户最感兴趣的内容,切记避免大量文字的堆积。如果不能避免大量文字,也要注重排版,分成多个节点来显示。尽可能地压缩图 片,
帮助用户节省流量,加快载入速度。即使你的图片做的再精美但访问需要30秒那极有可能用户在看到网站之前就关掉了。电梯、公交车等场景还要考虑拥挤的 空
间,你的按钮是否足够大,流程是否足够顺畅简单,以至于用户单手也能完成。另外你还需要考虑当用户切换手机屏幕方向时你如何处 理,是否需要对此进行适
配,是否需要展示其他的一些内容。还有就是通过文字、背景配色等方式,让用户在光线不足,甚至是阳光下也能有效捕捉信息。

或许有人觉得这些情况过于极端,但在极端情况下如果仍旧能保证良好的用户体验,这样高标准下正常情况的体验也会相应提高,同时超出了用户的预期,用户对产品的好感度也会增加。

二、简化导航,减少输入


航的目的就是方便用户从大量内容中快速找到自己需要的内容。移动站点受限于屏幕尺寸和用户习惯,导航要尽可能少而精。如果内容过多时还需要在显眼处 添加
搜索框,支持诸如语音等方式搜索。如果你有两个导航方案不知道哪个更好,可以分别在两个时间点分别部署在网站上,看看页面访问量、持续时间等数据的变 化
来辅助你做判断,一切用数据说话。当然这并不是让你频繁改版,频繁的改版会让用户茫然无措。

三、为不同设备优化


虑为不同的设备做优化,比如塞班手机或者低端手机、大屏智能手机、iPhone、iPad平板电脑访问时分别显示什么。利用响应式网页设计 (RWD)等
技术让页面自适应,同时针对不同的设备做不同的优化和响应。虽然前期实现成本相对大一些却一劳永逸,以后改动成本 很小。通过HTML5等强化页面表现层
次、加强多媒体信息的展示,改善人机交互体验等。 移动设备访问时可以通过重定向等方式引导到适合移动设备访问的站点。

同时要提供其他版本的切换方式,如果用户用移动设备时需要切换到电脑版通常是因为他需要用到电脑版中存在但移动版舍弃的部分功能,也有可能是对用户 的设备进行了错误的判断。

四、考虑跨平台问题

对于部分特殊的网站,还需要考虑跨平台同步时的体验。如何让用户在多个设备间可以顺畅的切换。对于移动购物网站,不少用 户因为支付安全顾虑和网银习惯在手机上下单,然后再用PC去付款。这时候如何让用户在跨平台时流程顺畅特别重 要。再以多看阅读为例,当你下班前在等公交车时用手机上看小说看到第X页,晚上躺在床上拿出iPad看时会自动从服务器获取最新的阅读进度。

五、转移复杂性

所谓转移复杂性,就是让每个平台发挥自己最大的优势。比如移动平台(手机、平板电脑)等可以拍照,可以随时随地使用,能够精确识别位置和方向,但不方便输入大量文字,显示信息较少,而且数据传输速度有限。但这些缺陷却是PC的优点。

六、简化业务流程

结合网站业务特性,仔细考虑如何简化流程,让用户在站点上方便地完成操作。比如网站在PC上注册时需要填写大量信息,在移动网站注册时能否填写尽可能少的信息(比如移动设备访问时推荐用手机号码注册),不用填验证码等。

七、培养热心用户,持续改进


联网产品永远都是Beta版,你会发现也许之前设想得很好的方案结果到用户手里完全不是那么一回事。那就去听听用户的声音,根据用户的建议迭代开 发,当
然不是所有的用户都愿意给你提供建议,最好培养部分忠诚用户给他们优先试用权和其他激励。不一定是物质上的,有时候他们的意见得到采纳也是对他们莫 大的
鼓舞。当然,这并不意味你可以随意的添加功能一开发完就可以让他们使用。在开发前和原型阶段就可以邀请部分用户来测试,这样避免后期开发资源的浪费。 开
发完也要进行必要的自测,避免到他们手上的是一个有各种bug完全不可用的产品。

移动网站七步完美打造

时间: 2024-10-03 22:47:45

移动网站七步完美打造的相关文章

GO语言七步打造区块链

GO语言七步打造区块链 1.基础区块链的实现 2.工作量的证明 3.持久化与命令行接口 4.交易类的实现 5.钱包交易 6.交易确认 7.网络同步 原文地址:https://www.cnblogs.com/zhangyafei/p/11888289.html

麥肯錫的七步成詩法

第一步:問題描述 1 明確企業要解決的基本問題 2 具體的.有內容的描述問題 3 清楚列示問題涉及的各方面信息第二步:問題的分解 1 為何要進行分解 a 分解是提出假設的基礎提出假設搜集資料分析論證假設完成諮詢報告 b 理清思路分解區分設置優先順序 2 問題分解的原則 a 內容是不是全面充分? b 分解後的要素是不是相互獨立? 3 問題分解的方法 a 不斷提出假設,不斷進行修正尋寶遊戲 b 探尋產生問題的深層次原因追根溯源多問幾個為什麼 c 使用樹狀圖分解描述問題魚骨圖:原因分析從問題開始逐步分

[从零开始搭网站七]CentOS上安装Mysql

点击下面连接查看从零开始搭网站全系列 从零开始搭网站 通过前面6章,我们买好了服务器,配置了服务器连接,服务器上配置了JDK和Tomcat,准备了域名(这个我没教,自己去阿里/百度/腾讯买,买东西我相信大家都是会的),并为域名配上了免费的SSL证书,那么就差最后一步,就能准备开始写项目了,那就是本章的内容----配置Mysql数据库.(至于RabbitMQ啊,Radis啊等等,一方面不是从零开始搭网站到目前为止必须的,前面这些没有是不行的,另一方面是我现在还不会...先一步一步来,要用到了我学学

七步从Angular.JS菜鸟到专家(3):数据绑定和AJAX

这是"AngularJS - 七步从菜鸟到专家"系列的第三篇. 在第一篇,我们展示了如何开始搭建一个AngularaJS应用.第二篇我们讨论了scope和 $scope 的功能. 通过这整个系列的教程,我们会开发一个NPR(美国全国公共广播电台)广播的音频播放器,它能显示Morning Edition节目里现在播出的最新故事,并在我们的浏览器里播放.完成版的Demo可以看这里. 第三部分 数据绑定 通过把一个文本输入框绑定到person.name属性上,就能把我们的应用变得更有趣一点.这一步建立

[学习笔记] 七步从Angular.JS菜鸟到专家(3):数据绑定和AJAX [转]

这是"AngularJS - 七步从菜鸟到专家"系列的第三篇. 在第一篇,我们展示了如何开始搭建一个AngularaJS应用.第二篇我们讨论了scope和 $scope 的功能. 通过这整个系列的教程,我们会开发一个NPR(美国全国公共广播电台)广播的音频播放器,它能显示Morning Edition节目里现在播出的最新故事,并在我们的浏览器里播放.完成版的Demo可以看这里. 第三部分 数据绑定 通过把一个文本输入框绑定到person.name属性上,就能把我们的应用变得更有趣一点.这一步建立

仅需七步,帮你找出最具盈利能力的商业模式!

本文作者开办线上课堂,教大家如何在网上赚钱开辟出属于自己的事业.他给课程的定价最低为 5000 美金,最高是 2 万 5 千美金(取决于不同的课程类型).2015 年的利润已经超过了 150 万美金. 他给大家了 7 个步骤,借此能够在你的产品服务中找出最具盈利能力的商业模式是什么,其内容包括了如何定价,如何找出最具利润贡献值的客户人群,如何对产品进行定位等等多个内容. 当有了一个解决方案,能够为正确的客户解决最具「痛点」的问题,那么这个客户就会很愿意为你付钱,情况好的话,会愿意付很多的钱. 不

七步迁移DHCP服务器

停止原DHCP服务器DHCP服务 以管理员身份输入命令netsh dhcp server export C:\dhcp.txt all  将DHCP所有数据文件保存到C盘下的dhcp.txt文件 解除原DHCP服务器在AD中的授权. 将dhcp.txt文件拷贝到目标DHCP夫妻 打开目标DHCP服务器,以管理员身份运行命令netsh dhcp server import C:\dhcp.txt all导入DHCP数据文件 将目标服务器在AD中授权. 删除原DHCP服务器DHCP角色 七步迁移DH

快速入门git第七步

2.7 Git 基础 - 技巧和窍门技巧和窍门在结束本章之前,我还想和大家分享一些 Git 使用的技巧和窍门.很多使用 Git 的开发者可能根本就没用过这些技巧,我们也不是说在读过本书后非得用这些技巧不可,但至少应该有所了解吧.说实话,有了这些小窍门,我们的工作可以变得更简单,更轻松,更高效. 自动补全如果你用的是 Bash shell,可以试试看 Git 提供的自动补全脚本.下载 Git 的源代码,进入 contrib/completion 目录,会看到一个 git-completion.ba

《Pro Express.js》学习笔记——Express服务启动常规七步

Express服务启动常规七步 1.       引用模块 var express=require('express'), compression=require('compression'), bodyParser=require('body-parser'), mongo=require('mongoskin'); 2.       实例化express.js对象和其它对象 var app=express(); var db=mongo.db('mongodb://localhost:270