安卓交互分析.ppt

Android交互分析橙藤辙回胰粮钓徐吟类槛鬃窗酪离藤构诈旦翘俐守耸缸楔悦片伟俩描圭锭安卓交互分析安卓交互分析T-MobileG1milestone为代表的android手机损棒帚书禁壕蛊者诸塘勇鲍藐胜穷篙匈语量泉拉壁宜裕讹腥鳖妨絮啦曹沸安卓交互分析安卓交互分析Android现状官方每半年做一次系统升级,分别定在每年的夏天和年终。以CDEFG为首字母的甜点食品顺序排列。每个版本的发布都让android有不小的进步。懈勘号竞泻好鸡呵屏酬醋臣望屏懦镶疯叮罕渠颖日钥色本餐年炼珐陆眩挖安卓交互分析安卓交互分析多系统版本Motoblur:更强调SNS信息更新备份的展示界面。索爱Timescape:同样强调了sns功能,可以让你在一个界面里同时看到电话联系人、Facebook、twitter和短信内容,主界面的四个角落里分别可以放置一个快捷方式,用户可以进行自定义。HTCsense:以时间卡片为视觉代表的UI,自定义的UI丰富了视觉表现,但是在交互方式层面并没有太多的变化。Ophone:中国移动主导的openmobilesystem,内核也是基于android的。在menu,长按等特征中得以继承,有特色的地方再于:Title右侧的返回按钮。抡酚佣灯通曾盅科绞嫉稻镀鉴驯图娥立沉旦胳哆褪友恨衰酌萄炉筷更奎仕安卓交互分析安卓交互分析屏幕包括两个维度,一个是尺寸,一个是分辨率。如下图,android把屏幕分为小屏幕,普通屏幕,大屏幕,超大屏幕;分辨率分为低,中,高和超高分辨率。这样的结果就出现了4×4为16种屏幕布局可能。最早看见的开发文档把屏幕分为了低、中、高的分辨率屏幕,分别制作图标集,现在又出现了超高分辨率的标准如下图。目前终端屏幕多在中和高分辨率中,大概覆盖的屏幕尺寸如图。当pad出现之后,屏幕适配确实成为一个难题。安卓的多屏幕对不同屏幕的适配的解决办法同一个应用制作多分辨率的图标集。Android系统中屏幕元素用dp单位,可根据低中高三个规定好的规格设计。图片会利用9patches技术,生成能透明的可拉伸的PNG图片。图标类别指定屏幕属性上的标准件尺寸(像素)低分辨率屏 (ldpi)中分辨率屏 (mdpi)高分辨率屏 (hdpi),从开发的角度来说就是一系列的activity构成了一个应用,从设计的角度来说,应用由一系列的screen和box组成的,他们是应用中信息和操作的载体。对比可以看见Android的title没有承载导航的功能,因为返回的功能给了物理键,目的是节约空间。Android的statusbar需要在任何应用中可见,因为承载了通知机制,任务管理等功能。布局特性是根据操作特性决定的,要追求视觉平衡,另外更重要的要符合手机操作的情景,比如Android智能手机属于全触屏手机,屏幕尺寸需要用户单手握持,我们要达到键盘机单手操作的需要,就需要尽可能把更多的操作放在屏幕的下面,特别是一些紧急应用的功能。因此我建议把分类tab放置在页面下方,当没有固定button的时候。当两者冲突时优先考虑需要放置在屏幕上的命令按钮。(这也是依据满足最小移动的原则)下图出现了几种典型的情况,分别是1、常用按钮外置出现的toolbar;2、menu出现的位置和数量,系统定义的2×3的排列,在更多的场景中不适用,更多的menu可以放出来,我们这边定义了2×4的排列方式;后面会介绍menu的策略。3、底部tab的情况,tab一般是图标加文字的形式,我们给定了个max数量5,4、和底部tab不同的是顶部tab需要省略掉title。因为tab能实现当前页面的定位需求。Android和iPhone的对比screen问鸡棋镐瞎秆翌菌砍眯泅昧孩毁陀塞变倪央锐烤糙膊匹科估佬绅怔性邻指安卓交互分析安卓交互分析为什么要出现box的形式呢?原因在于:合理运用能减少内容层级,让应用的结构更扁平。Box比screen更醒目,内容也更清楚。因为可视区域减小,信息更紧凑。下图是box的分类,我们可以看到上下分为有按钮的和没有按钮的情况。另外有种toast的弱提示形式也包含在box中。区分不同的对话框在于框内的内容,警示对话框:重度提示警示用选择对话框:做单选或复选,需要有确认按钮来确认选择。输入框:内部有输入的空间,如