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

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

為什么要非全屏化?

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

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

而事實(shí)上也確實(shí)如此,但是,我最喜歡說(shuō)的但是來(lái)了,我的觀點(diǎn)是,有時(shí)候要的不是速度。而是一種以為更便捷的感覺(jué),和速度快慢無(wú)關(guān)。

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

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

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

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

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

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

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

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

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

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

很多非全屏化其實(shí)都可以算是偽全屏化,因?yàn)橐坏┠泓c(diǎn)開(kāi)某個(gè)非全屏化應(yīng)用,其他應(yīng)用是無(wú)法被操作的。當(dāng)然這種設(shè)計(jì)是必要的,但并非所有非全屏化應(yīng)用需要這么做,必須考慮到情境因素。

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

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

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

最后我給大家看下在我的理念下設(shè)計(jì)的用 Windows 自帶畫(huà)圖工具畫(huà)出來(lái)的冬吳相對(duì)論的 APP 概念版草圖的細(xì)節(jié)設(shè)計(jì)(這是個(gè)音頻脫口秀節(jié)目。其實(shí)我是托哦,因?yàn)槲彝ο矚g這兩個(gè)老男人的節(jié)目的。哈哈。)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

收藏
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。