阿里巴巴无线Wap内嵌App设计总结

标签: 视觉设计 | 发表时间:2012-11-29 00:29 | 作者:vivi
出处:http://www.aliued.cn

大部分的情况下我们都处于移动状态,手机这种轻便、必备的终端工具使我们在千奇百怪的环境中也能完成一些微任务。同时随着无线网络带宽的增加,手机上网速度越来越快,使得手机等移动设备的上网体验越来越流畅。根据互联网数据中心IDC 的数据显示,到2015年人们通过移动设备访问Web的数量将超过PC访问。

无论是学生、上班族还是商人,利用好这些时间碎片,对于每一个人都具有重要的意义。 WAPAPP在这种环境下充满了无限价值。

        Wap一般通过手机浏览器便能被访问,作为缩小版浏览的网页,相对于PC端网页内容的多而全,它则显示了少而精的优势。除此之外,相对于当下风靡的APP客户端,Wap还有以下优势:

1、快速更新迭代产品:

互联网产品的更新迭代速度惊人,在Wap平台,产品更新、设计、开发完成后只需发布到线上服务器,用户通过浏览器访问WAP,就能看到最新修改的网页;更新迭代的成本较客户端(Android/IOS)都低,速度也更快。

2、支持跨平台,无安装成本:

 WAP的访问只要求手机有上网浏览功能即可,一个浏览器就满足了任何需求,不用区分设备平台是Mobile Phone、Android还是iOS等。同样WAP不像客户端需要下载安装,只要在浏览器输入对应的网址就能查看。

        不过wap的劣势也是显而易见的:在HTML5&CSS3&JS的配合下,虽然目前已经可以实现一些复杂的功能和交互,但是对一些相对复杂的功能和交互的实现还是不如客户端,因此用户体验较之客户端差。这也是目前很多应用(比如Facebook、Lofter等应用)选择转做Native APP的原因,这部分应用的年轻用户对设计体验的要求是比较苛刻的,这与b2b等交易网站对交易流程使用的流畅性的追求是不同的,对他们(商人)来说首先关注的是用户浏览是否顺畅,交易成功的数量,其次才是优美的界面,绚丽的动画。

         互联网是个唯快不破的行业,阿里巴巴无线业务从整体成本上考虑,将HTML5擅长的对一些数据量不大,动画少的页面的优势,用来快速处理资讯、登陆等页面。目前阿里巴巴的生意经、论坛、资讯、登陆等模块都是直接嵌入Wap页面,解决内嵌页面的适配尺寸则依据客户端测试同学对APP用户的手机分辨率的测试结果:

         根据最新一期的手机客户端适配分辨率分布测试结果显示,Android用户使用最多的分辨率是480x800、320x480,加上iOS平台320x480、480x960两个尺寸,共需要适配三个尺寸:320x480,480×800,480x960。这种适配利用的是当下比较流行的web响应式设计,嵌入到APP里面,能通过代码解析后与Native app 及手机系统进行交互,完成页面逻辑、内容的打通。

          我们从这三个尺寸的设计中得出以下适配的使用规范:

         

        整理规范不仅是一种设计总结,也是方便后续及其他设计师设计参考的依据。

         以上是我做阿里无线的一些设计小结,欢迎其他在客户端有设计、使用经验的你来分享一下你的体会。

         最后很感谢一起合作的无线小组,你们给了我很多帮助和建议,谢谢:)

 

相关 [阿里巴巴 无线 wap] 推荐:

阿里巴巴无线Wap内嵌App设计总结

- - 阿里巴巴(中国站)用户体验设计部博客
大部分的情况下我们都处于移动状态,手机这种轻便、必备的终端工具使我们在千奇百怪的环境中也能完成一些微任务. 同时随着无线网络带宽的增加,手机上网速度越来越快,使得手机等移动设备的上网体验越来越流畅. 根据互联网数据中心IDC 的数据显示,到2015年人们通过移动设备访问Web的数量将超过PC访问. 无论是学生、上班族还是商人,利用好这些时间碎片,对于每一个人都具有重要的意义.

阿里巴巴的零知识证明

- 见涛 - 科学松鼠会
战争中你被俘了,敌人拷问你情报. 你是这么想的:如果我把情报都告诉他们,他们就会认为我没有价值了,就会杀了我省粮食,但如果我死活不说,他们也会认为我没有价值而杀了我. 怎样才能做到既让他们确信我知道情报,但又一丁点情报也不泄露呢. 这的确是一个令人纠结的问题,但阿里巴巴想了一个好办法,当强盗向他拷问打开山洞石门的咒语时,他对强盗说:“你们离我一箭之地,用弓箭指着我,你们举起右手我就念咒语打开石门,举起左手我就念咒语关上石门,如果我做不到或逃跑,你们就用弓箭射死我.

[原]阿里巴巴B2B搜索学习

- - 文武天下
主搜索:商品搜索、商家搜索、采购搜索、app搜索. 行业搜索:淘货源、淘工厂、聚好货、主题市场、品牌馆等. 由于用户多,需求强烈,收益大,所以功能、场景、架构做到极致高效. 代码复用性强:基础通用功能进行组件抽象化. 组件通用性好:一些组件或者组件进行组合的服务,适用更多场景,支持更多功能. 转化效果好:算法做的比较深入、细致.

来阿里巴巴一年有感(中)

- - Shining Ray
阿里巴巴现有有3万名员工,工号已经排到了12万. 如此庞大的组织,如此多的部门、单元,能朝着同样的愿景去一致行动,仿佛一个有机的整体,可见其管理体系的完备. 当我加入这样一个庞然大物,心情颇像《海上钢琴师》中的主角 1900 要踏足陆地进入城市,担心自己能不能适应好这个组织,发挥出自己的能力. 而经过一年的学习,跟随着其他同事做事,耳濡目染也学到了不少技巧.

专访阿里巴巴研究员赵海平:从Facebook到阿里巴巴

- - 博客园_新闻
赵海平,2007 年加入只有不到 50 个软件工程师的 Facebook,致力于软件性能和架构分析,在此期间创建了 HipHop 项目,重新编写和实现 PHP 语言,使其速度提高 5 到 6 倍,为公司节约数十亿美元. HipHop 项目之后,致力于“用异步处理来优化分布式系统”的设计理念中,并为此做了多项分布式数据库的优化研究,在 PHP 语言中加入了 yield 和 generator 的新功能,来帮助日趋复杂的 Facebook 网页设计.

国内外WAP网站LOGO一览表

- slackware - hiued - 用户体验数据分析中心
以下内容由hiued.com用户体验数据分析中心整理,WAP网站LOGO一览表. 本博文更新于2011年1月14日. 国内wap站LOGO现状小结:. 1.LOGO图片格式全部为gif格式,无png格式. 2.LOGO平均宽高比国外的大一些,但大部分遵守着默守的规范(如不使用JPG的图片). 3.国内很多直接命名为logo.gif.

阿里巴巴开源项目: 阿里巴巴去Oracle数据迁移同步工具

- - agapple
   08年左右,阿里巴巴开始尝试MySQL的相关研究,并开发了基于MySQL分库分表技术的相关产品,Cobar/TDDL(目前为阿里云DRDS产品),解决了单机Oracle无法满足的扩展性问题,当时也掀起一股去IOE项目的浪潮,愚公这项目因此而诞生,其要解决的目标就是帮助用户完成从Oracle数据迁移到MySQL上,完成去IOE的第一步. .

阿里巴巴高层震动的扯淡

- chenqj - It Talks--上海魏武挥的博客
这是真扯淡了,完全就是写博客,没有什么中心思想,想扯哪里扯哪里. 国内外有两家公司,遥相呼应地都非常强调所谓“价值观”,外有谷歌,内有阿里. 谷歌上市时,可以挑战华尔街的规矩,阿里上市时,则创下当时一批IPO的新高. 故而,这两家公司都是一时的翘楚,属于“从优秀到卓越”的公司. 公司是非常象一个宗教组织的——或者这么说,“好”公司都得象宗教组织.

阿里巴巴集团股权结构图

- telefan - Finacial Planet China 中国投资专家博客集
雅虎SEC文件原文是:“为了尽快获得一个重要牌照,阿里巴巴集团旗下在线支付公司支付宝已经被重组,其100%流通股现由阿里巴巴集团CEO马云控股的一家中国公司持有. 阿里巴巴集团管理层、主要股东雅虎和软银参与了有关支付宝重组条款的详细讨论. 收起 | 查看大图 | 向左转 向右转.