UI设计第一站 - UI设计师交流学习平台

大屏iPhone即将改变App设计的三种方式

时间:2014-09-26 09:47:00来源:UI001人气:

大屏iPhone即将改变App设计的三种方式
在很长一段时间内,智能手机产业处于分裂的状态。苹果的iPhone有着近乎相同的小屏幕,同时Google的Android手机屏幕却不断的变大。但随着4.7英寸的iPhone 6以及5.5英寸的iPhone 6 Plus的入场,分裂消失了,现在是大屏的时代。 “苹果在iOS 7里加入了一个向右滑动推出的手势,大概他们从那时就已经准备更大的iPhone了吧。” 对 于为以前的iPhone做过优化的应用开发者来说,接下来的任务不是仅将现有界面放大到更大的屏幕上。随着与数名业内知名的UI设计师的交流,我们逐渐意 识到,随着屏幕尺寸扩展到我们的拇指范围之外,它将显著的影响我们设计UI的一般规则,比如按钮位置、手势,以及内容的布局。 3035890-inline-i-1-3-ways-bigger-iphones-will-impact-app-design 1. 控件下移到屏幕下方 显然,将功能按钮放在屏幕顶部的做法仍然相当普遍,就像倒退到桌面时代的Mac和Windows一样。你可以看到大量的流行App,从Twitter到苹果自家的Photo应用,都将各种功能放到了导航栏里。但在大屏时代,顶部的导航栏已经超出了拇指能触摸到的范围。 “我 们猜很多应用将不得不开始考虑,把主要的功能选项放到屏幕底部而不是顶部或者右上角。”Mark Kawano说道。他是前苹果设计师,最近在设计Storehouse for iPhone的时候正好碰到这个问题。Storehouse需要在移动端展现富媒体内容,Kawano的设计团队将所有的功能都放到了底部菜单里,它们会 在不同的场景下适时的出现。 Kawano并不是唯一碰到这个问题的人。Google产品总监Luke Wroblewski指出,Google新推出的Material Design规范支持Kawano的处理逻辑。Google将Action Button要么放在处于屏幕上方往下三分之一处,要么放在移动设备屏幕的右下角(不过这样做会非常靠近右撇子的拇指根部,他们必须将手指蜷曲起来才能按 到按钮)。 Loren Brichter——以创造Twitter下拉刷新手势而闻名——则警告说,将控件移到底部并不总是最好的解决方案。“将UI放到底部需要仔细权衡。因为 人们的阅读顺序是从上到下,而我发现很多人会完全忽略放在底部的元素。”他说:“如果你能控制用户的的注意力,不让他们忽视底部的UI,那么这是一个不错 的解决方案。” “另一个解决办法是,”他继续说道:“也许有点非传统但值得尝试,就是允许内容多滚动一段距离,这样用户能够将内容拉到拇指能触及的区域,而不用使用那非常不直观的可达性手势。” 20140925162139 2. 用手势代替按钮 将按钮移动到屏幕底部是一个好主意,但并不总是最好的选择。而这里有一个不会出错的解决方案,能让用户不用管屏幕是5英寸还是50英寸都能够随意切换,那就是手势,或者更确切的说,一个简单的手指轻扫。 不久前Brichter曾叹息过,移动UI设计师们没有积极推动滑动手势操作的普及,在他看来,几乎所有种类的菜单和功能,都能隐藏在手指的移动之下,而不用占用屏幕空间。到了现在,当屏幕的整个顶部都变得不可用的时候,设计师们不得不重新思考手势的作用。 Mark Kawano指出,苹果其实在去年秋天发布的iOS 7里,就已经添加了右滑返回的手势。“大概他们已经知道更大屏幕的iPhone要来了吧。”他的Storehouse应用巧妙的使用了苹果的这个特性:当 你在一个story里时,任何时候都可以向任何方向滑动以退回上级界面。这种手势操作在小屏幕上显得比较微妙,但在大屏幕上,Kawano认为是必要的。 3035890-inline-i-3-3-ways-bigger-iphones-will-impact-app-design 3. 分屏应用将会激增 在手机上,无论使用横屏还是竖屏,内容都只会在一个窗格里展现,窗口将被扩展的信息流所填满。但在iPad或者Android平板上,应用在分屏模式下运行非常常见,内容只占用其中的一个屏幕。 Ashish Toshiniwal——Media Labs的CEO、PayPal和Amex的3A应用的制作者,他相信分屏将在应用里大量出现,因为苹果在iOS 8里更好的支持了这一特性,并且已经在iPhone 6 Plus上实行了。像Mail这样的官方应用就是在分屏模式下运行的,开发者则需要使用新的API来达到同样的效果。现在,苹果的SDK已经允许开发者根 据屏幕的大小来选择分屏,而不是基于目标设备是iPhone还是iPad来选择。(举例来说,你的应用可以在iPhone 6 Plus上显示为分屏,但在其他iPhone上是普通模式)Ashish还指出分屏是满足独特的用户需求的很好的方式,而这种方式以前很少涉及到,拥有广 阔的想象空间。 “想象一下在免提模式下使用GPS导航应用,iPhone 6 Plus用户将能利用分屏来创造更全方位的体验。”他写道:“比如,你能在一个界面里包含基于文字的方向指南、备用路线、车祸报告,甚至包括音乐控件。” Wroblewski写了一篇博客,也认同这个说法。分屏模式符合人体工程学,在目前的UI设计困局下有着很大的机会。当在横屏模式下使用平板或是大屏手机时,通常需要两只手才能保持平稳,这使得两只拇指都能参与UI导航。那么,为什么不让它们都活动起来呢? 翻译:http://idlelife.org/archives/642 原文:http://www.fastcodesign.com/3035890/innovation-by-design/3-ways-bigger-iphones-will-change-app-design?utm_source=TapFame&utm_campaign=TapFame+weekly+news&utm_medium=email

本文链接地址:http://www.ui001.com/article/231.html

非特殊说明,转载请注明:本文转自UI设计第一站

【特色推荐】

设计尺寸看这里 http://www.ui001.com/chicun/

找素材一站就够 http://so.ui001.com/

UI设计网址导航 http://hao.ui001.com/

官方微博:@UI设计第一站发布干货与设计资讯

官方微信:搜索公众号名称UI设计第一站或微信号:uidiyi关注我们

官方QQ群:群号59411183点击自动加群,与2000名设计师交流设计,分享素材

建议:看到好的文章或素材,记得分享到微博等媒体,让更多的朋友知道,加入收藏夹也可以方便日后查阅。

  • 赞一下又不会怀孕
  • 收藏好文章要收藏噢
分享到:

设计资讯

更多

设计教程

更多

素材下载

更多

阅读排行

更多

服务中心

更多