Posts Tagged “iPhone”

触摸点击区域

by 晓生 on 五月 5, 2010

屏幕增大,可以显示更多的内容,但是使用触摸屏控件的密度不宜过大,否则不便点击。各个手机和PC操作系统都对可点击的区域都有推荐值: iPhone:最小29×44px。 Windows Phone:推荐9mm/34px,最小7mm/26px,元素之间的距离最小7mm/26px,元素的可视区域是点击区域的60-100%。对于经常使用、会导致危险性操作(比如删除数据)的界面元素、在屏幕角落并且手指难以点击的元素和子任务中元素(比如拨号),推荐点击区域大于9mm。 Nokia:推荐不小于1cm(0.4″)的点击区域。最小值为: 食指点击7×7mm/1mm间距 拇指点击8×8mm/2mm间距 列表选项之间有5mm间距 Ubuntu:按钮和其他控件的大小取决于成人的手指(16mm-20mm)、手指肚(10mm-14mm)和指尖(8mm-10mm),推荐不小于1cm(0.4″)的点击区域。 (以上译自lukew's blog) 点击的区域是按照物理尺寸计算的,如果按照iPhone去类推其他触摸屏幕的可点区域w×t,假设该触摸屏的精度为d,计算公式是:w/d=29/164,t/d=44/164。(164是iPhone的屏幕精度) Windows Phone对于危险性的控件建议是增大可点区域,我倒认为应该减小可点区域,对于没有危险性的控件可适当增大,保证元素之间的距离即可。比如手机界面中的“□记住密码”,一般是只有多选框“□”是可点区域,不妨将“记住密码”也包含在内,增加多选框的可点区域。 Swype是很好的触摸屏输入的解决方案,每分钟输入可以提高到50个字母。 输入时,手指不用抬起和按下,在屏幕上滑行即可,省掉一部分时间。 省去空格输入,每次滑行一次之后,字母后面默认有空格。 英文的猜词、纠正、匹配和修改。 Swype的算法是否利用折线的滑行输入会提高点击的准确率,可以更精准地选中的较小的点击区域呢?

iPhone VS Android 应用程序界面

by 晓生 on 四月 28, 2010

iPhone和Android应用程序界面形式不同,而iPhone选择应用程序要易于Android。 如当前界面都为手机系统主界面,iPhone选择应用程序的操作为: 左右平移手势切换页面 查找到应用程序并点击 Android选择应用程序的操作为: 点击APPlication menu 上下平移手势滚动页面 查找到应用程序并点击 首先Android必须在触摸屏精准点击这个约40×40像素的显示区域,而iPhone可以直接开始查找功能。 Android的应用程序排列不分页,程序一多就记不住每个程序所在的确切位置,查找起来比较费力。而iPhone有分页,每页的功能的4×4的排列方式,现在手机上已经装了5页的应用程序,我能基本记住每个功能所在的确切位置,如第二页右上角是“植物大战僵尸”。 这些也影响到切换功能的操作。如已运行某个程序,iPhone切换应用程序的操作为: 按Home键,关闭程序返回进入应用程序的界面 左右平移手势切换页面(如果查找的应用程序已在当前界面,此步操作可省略) 查找到应用程序并点击 Android切换应用程序的操作为: 按Home键,关闭程序返回主界面 触摸屏精准点击APPlication menu,由物理按键切换到触摸屏 上下平移手势滚动页面 查找到应用程序并点击 iPhone最快可以2步运行新的应用程序,而Android却必须执行以上4步操作,操作的效率低于iPhone。 在应用程序中,iPhone有表视图、标签栏、工具栏和控件列表等标准组件,有利于组织信息、信息扁平化和操作流畅度,而Android的标准组件效果较差。 部分内容来源于lukew’s blog