天下网吧 >> 网吧天地 >> 网吧行业 >> 网络追踪 >> 正文

Twitter全面升级移动网站:统一用户体验

北京时间7月13日消息,Twitter周三通过官方博客宣布,将对移动网站进行大幅改版,更好地适应功能手机和旧版浏览器,提供与Twitter桌面网站和智能手机应用相一致的体验。

以下为Twitter博客全文:

Twitter的宗旨是向世界各地的所有人提供实时信息。为了实现这一目标,我们最近针对功能手机和旧版浏览器升级了mobile.twitter.com。我们从头到尾对客户端进行了彻底改版,从而降低了尺寸,加快了速度,使得这款客户端的感觉和视觉效果与twitter.com和我们的移动应用相仿。

以下是mobile.twitter.com改版前后的对比:

mobile.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。

本文来源:新浪科技 作者:新浪科技

声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。文章是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 Email:support@txwb.com,系统开号,技术支持,服务联系微信:_WX_1_本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下
  • 本周热门
  • 本月热门
  • 阅读排行