APP设计中非全屏化的设计理念

  之前写了篇文章谈谈未来 APP 产品设计的革命性趋势,我突然发现一个问题,文章本身其实是谈的一种趋势,是一种更需要激发想象力的事情,不是一个粗糙的黑白案例就能得出对错。我们更需要想象一种制造各种可能符合场景的细节然后找到支撑点。但那篇文章拿的都是目前的一些列子,导致了很多朋友的曲解,认为案例就是我想表达的全部,其实那不是我的意思。我这次不拿现有的 app 案例,我想再仔细谈一下关于去全屏化趋势的设计理念。希望能引起各位极客的畅想。以及希望有志之士能一起为推动这一天到来而努力。

  为什么要非全屏化?

  理念一:满足用户被深层次隐藏的心理需求。

  事实上懂点技术的人都知道目前应用在好的手机上基本都是秒开,打开非全屏化应用的时间应当和全屏化打开应用的时间,在技术上说没有真正质的飞跃。

  而事实上也确实如此,但是,我最喜欢说的但是来了,我的观点是,有时候要的不是速度。而是一种以为更便捷的感觉,和速度快慢无关。

  非全屏化操作带来的不是速度上的便捷,而应当是场景上的便捷感。比如用电视机顶盒的都知道,切换频道可以是两种场景切换,一种是在系统页面切换(电视节目被缩小到一个小框内),另外一种是直接在全屏的电视节目间切换。    这两者虽然从本质上呈现的信息完全一模一样,速度也一模一样。但心理上的感受就相差很大了。第一种:为了换个节目要脱离这个正在全屏播放节目的场景,进到系统界面场景里面去切换。第二种:换个节目就直接换,在左边出现一条节目频道栏。边看边换呗。


  可能这个电视机案例不是最好的,但是更重要的我是想表达这么个意思,类比到手机上的感觉就是,第一种:为了一个小应用我要在脱离我目前的场景,换到另外全屏的场景下去操作。第二种:一个小应用能快点实现就快点在当下(不换场景)快点实现算了呗。

  所以,与真相与技术无关,只和心理感受有关。 这是一种需要设计师去把握的很微妙的感觉,不是说缩短时间和减少操作才是便捷,满足用户被深层次的隐藏需求这才是交互要给的。

  理念二:隐藏复杂。

  《简约至上》 这本书大家应该都看过。我很赞同其中对于隐藏的设计理念。将简单的常用的操作呈现在外部,而复杂的操作被隐藏到背后。所以我们可以将小应用的最常用操作放到非全屏化之中,而更加复杂的操作隐藏到全屏当中。

  我的理念是将小应用设置成二层模式,第一层非全屏化并且提供常用操作。第二层就是当用户需要更复杂的个性化操作的时候再进入全屏化去操作。而操作完毕也可以选择回到非全屏化状态,这就有点像遥控器被覆盖的设计了。大家可以感受下。虽然这个类比也不是最好的。


  另外我们可以在 ROM 里设置是否默认让各个小应用非全屏化,给用户权限。

  理念三:部分应用前置可移动。

  很多非全屏化其实都可以算是伪全屏化,因为一旦你点开某个非全屏化应用,其他应用是无法被操作的。当然这种设计是必要的,但并非所有非全屏化应用需要这么做,必须考虑到情境因素。

  部分应用前置可移动,这个效果其实爱奇艺已经算是做了,有朋友说这种设计没必要。简直把手机桌面变成电脑桌面了。但是他忽略了,假如用户一边聊微信一边看电影呢?又或者部分用户在一边打牌一边看电影呢?又或者刚恋爱的屌丝想迅速展示自己渊博的学问,边查英语单词边和女朋友语音微信呢?

  我们必须像保姆一样体贴地考虑到这些可能性,所以这个设计理念也有加入的必要。

  附:冬吴相对论的 APP 概念版草图的细节设计

  最后我给大家看下在我的理念下设计的用 Windows 自带画图工具画出来的冬吴相对论的 APP 概念版草图的细节设计(这是个音频脱口秀节目。其实我是托哦,因为我挺喜欢这两个老男人的节目的。哈哈。)


  左图是是普通状态。

  右图说明:当点开后,中间的图标全部被覆盖,然后左右两边跑出子弹上面分别写着冬和吴,代表二人思想碰撞产生智慧的火花,最后再在中间爆炸。这种小动画的感觉就跟滑动解锁一样,是一种人文关怀,营造出一种惊喜期待感,对信息进行包装以体现珍贵(《设计中的设计》)。和冷冰冰的快速的打开应用是两回事。 当然不是所有小应用都这样设计,还是那句话,看情况。否则就是画蛇添足。


  爆炸完后冬吴相对论的界面就出现了。我们留一个全屏化设置的按钮给用户。


  当进入全屏化的时候我们也给他们选择一个回到非全屏化的按钮。


  最后结合我上篇文章写得关于动态图标的设计,当你开始听录音的时候,你随便点一下周围空白处,那么冬吴相对论会自动缩回去,出现暂停样式图标。那么等他们播完之后会出现,右边的图标样式。

  如果你还想听别的那么他就会再次跳出来,当然这次不会有动画。

  最后我还要谈一个进程自杀,当你长时间不再去按图标,那么就会自动变回原来图标,并且自杀进程,在后台消失的无隐无踪。

  好了这就是我想细谈的 App 非全屏化操作,可能还是没有完全充分达到我想表达的。但是我还是希望能够向各位极客传达我的一些让世界更美好的想法,引起共鸣。

  因为达到这种设计需要底层 ROM 的支持,所以希望和我这方面观点一样有人文关怀喜欢异想天开并且英语强悍的朋友一定要联系我啊,我们给谷歌和苹果发邮件。我们一起推动这一天的到来。

  最后想说,表面变化可能不大只能算微创新,但是这种思维理念,这种态度,我认为就是革命性的。

时间: 2024-10-31 17:33:25

APP设计中非全屏化的设计理念的相关文章

iOS7扁平化概念设计 支持全屏壁纸加强Siri

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   距离6月10日苹果WWDC的日期越来越近,越来越多的神人开始放出自己设计的iOS7猜想版的概念设计视频.现Christian Lue和Ran Avni两位设计师也放出了一段对iOS7的猜想视频.     据视频内容显示,这个概念版iOS7能够支持全屏壁纸.支持锁屏界面快速回复信息,音乐播放器加入了 新的特色功能选项,一些容纳多个图标的文件夹可以被集成到一个文件夹

网站设计打开全屏网页的两种方法

  网站设计如果想让打开的网页全屏,有以下两种方法: 1.使用window.open模拟当前页: <SCRIPT language="javascript"> function   toFull(){ if(window.name=="fullscreen")return; var a =window.open("","fullscreen","fullscreen=yes") a.locati

高手的私人笔记之APP设计流程全科普

  今天这篇译文全程满满当当的都是干货,包含超多的实用经验,比如让元素在各个尺寸中保持边界清晰的技巧,切片的专业方法,命名规则等,绝对值得每个UI设计师收藏起来! 从低分辨率开始 我通常都从非Retina显示的1x文档尺寸开始. iPad的app分辨率是用1024×768,安卓则是mdpi 或 dp (density-independent pixels)常规设备适配尺寸.如果是Mac的应用,那就通常从1280×768开始(13英寸MacBook Pro横向分辨率以及11英寸MacBook Ai

Android中通过样式来去除app的头及界面全屏(备忘)的实现方法_Android

在style中如下面那样定义: <style name="mystyle"> <item name="android.windowNoTitle">true</item><!--没标题--> <item name="android.windowFullscreen">true</item><!--全屏显示,如果想值随着某个值改变而改变,可以用?的方式来引用-->

全屏flash的尺寸分析

随着现在宽屏显示器的流行,Flash的全屏模式下,越来越需要考虑到普屏显示器与宽屏显示器的差别. Flash全屏模式有以下特点: 1.窗口最大化,且置顶显示; 2.在默认(flash内容自动缩放)状态下,swf文件保持长宽比进行缩放,直到宽.高有其一先达到屏幕尺寸. 3.当屏幕长宽比与swf文件长宽比不同时,将显示flash舞台区域外内容. 根据这些特性,我们制作的flash在全屏播放时有以下效果:由于生成的swf文件的长宽比固定,但客户端显示器分辨率多种多样,势必导致flash舞台区域外内容会

JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件_javascript技巧

HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ,有的时候用来做全屏API,游戏呀,等都很有用.先看常见的API  element.requestFullScreen()  作用:请求某个元素element全屏 Document.getElementById("myCanvas").requestFullScreen()   这里是将其中的元素ID去请求fullscreen 退出全屏   document.cancelFullScreen() Do

html5实现全屏的api方法

参考地址 [进入和退出全屏] // Webkit (works in Safari5.1 and Chrome 15) element.webkitRequestFullScreen(); document.webkitCancelFullScreen();   // Firefox 10 element.mozRequestFullScreen(); document.mozCancelFullScreen();   // W3C 提议 element.requestFullscreen();

大屏iPhone带来了App设计的三种改变

大屏iPhone带来了App设计的三种改变 时间:2014-09-20 19:55 来源:雷锋网 作者:Twig理想试验田 很长一段时间内,智能手机产业区分都很明显.Apple坚守小屏幕不改变,与此同时Google的安卓手机却越来越大.但是随着4.7英寸的iPhone6和5.5英寸的iPhone6 Plus的发布,这种分别消失了.大时代全面降临. 对于那些之前做得很出色的开发者来说,接下来的工作并不是简单地把现有的小界面扩展到大屏幕上.在与行内优秀的UI设计师交谈中,很明确的一点是由于屏幕区域已

移动界面扁平化设计:扁平化的设计理念

文章描述:总而言之,拟物化有拟物化的优点,扁平化有扁平化的长处,只有两者相结合,才能使易用性与简洁性得到更好的体现. 如果UI 界面使用了拟物化的风格,看起来跟生活实物一模一样,你一定会有按下去的欲望;而扁平化思想是一种让设计者在界面设计过程中减少信息层级的思想 当下 UI 设计的扁平化浪潮可谓如日中天,从微软的 Windows 8 开始,还有后来 Google 的 Android,到现在的苹果 iPhone 的 iOS,都采用了扁平化的设计理念.可是,你真的理解什么是扁平化吗?这不禁要画上一个