Android那些事儿:Android Pad交互特性

Android Pad 和Phone一样都存在多尺寸问题。对于Pad,更揪心的是屏幕比例和尺寸的多样性,这些因素直接影响着UI的表现方式。比较困惑的是我们的如何设计一个兼顾各种屏幕尺寸,分辨率,比例和方向的Android Pad应用。为此我们质问自己Android Pad 和Phone有什么差别?Android Pad 和iPad有什么区别?

现在很难找个能代表Android Pad的产品(不确定的尺寸,按钮位置,数量),在此仅以下图表示神秘莫测的Android Pad。

神秘多变的Android Pad

第一个问题:Pad怎么就成了Pad?在此我总结了Pad和Phone的区别:

PadPhone尺寸5寸-10寸2寸-5寸应用场景家,办公环境中用于娱乐,演示 有连续长时间沉浸式的流畅体验放在口袋中,随身携带 时间上更碎片化。交互方式触摸屏幕,点击,拖拽。触摸屏幕,点击,拖拽。手持方式一般双手握持,可双手操作 另外
借助膝盖,也叫laptop。 左手握持,右手操作较多单手操作的情况较多。 可以说就是在手掌中的。操作时间较长,半小时以上操作时间短,大多在3分钟以下, 操作频率高。显示方向大多兼顾水平和竖直方向大多是竖直方向信息展示层级页面+弹出菜单的结构。 较少的全页面切换,局部信息切换 Screen + popup box页面到页面的切换 Screen to screen,页面到另一页面的切换内容足够的空间展示更多的内容和功能。内容和功能的外显更多。空间有限,一些功能,内容巧妙的隐藏, 比如内容通过下级页面来拼接。 功能放在menu中,或者情景菜单中隐藏。保持页面更多地展示内容。

-

外媒评价的10大android pad  http://www.cnbeta.com/articles/131157.htm

型号尺寸分辨率物理按键数量及位置Advent Vega101024×6001个位于宽侧正中Archos 707800×4804个位于窄侧右Archos 101101024×6004个位于窄侧右Asus Eee pad10/12不详不详Dell Streak5800×4803个位于窄侧右Elonex eTouch101024×6001个位于窄侧右Notion Ink Adam101024×600不明Samsung Galaxy Tab71024×6004个位于窄侧下Toshiba Folio 100101024×6004个位于窄侧右Viewsonic Viewpad 10101024×6003个位于窄侧右

另外众多国内品牌下的Android Pad 都在7寸到8寸,分辨率在800×480占绝大多数。物理按键各有不同。

-

目前多数Android Pad 都运行的是用于手机的系统版本。

尺寸基本分为3个尺寸,5寸(dell streak),7寸(多),10寸(多)。屏幕分辨率800×480和1024×600的居多。屏幕比例16:10,17:10,都不是传统的4:3的比例,这和iPad比较大的区别。物理按键数量和位置类似iPad的单主屏键,位于窄侧的正中Android Pad的多按钮,位于窄侧靠上位置aigo Pad e700按钮分别放置在窄的两侧。

总的趋势:数量有1个的,3个的,4个的,但绝大多数都放置在屏幕窄的一侧,很少把物理按键分散放置的。

屏幕默认方向水平方向的居多,仅三星为代表的7寸屏默认竖直方向。

注意:以下的布局方案基于Android 1.5到2.2系统下,不一定适于Android3.0

Design for 宽屏Design for 水平方向:视不同应用考虑不同的默认方向,宽屏的竖直方向难以让人接受。Design for 双手持双手操作和单右手持右手操作

-

鉴于众多的宽屏终端,在信息布局上可以如下规划。

Status bar:作为信息通知和任务切换的意图对象在pad上是不可缺少的。双栏布局:左侧为应用一级导航,右侧为下级页面。
Page:包括page title,内容区,右侧更多功能操作。Popup box:操作出现的弹出框在操作按钮的附近出现(图中popup box),信息弹出框底部是更多的功能操作区Dialog box:在这个信息弹出框之上还可以弹出
对话框,是一些功能和属性的判断与选择。Toast:在对话框之上还可能出现toast样式的弱提示信息。

Android Pad 水平方向布局

Android Pad 竖直方向布局

以上是近期市面上流行的Android Pad,他们大多安装在1.6到2.2的系统上,而这样的系统被认为是Android在小屏幕上系统勉强用在大尺寸屏幕上。

对于大屏幕,Android 又在做什么呢?

-

Android的未来 Android 3.0 Honeycomb

将运行专门用于Pad的Android 系统3.0 这个系统的特征就是取消了物理按键,把主页,返回,菜单放置在屏幕上成为更灵活的意图对象。

装载Android 3.0 的MOTO XOOM

MOTO XOOM装载了Android 3.0 ,我们可以看到这个系统的特征就是取消了物理按键,把主页,返回,菜单放置在屏幕上成为更灵活的意图对象。这样的好处非常明显:

更多方向的随意支持,不再受按键的制约,Pad可以4个方向显示应用界面。全局的主屏,菜单和返回按键可以根据应用属性更好的自定义位置,应用的展现方式更加灵活。实现全触摸操作的界面,不再依赖物理按键。

-

3.0系统是全新的为大屏幕特别是平板电脑设计的操作系统。强调真实,全息的界面设计,是优雅的,聚焦内容的交互模式。它依然继承了Android完美的多任务,强大的通知机制,自定义的主屏,工具等,并把这些特性贯穿于栩栩如生的3D体验中,更深刻的交互。

和以往的系统相比,布局上的变化在于顶部和底部的bar。

系统栏(System Bar),位于屏幕底部,对应全局状态和通知系统。类似之前版本顶部的状态栏,但增加了
例如多任务切换的功能。操作栏(Action Bar):位于应用中屏幕的顶部,是该应用具体的操作功能。

3.0拥有更丰富的连接方式,USB, WIFI, 蓝牙。增加了更有效率的连接协议,这样就可以直接连接相机等设备同步媒体文件了。

3.0更新了一系列的标准应用,例如浏览器支持多个Tab;相机的圆弧型截面;联系人和邮件运用双栏设计。值得一提的是列表操作中,实现多选并拖拽的交互。

相机的圆弧型截面

联系人和邮件运用双栏设计

多选并拖拽的交互

更多关于3.0的资讯查看http://developer.android.com/sdk/android-3.0-highlights.html

总结:

Pad更大的屏幕能展示更多的内容也能容纳更多的功能,还能增加更多的交互动作,值得我们好好研究。另外Android Pad的系统也将呈现出双轨现状:多数用到的Android1.6到2.2的系统和刚出来的3.0系统。双轨势必加大了Android整体上的复杂性。另外运用于Notebook的Chrome OS 跟Android在业务上的交叉重叠也埋下了一丝阴霾。Web App能否直接用于Android Pad,以减少各个开发团队的成本,仍值得考虑。

-

至此Android那些事儿三篇发布完毕,跟随Android系统的发展变化,上述描述或许在几个月以后会因为Android发展策略而被颠覆,但是我仍希望文中对各种手持设备的应用设计都能给你带来参考的价值。谢谢大家!

来源:http://wsd.tencent.com/2011/02/aboutandroid3.html

时间: 2024-09-19 09:02:51

Android那些事儿:Android Pad交互特性的相关文章

界面-android webview和JS的交互

问题描述 android webview和JS的交互 代码的主要实现是这样的: 用h5写的一个登陆界面,关于登录界面的逻辑操作是用android的webview来实现的. 在不同的手机上出现不同的问题: 1.红米1s: 在第一次进入该页面的时候,所有webView图片的点击都能响应,此时如果用户点击返回,finish当前页面,再次进入该页面后,所有图片点击事件失效, 2.LG的一个手机 关于用户名和密码的输入框(input标签),两个输入框不能够连续交替地输入,这样程序会崩溃,以下输入则没有问题

Android 详解第三方介质交互之NFC,并且实现读你的交通卡,酒店房卡,学生证!

转载请注明出处王亟亟的大牛之路 最近一段时间都在自己学习啊,看看东西敲敲代码什么的,熟悉业务逻辑啊之类的,因为刚跳槽,外加又不怎么忙,所以就还算时间蛮多的,自己利用呗,昨天被老大问有没有做过NFC..脑子一愣,并没有然后说,OH好的,我看一下.(据说是之后改的一些东西里面会运用到NFC) 废话不多开始正题: 写内容之前先介绍下NFC(如果想直接看代码的,请忽略这部分) NFC是一个短范围无线技术集合,通常需要4厘米或更短的距离才能初始化连接.(你把卡什么的往手机背部贴实了就能很快的识别) NDE

Android当中跟js进行交互,实现方法的互调

今天在浏览的时候看到Android跟js的交互,就想的学习一下,上网搜了很多资料,感觉还不是太难,就自己动手试了下,结果出了很多问题 说起交互其实很简单,只是可能sdk的版本或是别的一些小问题会困扰很长时间: 这是代码: package wst.webview; import android.annotation.SuppressLint; import android.app.Activity; import android.os.Bundle; import android.view.Vie

Android 5.0鲜为人知的新特性

腾讯数码讯(编译:Raul)现在,各大手机厂商都已经开始陆续推送谷歌最新的Android 5.0 Lollipop系统,甚至谷歌旗下的Nexus系列机型都已经OTA推送了Android 5.0.2版本.对于谷歌的新系统,许多拥有升级资格的Android用户来说真的都非常期待. Android Lollipop最引人注目的改变之一就是重新设计的用户界面.谷歌官方将这一代的系统采用的设计语言命名为Material Design.除此之外,5.0系统还优化了通知栏系统,比如用户可以在锁屏界面直接访问通

Android中WebView与Js交互的实现方法_Android

获取WebView对象 调用WebView对象的getSettings()方法,获取WebSettings对象 调用WebSettings对象的setJavaScriptEnabled()方法,设置js可用,参数:布尔值 在判断是否支持js的时候,不要用alert(),默认不起作用,可以先用document.write()测试 调用WebView对象的addJavascriptInterface(obj, interfaceName)方法,添加js接口,参数:Object对象,String接口名

Android客户端与服务端交互_Android

本文和大家一起了解了一下android客户端与服务端是怎样交互的,具体内容如下 1.后台使用简单的servlet,支持GET或POST.这个servlet最终返回给前台一个字符串flag,值是true或false,表示登录是否成功. servlet使用之前需要配置,主义servlet的servlet-name要和servlet-mapping的servlet-name一致,否则找不到路径 我是在myEclipse上创建的一个web service 项目,然后部署到tomcat服务器上以便andr

Android webview与javascript的交互以及代码混淆

问题描述 Android webview与javascript的交互以及代码混淆 本来是一切正常的,但是在代码混淆打包出来之后,webview页面上的一级按钮是可以点击,点击之后弹出的二级按钮就失去的点击,点击没有任何反应?这是不是混淆出现的问题,该怎么解决? 解决方案 作为与javascript交互的bridge类不要加入混淆.

Android 3.0“.NET研究”七大特性全解析

在2011年伊上海企业网站制作始,翻开了全新一年的篇章,作为我们日常生活中不可或缺的消费电子产品亦然进入了全新的时代,随着一年一度的2011年CES国际消费电子产品展览会,在北京时间1月7日(美国西部当地时间1月6日),于美国赌城拉斯维加斯展览中心盛大拉开帷幕. 更值得注意的是,在本次CES国际消费电子产品展览会上,此前传闻不断的基于Android 3.0(蜂巢)系统,被大面积的作用在平板电脑电子产品上,首次向世人展示了其Android 3.0(蜂巢)系统的强劲表现,而也被很多消费者认定为And

Android中WebView与Js交互的实现方法

获取WebView对象 调用WebView对象的getSettings()方法,获取WebSettings对象 调用WebSettings对象的setJavaScriptEnabled()方法,设置js可用,参数:布尔值 在判断是否支持js的时候,不要用alert(),默认不起作用,可以先用document.write()测试 调用WebView对象的addJavascriptInterface(obj, interfaceName)方法,添加js接口,参数:Object对象,String接口名