細(xì)談APP非全屏化的設(shè)計理念

@承載載 之前寫了篇文章談?wù)勎磥?APP 產(chǎn)品設(shè)計的革命性趨勢，我突然發(fā)現(xiàn)一個問題，文章本身其實是談的一種趨勢，是一種更需要激發(fā)想象力的事情，不是一個粗糙的黑白案例就能得出對錯。我們更需要想象一種制造各種可能符合場景的細(xì)節(jié)然后找到支撐點。但那篇文章拿的都是目前的一些列子，導(dǎo)致了很多朋友的曲解，認(rèn)為案例就是我想表達的全部，其實那不是我的意思。我這次不拿現(xiàn)有的 app 案例，我想再仔細(xì)談一下關(guān)于去全屏化趨勢的設(shè)計理念。希望能引起各位極客的暢想。以及希望有志之士能一起為推動這一天到來而努力。

為什么要非全屏化？

理念一：滿足用戶被深層次隱藏的心理需求。

事實上懂點技術(shù)的人都知道目前應(yīng)用在好的手機上基本都是秒開，打開非全屏化應(yīng)用的時間應(yīng)當(dāng)和全屏化打開應(yīng)用的時間，在技術(shù)上說沒有真正質(zhì)的飛躍。

而事實上也確實如此，但是，我最喜歡說的但是來了，我的觀點是，有時候要的不是速度。而是一種以為更便捷的感覺，和速度快慢無關(guān)。

非全屏化操作帶來的不是速度上的便捷，而應(yīng)當(dāng)是場景上的便捷感。比如用電視機頂盒的都知道，切換頻道可以是兩種場景切換，一種是在系統(tǒng)頁面切換（電視節(jié)目被縮小到一個小框內(nèi)），另外一種是直接在全屏的電視節(jié)目間切換。 　　 這兩者雖然從本質(zhì)上呈現(xiàn)的信息完全一模一樣，速度也一模一樣。但心理上的感受就相差很大了。第一種：為了換個節(jié)目要脫離這個正在全屏播放節(jié)目的場景，進到系統(tǒng)界面場景里面去切換。第二種：換個節(jié)目就直接換，在左邊出現(xiàn)一條節(jié)目頻道欄。邊看邊換唄。

可能這個電視機案例不是最好的，但是更重要的我是想表達這么個意思，類比到手機上的感覺就是，第一種：為了一個小應(yīng)用我要在脫離我目前的場景，換到另外全屏的場景下去操作。第二種：一個小應(yīng)用能快點實現(xiàn)就快點在當(dāng)下（不換場景）快點實現(xiàn)算了唄。

所以，與真相與技術(shù)無關(guān)，只和心理感受有關(guān)。 這是一種需要設(shè)計師去把握的很微妙的感覺，不是說縮短時間和減少操作才是便捷，滿足用戶被深層次的隱藏需求這才是交互要給的。

理念二：隱藏復(fù)雜。

《簡約至上》 這本書大家應(yīng)該都看過。我很贊同其中對于隱藏的設(shè)計理念。將簡單的常用的操作呈現(xiàn)在外部，而復(fù)雜的操作被隱藏到背后。所以我們可以將小應(yīng)用的最常用操作放到非全屏化之中，而更加復(fù)雜的操作隱藏到全屏當(dāng)中。

我的理念是將小應(yīng)用設(shè)置成二層模式，第一層非全屏化并且提供常用操作。第二層就是當(dāng)用戶需要更復(fù)雜的個性化操作的時候再進入全屏化去操作。而操作完畢也可以選擇回到非全屏化狀態(tài)，這就有點像遙控器被覆蓋的設(shè)計了。大家可以感受下。雖然這個類比也不是最好的。

另外我們可以在 ROM 里設(shè)置是否默認(rèn)讓各個小應(yīng)用非全屏化，給用戶權(quán)限。

理念三：部分應(yīng)用前置可移動。

很多非全屏化其實都可以算是偽全屏化，因為一旦你點開某個非全屏化應(yīng)用，其他應(yīng)用是無法被操作的。當(dāng)然這種設(shè)計是必要的，但并非所有非全屏化應(yīng)用需要這么做，必須考慮到情境因素。

部分應(yīng)用前置可移動，這個效果其實愛奇藝已經(jīng)算是做了，有朋友說這種設(shè)計沒必要。簡直把手機桌面變成電腦桌面了。但是他忽略了，假如用戶一邊聊微信一邊看電影呢？又或者部分用戶在一邊打牌一邊看電影呢？又或者剛戀愛的屌絲想迅速展示自己淵博的學(xué)問，邊查英語單詞邊和女朋友語音微信呢？

我們必須像保姆一樣體貼地考慮到這些可能性，所以這個設(shè)計理念也有加入的必要。

附：冬吳相對論的 APP 概念版草圖的細(xì)節(jié)設(shè)計

最后我給大家看下在我的理念下設(shè)計的用 Windows 自帶畫圖工具畫出來的冬吳相對論的 APP 概念版草圖的細(xì)節(jié)設(shè)計（這是個音頻脫口秀節(jié)目。其實我是托哦，因為我挺喜歡這兩個老男人的節(jié)目的。哈哈。）

左圖是是普通狀態(tài)。

右圖說明：當(dāng)點開后，中間的圖標(biāo)全部被覆蓋，然后左右兩邊跑出子彈上面分別寫著冬和吳，代表二人思想碰撞產(chǎn)生智慧的火花，最后再在中間爆炸。這種小動畫的感覺就跟滑動解鎖一樣，是一種人文關(guān)懷，營造出一種驚喜期待感，對信息進行包裝以體現(xiàn)珍貴（《設(shè)計中的設(shè)計》）。和冷冰冰的快速的打開應(yīng)用是兩回事。 當(dāng)然不是所有小應(yīng)用都這樣設(shè)計，還是那句話，看情況。否則就是畫蛇添足。

爆炸完后冬吳相對論的界面就出現(xiàn)了。我們留一個全屏化設(shè)置的按鈕給用戶。

當(dāng)進入全屏化的時候我們也給他們選擇一個回到非全屏化的按鈕。

最后結(jié)合我上篇文章寫得關(guān)于動態(tài)圖標(biāo)的設(shè)計，當(dāng)你開始聽錄音的時候，你隨便點一下周圍空白處，那么冬吳相對論會自動縮回去，出現(xiàn)暫停樣式圖標(biāo)。那么等他們播完之后會出現(xiàn)，右邊的圖標(biāo)樣式。

如果你還想聽別的那么他就會再次跳出來，當(dāng)然這次不會有動畫。
最后我還要談一個進程自殺，當(dāng)你長時間不再去按圖標(biāo)，那么就會自動變回原來圖標(biāo)，并且自殺進程，在后臺消失的無隱無蹤。
好了這就是我想細(xì)談的 App 非全屏化操作，可能還是沒有完全充分達到我想表達的。但是我還是希望能夠向各位極客傳達我的一些讓世界更美好的想法，引起共鳴。

因為達到這種設(shè)計需要底層 ROM 的支持，所以希望和我這方面觀點一樣有人文關(guān)懷喜歡異想天開并且英語強悍的朋友一定要聯(lián)系我啊，我們給谷歌和蘋果發(fā)郵件。我們一起推動這一天的到來。
最后想說，表面變化可能不大只能算微創(chuàng)新，但是這種思維理念，這種態(tài)度，我認(rèn)為就是革命性的。

原文地址：geekpark
作者：@承載載

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計講座：每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實戰(zhàn)經(jīng)驗。
設(shè)計微博：擁有粉絲量27萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：