為何移動(dòng)端UX設(shè)計(jì),還需向PC端取經(jīng)?

0 評(píng)論 4203 瀏覽 27 收藏 22 分鐘

曾在frog/symbian/apple/google從事設(shè)計(jì),目前在chrome團(tuán)隊(duì)的Scott認(rèn)為:當(dāng)下的平板或手機(jī),都沒有解決文本編輯復(fù)雜、單窗口限制等問題,桌面設(shè)備依舊是主要生產(chǎn)力工具。移動(dòng)設(shè)計(jì)的未來會(huì)變成生產(chǎn)工具嗎?iPad pro算是一種過渡工具,但就體驗(yàn)來講,或許mobile還需要向desktop學(xué)習(xí)很多。

當(dāng)時(shí)我妻子在用平板電腦時(shí),我問她有沒有回復(fù)一封重要郵件。她當(dāng)即放下她的平板拿起筆記本電腦去查看。我問她:“為什么不用平板電腦呢?”她當(dāng)時(shí)回了我一個(gè)“你在逗我嗎?”的表情,然后面無表情地說“我有正事要做”。妻子超愛她的平板電腦,幾乎每天不離手,可當(dāng)需要做“正經(jīng)事”的時(shí)候卻用筆記本電腦來做事。盡管大部分人認(rèn)為移動(dòng)端是計(jì)算機(jī)的未來趨勢(shì),一些有意思的現(xiàn)象正在發(fā)生。在這個(gè)幾乎每年出現(xiàn)新的科技出場(chǎng)代替舊科技的世界上,我們大多人卻常常尋求“老派的”筆記本電腦。這并不是懷舊,而是說明移動(dòng)端無法完全勝任一些深層次的問題移動(dòng)端。這篇文章將解釋關(guān)于解決這些問題的方法。

先王亡矣!新王萬代!

新的計(jì)算范式出現(xiàn)后會(huì)迅速代替舊范式是公認(rèn)的常識(shí)。小型計(jì)算機(jī)代替大型計(jì)算機(jī)后接著又被工作站,被臺(tái)式電腦所代替。這是一條永不停歇、新老交替的洪流。移動(dòng)端明顯是計(jì)算機(jī)發(fā)展鏈條上的下一段,然而在通往支配地位的過程卻舉步維艱。當(dāng)然,臺(tái)式電腦(和筆記本電腦)不再是當(dāng)初那個(gè)大量成長(zhǎng)的產(chǎn)業(yè),卻不會(huì)再重復(fù)工作站、大型計(jì)算機(jī)及小型計(jì)算機(jī)的老路。

記得2010年的時(shí)候大家都清楚的意識(shí)到平板電腦將會(huì)帶來產(chǎn)業(yè)革新。我工作的地方有專門設(shè)置“星期二平板電腦日”(“Tablet Tuesdays”):鼓勵(lì)大家這一整天都只用手機(jī)或平板做事。當(dāng)然這種推廣策略并沒有維持很久……大部分人都用回了電腦。學(xué)校雖然一開始嘗試iPad各種可能性,現(xiàn)在也慢慢恢復(fù)了電腦使用習(xí)慣。更令人不解的是,雖然手機(jī)銷量持續(xù)增長(zhǎng),平板電腦銷量卻陷入停滯、甚至開始下降。到底是怎么回事?

新興市場(chǎng)效應(yīng)vs原有市場(chǎng)效應(yīng)

去了解新科技技術(shù)如何更替舊技術(shù)的會(huì)對(duì)你有較大幫助?!秳?chuàng)新者的窘境》(the Innovator’s Dilemma)一本很棒的商業(yè)書籍詳細(xì)探討了這個(gè)主題——新科技如何經(jīng)常被當(dāng)下用戶所忽視。至少在一開始就存在著問題,一項(xiàng)新的科技技術(shù)不能很好為現(xiàn)有用戶使用,只能找新的被低估的市場(chǎng)。當(dāng)新的市場(chǎng)發(fā)展起來后,新興技術(shù)會(huì)慢慢發(fā)展成熟,開始對(duì)原有市場(chǎng)產(chǎn)生有用的價(jià)值,才會(huì)促使所有人消費(fèi)。

本書以希捷(Seagate)硬盤舉例講解這個(gè)效應(yīng)。1980年,他們新出的5.25英寸硬盤對(duì)當(dāng)時(shí)主流計(jì)算機(jī)平臺(tái)——小型計(jì)算機(jī)來講容量太小了。當(dāng)時(shí)硬盤制造者便想把這些硬盤出手,可是它們后來被快速增長(zhǎng)的PC市場(chǎng)所拯救了。因?yàn)镻C需要體積小、耗電量小的硬盤。在這十年間,新硬盤快速提高了容量并超越了小型計(jì)算機(jī)的硬盤。于是希捷繼續(xù)更替了大部分原有的硬盤制造廠家并支配著整個(gè)PC市場(chǎng)。

這表明新興科技一開始會(huì)在被低估的市場(chǎng)迅速發(fā)展。一旦發(fā)展起來,它會(huì)迅速成長(zhǎng)至可以跟上原有市場(chǎng)的時(shí)候。我把支配市場(chǎng)的兩步驟稱為“新興市場(chǎng)效應(yīng)”(the New Market Effect)和“原有市場(chǎng)效應(yīng)”(the Old Market Effect)。以現(xiàn)在移動(dòng)技術(shù)的案例來說,新興市場(chǎng)效應(yīng)肯定在游戲、社交app、新聞?lì)I(lǐng)域已經(jīng)實(shí)現(xiàn)了。智能手機(jī)可以做到筆記本電腦辦不到的事:旅行時(shí)曬照片共享,排隊(duì)時(shí)消磨時(shí)間,或是在候機(jī)時(shí)快速發(fā)新鮮事。移動(dòng)端的新興市場(chǎng)效應(yīng)實(shí)現(xiàn)了一系列臺(tái)式機(jī)/筆記本電腦沒未曾考慮的全新使用場(chǎng)景。

經(jīng)濟(jì)vs人體工學(xué)的影響

所以新興市場(chǎng)效應(yīng)清晰地體現(xiàn)在移動(dòng)端設(shè)備上,它在電腦無法涉及的領(lǐng)域里快速成長(zhǎng)(我最喜歡的例子之一,即移動(dòng)端設(shè)備內(nèi)有給貓咪玩的游戲?。?。但問題在于太多人把新舊兩個(gè)效應(yīng)揉到一起考慮。他們認(rèn)定移動(dòng)端正在形成新的市場(chǎng)(尤其在發(fā)展中國(guó)家),預(yù)測(cè)它將來也會(huì)更替?zhèn)鹘y(tǒng)電腦市場(chǎng)。

盡管移動(dòng)端的確在發(fā)展中國(guó)家迅速成長(zhǎng),但說它會(huì)把臺(tái)式電腦置于死路的說法也過于天真了。這些國(guó)家的用戶普遍使用用移動(dòng)端可能出于無奈之舉。我擔(dān)心人們可能會(huì)迷惑人體工學(xué)所帶來的經(jīng)濟(jì)效應(yīng)。很難說發(fā)展中國(guó)家人民用手機(jī)是因?yàn)轶w驗(yàn)性更好,更有可能是因?yàn)閮r(jià)格便宜。事實(shí)上總的來說這里的新舊更替成功的確是一個(gè)值得關(guān)注的課題。不過對(duì)有可以在兩者間選擇其一的條件的人來說,我們也沒有觀察到顯著的傳統(tǒng)市場(chǎng)效應(yīng)。不同意我結(jié)論的人你們真的會(huì)下大部分企業(yè)已經(jīng)為了平板電腦市場(chǎng)放棄臺(tái)式電腦的結(jié)論了嗎?當(dāng)然不能。這里面一定有值得探索的地方。在我上一篇里(The Paradox of Empathy)講到的,重要的發(fā)現(xiàn)總是始于普通的觀察說“這還挺有趣的……”

3.webp

目前還是沒有用手機(jī)編程的大俠吧?

來自用戶體驗(yàn)菜鳥的報(bào)復(fù)

我妻子不是為了情懷才用筆記本電腦的。從深層用戶體驗(yàn)上來說,筆記本電腦給了她平板電腦缺乏的表現(xiàn)力。傳統(tǒng)市場(chǎng)效應(yīng)沒有(至少還沒有)影響到筆記本電腦,僅僅因?yàn)橐苿?dòng)端還未發(fā)展成熟到可以替代它的因素。但是拜托先別把這變成一場(chǎng)微博上的罵戰(zhàn),到處有人用平板電腦寫郵件、展示ppt的例子。當(dāng)然這些使用者都存在著,但就像我之前講過的,他們是證明一貫市場(chǎng)效應(yīng)的例外。這些人在手機(jī)上寫一整本小說,他們更像奧運(yùn)會(huì)運(yùn)動(dòng)員:我們驚嘆他們能辦到的卻從未想象自己也會(huì)辦到。

大部分企業(yè)依舊使用電腦僅因?yàn)槿藗冊(cè)赑C端工作效率更高。如果你想抱怨說“商用”標(biāo)簽已經(jīng)無關(guān)緊要了,那說明你仍為新興市場(chǎng)和原有市場(chǎng)效應(yīng)的概念所混淆。我并不覺得PC端會(huì)把移動(dòng)端擊垮、也不覺得PC就會(huì)一直存在。我只是想謹(jǐn)慎地討論P(yáng)C端和移動(dòng)端的用戶體驗(yàn)區(qū)別及意義。

一切都跟“微交互”有關(guān)

我職業(yè)生涯的大部分時(shí)間都在向別人解釋用戶體驗(yàn)(UX)小細(xì)節(jié)的重要性。幸運(yùn)的是Dan Saffer曾經(jīng)寫過一本很棒的書《微交互》來解釋同樣的問題。微交互,指一個(gè)提供巨大價(jià)值的產(chǎn)品內(nèi),所發(fā)生的細(xì)小其貌不揚(yáng)的交互瞬間。我們總是會(huì)輕視——至少是普遍的低估——這些微交互賦予了一個(gè)產(chǎn)品的價(jià)值;同樣的事情也發(fā)生在移動(dòng)端和PC端的用戶體驗(yàn)(UX)討論上。我們太著迷于多點(diǎn)觸控帶來的技術(shù)享受,以致忽視了移動(dòng)端用戶體驗(yàn)為此做出的讓步——有好處也有壞處。這幾個(gè)方面來說:

1.文本精確性

如果你要迅速發(fā)一條短微博(twitter)或者寫一封郵件說“五點(diǎn)到哦”,移動(dòng)端的軟鍵盤和笨拙的光標(biāo)控制都還夠用;不過如果你想認(rèn)真寫點(diǎn)東西就比較麻煩了。整體來講在移動(dòng)端上寫長(zhǎng)文本比較困難,因?yàn)樵谖⒔换用妫苿?dòng)端較難控制好文本。在此列出部分效果:

  • 光標(biāo)定位和自動(dòng)校準(zhǔn)功能沖突
  • 較難精確放置光標(biāo)
  • 自動(dòng)校準(zhǔn)經(jīng)常造成尷尬狀況
  • 點(diǎn)擊屏幕會(huì)快速切換上下文(跟電腦鍵盤上的箭頭比較)
  • 拷貝/粘貼比較繁瑣(相對(duì)于電腦來說)

2.窗口精確性

手機(jī)一次只能開一個(gè)窗口。這項(xiàng)簡(jiǎn)化優(yōu)點(diǎn)能讓用戶能忽視電腦系統(tǒng)自帶的一系列視覺上、功能上的雜亂組件。如果只是單純看Youtube視頻或者玩游戲,使用手機(jī)就夠了。不過一旦你要開始創(chuàng)建新內(nèi)容、想要在文檔之間拷貝/粘貼、或者比較分析兩件草稿的時(shí)候,很明顯在此會(huì)喪失移動(dòng)端的表現(xiàn)力。這種問題會(huì)因大一點(diǎn)的屏幕而更為突出。平板電腦若變得跟電腦一樣大小,這項(xiàng)簡(jiǎn)化功能就反而成了顯著的限制了。

3.文件精確性

文件在大部分移動(dòng)app上是看不見的。用戶信息自動(dòng)隱藏在app后臺(tái),每個(gè)app都有自己的UX技巧來顯示這些信息。這也是很不錯(cuò)的簡(jiǎn)化功能,同樣也能很好解決保存游戲記錄??匆曨l之類的問題??墒且坏┯袔资畟€(gè)文件,比如想拖圖片進(jìn)郵件、想用兩個(gè)app編輯同一個(gè)文件之類的,這些簡(jiǎn)化功能反而開始讓用戶望而卻步了。

毫無疑問完全成熟的傳統(tǒng)電腦文件夾對(duì)移動(dòng)設(shè)備殺傷力太大了。通過把移動(dòng)設(shè)備用戶體驗(yàn)以容器模型方式限制到app里,移動(dòng)app遭受致命打擊:你不能用好幾個(gè)app且訪問內(nèi)容,也無法利用云存儲(chǔ)的優(yōu)勢(shì)。

但是沒人在乎這些!

誰在乎呢?一項(xiàng)新技術(shù)開辟了新的市場(chǎng),這才是真正產(chǎn)生作用的地方。誰會(huì)去在乎文件或電子郵件呢?這些問題會(huì)像恐龍一樣消失,這只是時(shí)間問題。在《創(chuàng)新者的窘境》(the Innovator’s Dilemma)中有對(duì)這個(gè)問題的簡(jiǎn)單回答:

“醒來吧,嗅一嗅創(chuàng)新的味道,你這落伍的為懷舊情懷所蒙蔽的辯護(hù)者!”

哎呦,這話是有點(diǎn)苛刻了,但是我確實(shí)有聽你說過……我們?yōu)槭裁匆ピ诤跄切┥贁?shù)只想寫愚蠢幻燈片的老土生意人呢?

實(shí)際上我也……不在乎。

這篇文章的重點(diǎn)不在于保衛(wèi)臺(tái)式電腦,而在于提高移動(dòng)端。人體工學(xué)的巨大商機(jī)擺在我們眼前,于是我們完全被新興市場(chǎng)的成功所蒙蔽完全從而感激它。我們需要由衷地承認(rèn),當(dāng)在電腦桌面拖移、處理文本、窗口和文件任務(wù)時(shí),移動(dòng)端難以達(dá)到“臺(tái)式電腦這一功能”。然而,這必然不意味著我們應(yīng)該向后退步到臺(tái)式電腦。讓我們先從真摯感謝對(duì)這些缺陷起步吧。然后讓我們向前一步,認(rèn)真地思考下:“我們?nèi)绾文芙鉀Q這些缺陷?

這里有個(gè)列表,包含著值得我們?nèi)ヌ剿鞯氖挛?,以便提升高移?dòng)端UX。我想強(qiáng)調(diào)的是,這個(gè)列表上的每一件事都會(huì)影響到你的探索,哪怕在極其微小的程度。這就是“微交互”。這些改進(jìn)并不會(huì)成為頭條新聞,但它們卻遠(yuǎn)遠(yuǎn)超過了它們本身的價(jià)值。這些改進(jìn)是核心模塊,強(qiáng)大的UX經(jīng)驗(yàn)正是建立在這上面的:

6.webp

以欣賞軟鍵盤閃光點(diǎn)的眼光去接納它的功能缺陷

平板電腦已經(jīng)擁有了實(shí)體鍵盤,大多數(shù)人都會(huì)感覺到它已 “解決”了任何揮之不去的輸入問題。但是,創(chuàng)建長(zhǎng)文本的情況遠(yuǎn)復(fù)雜于多純粹的打字,你還需要選擇和編輯它。但移動(dòng)端的UX設(shè)置做了許多小細(xì)節(jié)事情來支持軟鍵盤,例如當(dāng)用戶在文本內(nèi)點(diǎn)擊時(shí)會(huì)出現(xiàn)全自動(dòng)替代詞的選擇和彈出式菜單。盡管很有幫助,但這些小功能也會(huì)累積生成反面效果。當(dāng)你在臺(tái)式電腦上點(diǎn)擊文本時(shí),它只需做一件事,即移動(dòng)光標(biāo)??稍谝苿?dòng)端UX中,它就是一個(gè)“復(fù)用獸”的選項(xiàng)擇。連實(shí)行一些非?;镜牟僮?,例如選擇一個(gè)詞或放置光標(biāo),都會(huì)覺得很困難。只是我們要承認(rèn)這個(gè)“復(fù)用”的效果確實(shí)在幫助我們認(rèn)識(shí)這些問題、并反思默認(rèn)的動(dòng)作優(yōu)化方面仍有很長(zhǎng)的路要走,所以我們可以通過核心的開發(fā)來改善,以使移動(dòng)光標(biāo)的行為更可預(yù)測(cè)。

通過壓力觸屏摸進(jìn)行文本選擇

同理,如果我們能在觸屏上開發(fā)一點(diǎn)更具表現(xiàn)力的東西,這可能會(huì)給我們的UX用戶體驗(yàn)帶來更多的細(xì)節(jié),比如我們可以在PC端UX桌面中改進(jìn)基本的光標(biāo)位置。目前,壓力觸屏摸作為一個(gè)打開應(yīng)用程序的中倍受榮耀的右擊方式而使用。它還可以用在更微妙的方面。例如,它有助于減小我們?cè)谶x定文本或提供上述的輔助功能時(shí)受到的干擾。

更好的復(fù)制/粘貼

復(fù)制和粘貼是電腦的基本操作功能,但目前太難在移動(dòng)端中實(shí)現(xiàn)。復(fù)制和粘貼在PC端一直被放置在 桌面的“編輯”菜單中,且快捷鍵總可以隨時(shí)使用。但移動(dòng)端沒有菜單或快捷鍵,所以它被迫被以不理想的方式置入進(jìn)來,通常作為一個(gè)彈出菜單出現(xiàn),當(dāng)用戶不想看到它的時(shí)候。我們第一步是要承認(rèn)這是一個(gè)UX缺陷,然后才能找到更好的、更高效的解決方案。一種改進(jìn)方向是可以在鍵盤上置入一個(gè)復(fù)制/粘貼按鈕,這是我們已有的經(jīng)驗(yàn)(向PC端的鍵盤學(xué)習(xí))。牛頓的可視剪貼板在這方面就有著巨大的價(jià)值,它使剪貼板對(duì)用戶可見,所以它不僅可以容易讓用戶看到有什么功能在剪貼板中,還創(chuàng)建了一個(gè)新的控制面板,可輕觸需要復(fù)制粘貼的內(nèi)容然后拖動(dòng)其到目標(biāo)區(qū)域。

等效箭頭鍵

通常在打字時(shí),你只需再返回幾個(gè)字符就可以進(jìn)行編輯。如果在鍵盤上有一些簡(jiǎn)單的箭頭鍵這個(gè)過程就會(huì)簡(jiǎn)單得多。有一些聰明的點(diǎn)子可實(shí)現(xiàn),比如刷過去的操作,就是將鍵盤變成一個(gè)可使光標(biāo)移動(dòng)的臨時(shí)觸控板??紤]到我們已經(jīng)研究了鍵盤上的手勢(shì)動(dòng)作,在鍵盤方面就有很多可以做的提升。

多窗口模式

iPad Pro和Windows平臺(tái)已經(jīng)嘗試過有限的雙窗口的模式。超級(jí)用戶們對(duì)此十分喜愛。

7.webp

我們需要繼續(xù)探索并推動(dòng)這種方法,尤其隨著平板電腦尺寸的增大的趨勢(shì)。這不只是為了在多窗口之間移動(dòng)數(shù)據(jù),還能夠滿足一次性查看更多“內(nèi)容”的簡(jiǎn)單需求。擁有滑動(dòng)滾輪的雙窗口模式是一個(gè)簡(jiǎn)單的功能延伸,但隨著平板電腦尺寸的增大,可容納超過兩個(gè)窗口或許會(huì)也會(huì)成為新一種選擇。

向其他程序顯示文件

將應(yīng)用程序數(shù)據(jù)暴露在可訪問的文件幾乎看起來像是數(shù)字版權(quán)。用戶有權(quán)打開可被其他人看到或修改的文件格式。顯然最有價(jià)值的使用例子是照片。大多數(shù)應(yīng)用程序只需要讀取訪問(例如插入一張照片),但其他的應(yīng)用程序需要修改訪問對(duì)象。這樣做當(dāng)然有風(fēng)險(xiǎn)但它允許一個(gè)更開放、幾近結(jié)構(gòu)玩具(一套各種形狀的零件,兒童可用螺栓等接合零件自由地結(jié)合成房屋,車輛等結(jié)構(gòu))的方法去使用應(yīng)用程序。請(qǐng)注意,我們不需要退回到整套的臺(tái)式電腦的桌面文件夾系統(tǒng)以實(shí)現(xiàn)這種使用方式。一個(gè)可被任何應(yīng)用程序獲得的,像儲(chǔ)有用戶內(nèi)容的文件夾那樣簡(jiǎn)單的保管箱(一個(gè)提供同步本地文件的網(wǎng)絡(luò)存儲(chǔ)在線應(yīng)用)將是一個(gè)偉大的開端。

向云端顯示文件

一個(gè)相關(guān)的觀點(diǎn)是,通過允許將應(yīng)用程序數(shù)據(jù)公開在一個(gè)簡(jiǎn)單的文件系統(tǒng),你現(xiàn)在可以將這些文件移動(dòng)到云端。我們現(xiàn)在都有一個(gè)以上的設(shè)備,每個(gè)設(shè)備上的應(yīng)用程序具有訪問相同文件的能力無疑是一項(xiàng)巨大的簡(jiǎn)化。這種功能在我的PC端上是理所當(dāng)然的事兒,但對(duì)我目前大部分移動(dòng)端上的應(yīng)用程序而言,它幾乎是無法翻越的壁壘。我們當(dāng)然可以實(shí)現(xiàn)這一點(diǎn),因?yàn)樗鼛缀醪簧婕叭魏晤~外的用戶復(fù)雜性。

8.webp

Holocube公司通過內(nèi)置投影儀和透明屏幕讓iPad能夠模擬3D視角。

結(jié)論

移動(dòng)端并沒有像我們大多數(shù)人預(yù)期的那樣置臺(tái)式電腦于死地。它顯然是計(jì)算機(jī)的未來成長(zhǎng)平臺(tái)(至少,直到下一個(gè)新興科技的出現(xiàn)),但我們已經(jīng)遇見過度炒作新市場(chǎng)效應(yīng),聚焦在顯而易見的“閃光點(diǎn)”上,卻對(duì)起著關(guān)鍵作用的“微交互”視而不見。我們是如此熱愛令人眼花繚亂的UX表面以至于忽略了已經(jīng)驗(yàn)證與尋常的細(xì)節(jié)所帶來的深刻影響。這里列出的方向太容易被忽視,但他們實(shí)際上是強(qiáng)大的UX經(jīng)驗(yàn)的核心模塊并且亟待被改進(jìn)。只是有點(diǎn)奇怪的是,如此多的移動(dòng)端靈感可以來源于它“不合格”的前身,PC端UX界面。

 

作者 | Scott Jenson

翻譯 | 柴俐、李鑫然

校對(duì) | 楊綠野

文章推薦 | 王子娟

本文由 @特贊Tezign(公眾號(hào):Tezign)原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!