北京时间7月13日消息,Twitter周三通过官方博客宣布,将对移动网站进行大幅改版,更好地适应功能手机和旧版浏览器,提供与Twitter桌面网站和智能手机应用相一致的体验。
以下为Twitter博客全文:
Twitter的宗旨是向世界各地的所有人提供实时信息。为了实现这一目标,我们最近针对功能手机和旧版浏览器升级了mobile.twitter.com。我们从头到尾对客户端进行了彻底改版,从而降低了尺寸,加快了速度,使得这款客户端的感觉和视觉效果与twitter.com和我们的移动应用相仿。
以下是mobile.twitter.com改版前后的对比:
在顶部,我们引入了新的界面,与去年12月发布的新版Twitter相同,以便用户在任何设备上都能享受一致的体验。在下方,我们完全对RAILS后端的视觉层进行了全面改版,采用了新的模板和流畅的样式。
移动技术和设计团队大概用了6周时间设计、制作原型、开发、测试和调整mobile.twitter.com。我们遇到了一些挑战:
——要在数以千计的不同设备中支持13种不同的浏览器,每一种都有自己的渲染风格。
——适应不同的输入方式。
——针对CSS3/HTML5普及前的标准创建页面布局。
——在javascript关闭的情况下优化浏览器。
——针对各种分辨率的屏幕进行调整,小到240×240,大到台式机的宽屏显示器。
——尽量压缩页面,以便适应较慢的网络。
——即使不使用图片,也能达到Twitter的视觉和感觉效果。
——为与其他Twitter客户端保持更多功能上的一致性开辟道路。
我们首先查看并扩大了我们搜集的数据。人们使用刷新控制或加载更多Twitter消息的频率如何?注册或登录Twitter账号时的困难何在?用户最常用的Twitter功能是什么?人们发布Twitter消息的频率多高?我们在整个过程中都借助这类数据来为设计和架构决策提供参考。
我们首先绘制了主视图和导航功能的草图,随后又充实了很多细节,包括消息发布、搜索和私信等具体功能。
我们绘制了多份草图,并与设计和移动网络团队共同开展了多次评估。此后,我们很快进入了HTML/CSS示意图制作阶段,以便在目标设备上了解效果。即使是单一视图中的简单示意图,对于制定整个项目的基调也很有价值。这使得产品效果变得更加实际,开启了我们的前端开发工作。
以下是三星Corby手机上的最初界面:
接下来,我们又开发了“主页”、“连接”、“发现”、“我”等几个主视图。我们增加了纯文本样式,引入了适应性,针对上下文进行了优化。我们升级过程中遭遇的最大设计挑战是:如何在超低分辨率的视图中,最大程度地满足用户的预期,忠实于既有的Twitter使用结构和使用方式?如何完美地适应触摸、指针和五向输入方式?我们展开了仔细研究,在制定决策前至少尝试了3个不同的版本。
这时,我们已经有了基本框架——但仍然需要对各方各面展开复杂的设计:注册和登录信息流、退出视图、错误、提示,以及粉丝和收藏等子视图。我们有很多工作要做。我们发现,如果回归到基本的工作模式,直接将设计打印出来,并张贴到办公室中,便有助于指导我们的开发。这可以方便团队在开发过程中进行参考,避免前后不一。
在此过程中,我们测试了多种设备(我们手上就有300多款不同的设备!):
经过了两个多月的工作后,我们对mobile.twitter.com进行了很多改进,包括:
——新版mobile.twitter.com的页面尺寸最多缩小了63%。
——会话(session)最多缩小了37%。
——在资料页面等视图中,页面发出的请求减少了63%。
当我们最终面向用户推出新版时,看到了很多积极的反馈。
当然,我们也听到了很多漏洞和尚未整合的功能。我们将会加以改进。不久后还将支持javaScript,并改进宽屏视图。
由于需要重新思考已经习惯和熟悉的事情,所以改变从来都不容易。但我们希望,经过了最初的适应期后,用户可以很快在功能手机和旧版浏览器中享受这个更快、更舒适、更易用的mobile.twitter.com。