手機(jī)與電腦有何差異端礼?這看起來就是一個(gè)傻問題。
開始考慮這個(gè)傻問題有一個(gè)更傻的起因:在手機(jī)上看到了Adobe的Lr也是個(gè)App……作為設(shè)計(jì)師冯乘,條件反射地想:為什么我們大Ps在手機(jī)上沒法用呢……洽胶?!稍微想了想裆馒,覺得……這真是個(gè)傻問題姊氓。
但如果考慮的更深入一點(diǎn)丐怯,把問題放大,考慮平臺(tái)對(duì)其中界面和功能的天然限制翔横,就變成了一個(gè)很有趣的問題读跷。那還是要謝謝這個(gè)條件反射的傻問題,給了我一個(gè)契機(jī)禾唁,讓我得以在這個(gè)有趣的問題上有一些深入的思考:)
由于個(gè)人使用經(jīng)驗(yàn)限制效览,可能有的部分會(huì)有偏駁之處,請(qǐng)不吝指正:)
一荡短、附屬設(shè)備差異
1丐枉、實(shí)體鍵盤VS虛擬鍵盤
目前,無論對(duì)電腦還是手機(jī)而言肢预,鍵盤都還是主要的輸入設(shè)備矛洞。
電腦鍵盤由打字機(jī)發(fā)展擴(kuò)展而來,自身有著悠久的歷史烫映,在近二十年來,隨著各類設(shè)備的出現(xiàn)噩峦,更是進(jìn)入了蓬勃發(fā)展階段锭沟,各種類型琳瑯滿目:臺(tái)式機(jī)常規(guī)的外接鍵盤、筆記本電腦鍵盤识补、藍(lán)牙鍵盤族淮、電腦上的軟鍵盤、各種手機(jī)的實(shí)體鍵盤……電腦相關(guān)的各種鍵盤依然保留著在用凭涂,而那些鍵盤手機(jī)看起來也是親切非常祝辣,尤其是諾基亞經(jīng)典款:)
手機(jī)跌跌撞撞從最初的單色屏進(jìn)化到了彩屏,但鍵盤依舊是不可或缺的裝備切油,屏幕開始逐漸增大蝙斜,直板式手機(jī)要塞下屏幕和鍵盤未免顯得擁擠,為了留出更大的顯示區(qū)域澎胡,鍵盤開始和屏幕各據(jù)一方——各類翻蓋孕荠、滑蓋手機(jī)開始大放異彩。順著大勢(shì)所趨和技術(shù)進(jìn)步攻谁,觸屏手機(jī)出現(xiàn)了稚伍,相比之前小打小鬧的演化,實(shí)體鍵盤化為虛擬鍵盤可謂是一場(chǎng)革命戚宦。
最初的虛擬鍵盤个曙,無論樣式還是點(diǎn)觸音效,都在力求做的像實(shí)體鍵盤受楼,模仿現(xiàn)實(shí)世界以降低交互學(xué)習(xí)成本垦搬。到現(xiàn)在祠挫,大家已經(jīng)習(xí)慣虛擬鍵盤,為了追求表達(dá)和理解效率悼沿,鍵盤設(shè)計(jì)也開始走向扁平化等舔,鍵盤承載的輸入形式也變得更加多樣化。
就功能而言糟趾,虛擬鍵盤的最大特色慌植,是適時(shí)出現(xiàn)。用戶可以更集中于屏幕中的內(nèi)容义郑,在使用時(shí)蝶柿,又能恰到好處應(yīng)時(shí)出現(xiàn),完成后又優(yōu)雅的隱去身形非驮。而且不僅如此交汤,虛擬鍵盤在出現(xiàn)時(shí),還能適度簡化和想你之所想劫笙,在輸入不同內(nèi)容時(shí)芙扎,鍵盤能應(yīng)時(shí)改變,將輸入工作變得更簡單填大。
就輸入形式上而言戒洼,歷數(shù)下來,虛擬鍵盤能承載的輸入形式大致有這五種:
1)26鍵模式允华。心理模型:傳統(tǒng)鍵盤圈浇。
2)9鍵模式。心理模型:老式鍵盤機(jī)靴寂。
3)手寫功能磷蜀。心理模型:電腦外接的手寫板。
4)語音輸入百炬。心理模型:話筒褐隆。這是手機(jī)獨(dú)有的交互方式,也是近些年的熱點(diǎn)收壕。隨著科技的進(jìn)步妓灌,語音識(shí)別的精準(zhǔn)度變高,語音輸入成為了一件很有趣的事情:調(diào)戲siri蜜宪,用訊飛輸入法識(shí)別各種方言虫埂、外語……
5)滑動(dòng)輸入。這也是手機(jī)獨(dú)有的交互方式圃验,是Gboard的殺手锏——打字時(shí)不用十指翻飛噼里啪啦掉伏,只用一根手指在鍵盤上劃拉即可。一指禪重現(xiàn)江湖,確實(shí)是非常方便斧散。?
因觸屏手機(jī)尺寸有限供常,比起電腦鍵盤,虛擬鍵盤天然就有不少限制鸡捐。比較籠統(tǒng)的總結(jié)起來栈暇,起源都是一個(gè)——功能鍵的削減。
從常規(guī)外接鍵盤到筆記本電腦到PDA到直板手機(jī)到觸屏手機(jī)箍镜,鍵盤一直在簡化源祈,只保留必需的與高頻使用的部分。
走到最后的觸屏鍵盤這步色迂,F(xiàn)1~F12香缺,有重復(fù)的數(shù)字鍵盤,方向鍵上的九個(gè)功能鍵歇僧,方向鍵图张,Ctrl/Command、Shift诈悍、Alt祸轮、Fn等鍵都被削減了,高頻鍵如delete是一定要被保留的写隶,esc鍵這種必需鍵以主鍵的形式保留倔撞。
沒有了功能鍵,絕大部分快捷鍵就也不能用了慕趴。撇開其他使用頻率低的組合鍵,以最常用的“Ctrl+A全選”“Ctrl+C復(fù)制”“Ctrl+V黏貼”為例:在電腦上鄙陡,可以對(duì)幾乎所有文件進(jìn)行這三個(gè)操作冕房;在手機(jī)上,基本只可對(duì)文字進(jìn)行這一快捷操作(長按)趁矾,對(duì)其他文件進(jìn)行這三個(gè)常用功能只能通過相對(duì)復(fù)雜一些的操作完成耙册。
2、鼠標(biāo)(或觸控板毫捣、軌跡球详拙、trackpoint)VS多點(diǎn)觸控屏幕
“當(dāng)你與屏幕產(chǎn)生緊密互動(dòng)時(shí),你需要一種裝置蔓同,可以通過它點(diǎn)選屏幕上的選項(xiàng)饶辙,并且讓計(jì)算機(jī)知道你要它做什么“吡唬”——道格拉斯·恩格爾巴特(鼠標(biāo)之父)
鼠標(biāo)的發(fā)明弃揽、演化、廣為使用,是設(shè)計(jì)史上一個(gè)經(jīng)典的案例矿微。歷經(jīng)種種改進(jìn)痕慢,鼠標(biāo)的造型和功能基本穩(wěn)定下來:它有著柔和方便抓握的外觀,配有左右兩按鍵和中部滾輪涌矢,鼠標(biāo)的位置和電腦上光標(biāo)的位置形成對(duì)應(yīng)掖举,使用者可通過按鍵和滾輪裝置對(duì)光標(biāo)經(jīng)過位置的屏幕元素進(jìn)行操作。
手機(jī)的定位和優(yōu)勢(shì)就是便捷娜庇,要對(duì)屏幕元素進(jìn)行操作塔次,拖個(gè)鼠標(biāo)是不現(xiàn)實(shí)的。在手機(jī)發(fā)展的早期思灌,“點(diǎn)選屏幕上的選項(xiàng)”這一操作俺叭,是通過上下左右及確定鍵來實(shí)現(xiàn)的;進(jìn)入觸屏手機(jī)時(shí)代后泰偿,“點(diǎn)選屏幕上的選項(xiàng)”這一操作有了最直觀最實(shí)用最“便攜”的工具——手指熄守。
對(duì)于電腦而言,鼠標(biāo)能做哪些操作呢耗跛?單擊裕照、雙擊、右鍵调塌、滾動(dòng)……將鼠標(biāo)能承載的種種功能篩選整合到手機(jī)里晋南,真不是件容易的事情,這些操作在手機(jī)整合的如何羔砾?如何體現(xiàn)负间?我嘗試對(duì)照著簡單分析了一下:)
1)滑動(dòng)鼠標(biāo)改變光標(biāo)的位置——滑動(dòng)改變位置是為了定位,手機(jī)上并不需要這一功能姜凄,定位處由手指在屏幕之外的落點(diǎn)確定政溃。
2)滾動(dòng)滾輪使當(dāng)前頁面上下移動(dòng)——在手機(jī)上由上滑、下滑手勢(shì)完成态秧。
3)單擊左鍵選中某一元素——在電腦上董虱,選中時(shí)可查看一些基礎(chǔ)信息。手機(jī)上并不存在像電腦上一樣的“選中”狀態(tài)申鱼,基礎(chǔ)信息如創(chuàng)建時(shí)間愤诱、文件大小等,相對(duì)較難直接查看或不能直接查看捐友。
4)雙擊左鍵可打開某一元素——高頻操作淫半,在手機(jī)上以最便捷的“單擊”手勢(shì)實(shí)現(xiàn)。順便疑問:在電腦上單擊也是最輕松的楚殿,為什么電腦上不是單擊打開撮慨?單擊選中只可查看屬性竿痰,這個(gè)功能老實(shí)說有點(diǎn)雞肋,那為什么要雙擊打開呢砌溺?查詢了一下影涉,在電腦上,也是可以設(shè)置成單擊打開的规伐。電腦上單擊表選擇有何意義呢蟹倾?考慮之下得到一個(gè)可能的答案:是為了右鍵功能考慮。雖然在某一元素上懸浮并直接單擊右鍵猖闪,就可打開右鍵的功能列表鲜棠,但也有很大一部分人净当,是習(xí)慣先單擊選中斋泄,再操作右鍵的。此外沛慢,雙擊打開已經(jīng)在漫長的歲月里讓大家形成了操作習(xí)慣吵护。其實(shí)要是右鍵操作熟練的話盒音,單擊打開也更省事。(不知道雙擊打開跟系統(tǒng)反應(yīng)速度或者人的識(shí)別心理有沒有關(guān)系馅而?)
5)單擊右鍵可查看對(duì)當(dāng)前這一元素可進(jìn)行的操作——這些操作一般有:用不同軟件打開祥诽、壓縮文檔、剪切瓮恭、復(fù)制雄坪、黏貼、刪除屯蹦、創(chuàng)建快捷方式维哈、發(fā)送到……、重命名登澜、查看屬性笨农、圖片的設(shè)置為桌面背景。在手機(jī)上:壓縮文檔沒有了帖渠,低頻需求;剪切竭宰、復(fù)制空郊、黏貼、刪除切揭、重命名這些是基礎(chǔ)操作狞甚,保留了;圖片設(shè)置為背景保留了廓旬;用不同軟件打開哼审、查看屬性在安卓手機(jī)上保留了;發(fā)送到……以“分享”的形式保留且發(fā)揚(yáng)光大了。右鍵承載的功能和操作涩盾,梳理整合后十气,大體保留下來,以適合手機(jī)端的形式呈現(xiàn)出來春霍。
6)選中某一元素按住左鍵并拖動(dòng)可移動(dòng)某一元素——在手機(jī)上這一交互模式也有一點(diǎn)保留砸西,如長按App圖標(biāo)進(jìn)入編輯狀態(tài)后可點(diǎn)擊拖動(dòng)更換位置。
7)鼠標(biāo)光標(biāo)在某一元素上停留會(huì)出現(xiàn)hover狀態(tài)——hover狀態(tài)可以說是一個(gè)預(yù)選中狀態(tài)址儒,此時(shí)屏幕元素的常見響應(yīng)有展開芹枷、出現(xiàn)浮層或解釋、高亮等莲趣。對(duì)于手機(jī)而言鸳慈,沒有鼠標(biāo),這個(gè)狀態(tài)……喧伞?不存在的走芋。
8)鼠標(biāo)拉框可批量選中——這個(gè)交互模式也可以說是有保留,但是適用面變窄了:在對(duì)圖片進(jìn)行操作時(shí)絮识,斜拉一條對(duì)角線绿聘,可批量選中多張圖片。
除了對(duì)鼠標(biāo)承載的功能進(jìn)行篩選整合之外次舌,手機(jī)屏幕自身也有獨(dú)特之處熄攘。
首先先談一個(gè)限制之處:比起鼠標(biāo),手指太大而屏幕又太小彼念,所以挪圾,在進(jìn)行有的精細(xì)操作時(shí),真是讓人氣得七竅生煙逐沙。想一想在輸入文字時(shí)想編輯中間部分時(shí)哲思,戳戳戳,光標(biāo)就是對(duì)不準(zhǔn)的糾結(jié)吩案,或者想在手機(jī)上畫畫而只能留下豪邁粗獷的筆觸時(shí)的郁悶棚赔。沒辦法,手指點(diǎn)觸區(qū)域就是有這么大呀徘郭,iOS和Android系統(tǒng)為此都規(guī)定了最小點(diǎn)擊區(qū)域的大小靠益,88px和48dp。常見的各類App基本都考慮和依照了這一設(shè)計(jì)規(guī)范残揉,故此在平時(shí)的使用過程中胧后,我們對(duì)這一限制并不是太敏感。至于更精細(xì)的操作抱环?那可能只能靠帶纖細(xì)手寫筆的手機(jī)或者Apple Pencil這樣的筆了……
說完了限制壳快,再說優(yōu)勢(shì)纸巷,手機(jī)屏幕是“多點(diǎn)觸控屏幕”,比起鼠標(biāo)而言眶痰,它可以多加一個(gè)操作點(diǎn)瘤旨,還可以多加一個(gè)時(shí)間維度,確實(shí)是非常炫酷凛驮。在手勢(shì)應(yīng)用剛剛興起的時(shí)候裆站,不少App都淪為了“手勢(shì)狂魔”,在各種功能上采取各種各樣的復(fù)雜手勢(shì)黔夭。在長期的使用和磨合后宏胯,設(shè)計(jì)者們冷靜下來,并在手機(jī)中把手勢(shì)和功能自然地結(jié)合起來:長按進(jìn)入編輯本姥、下拉刷新上拉加載肩袍、左右滑動(dòng)切換、對(duì)角線雙指拉伸縮小縮放照片……
二婚惫、屏幕尺寸差異
屏幕尺寸差異是手機(jī)和電腦最直觀的差異氛赐。手機(jī)最大的特色是便攜性,即使現(xiàn)在手機(jī)屏幕尺寸五花八門越來越大先舷,但主流的手機(jī)屏幕依舊保持在5寸左右艰管、長寬比16:9,而常規(guī)的電腦屏幕起碼是10寸+蒋川,屏幕高寬比是3:4或9:16牲芋。
手機(jī)屏幕小帶來最顯著的問題就是……裝不下。
沒辦法像電腦一樣裝下固定底欄捺球,在多程序間便捷切換缸浦。老式手機(jī)的解決方式是,同時(shí)只能打開和操作一個(gè)軟件(可能跟當(dāng)時(shí)的硬件性能也有關(guān)氮兵?)裂逐;觸屏手機(jī)的解決方法是用某種簡單的常設(shè)操作(如雙擊home鍵),進(jìn)入多軟件切換和管理的狀態(tài)泣栈,選擇某一軟件后卜高,退出這個(gè)狀態(tài),流暢的進(jìn)入這一軟件中南片。
程序內(nèi)部也裝不下多窗口篙悯。在電腦上,可以打開N個(gè)word文檔铃绒,可以打開N個(gè)網(wǎng)頁,然后通過切換標(biāo)簽在他們之中進(jìn)行選擇查看螺捐。在手機(jī)上颠悬,多窗口要怎么處理呢矮燎?其實(shí)和多程序間切換模式非常類似。有的軟件只允許同時(shí)操作查看一個(gè)項(xiàng)目赔癌;有的軟件诞外,如各大手機(jī)瀏覽器,采取的是通過點(diǎn)擊一個(gè)按鈕進(jìn)入多頁面切換和管理狀態(tài)灾票。多軟件間切換高于軟件內(nèi)部切換峡谊,常設(shè)操作高于內(nèi)部按鈕,軟件間多頁面區(qū)別于軟件內(nèi)部多頁面刊苍。
手機(jī)屏幕上裝不下各種程序的圖標(biāo)既们。應(yīng)該很少人能把電腦的屏幕塞滿,有半屏找起來都有夠嗆正什,但是手機(jī)屏幕太容易塞滿了啥纸,一屏裝不下,需要借由滑動(dòng)手勢(shì)進(jìn)入二屏三屏N屏……屏幕空間“寸土寸金”婴氮,裝App圖標(biāo)都有夠擠和混亂了斯棒,就更不能讓給各種文件了,比起電腦屏幕少了不少自由度主经。
程序內(nèi)部也裝不下復(fù)雜的功能模塊和結(jié)構(gòu)荣暮。像Mac的多級(jí)文件夾在同一頁面顯示,PS的左上右塞滿功能鍵罩驻,在窄小的手機(jī)屏幕上穗酥,是不可能實(shí)現(xiàn)的。手機(jī)屏幕太小鉴腻,為了避免造成困擾迷扇,App都力求簡化步驟,任務(wù)流程和界面都保證簡單清晰爽哎,一次只做一件事蜓席。
三、攜帶性差異
先想一個(gè)有點(diǎn)好玩的問題:即使筆記本電腦的特性是可隨身攜帶使用课锌,為什么很大一部分人厨内,還是把它放在住處或公司幾乎從不隨身攜帶?
首先渺贤,直觀的來說雏胃,筆記本電腦,它沉志鞍。
常規(guī)的筆記本電腦重量一般在1.5~3kg瞭亮,說起來倒不重,但拎久了固棚,手或者肩還是會(huì)十分酸痛统翩。
其次仙蚜,筆記本電腦附屬物多。
要帶筆記本電腦出去厂汗,要做哪些準(zhǔn)備工作委粉?想象一下,首先要有個(gè)夠大的拎包或書包娶桦,再把平時(shí)連在筆記本上的網(wǎng)線贾节、鼠標(biāo)線、耳機(jī)線拔掉衷畦,彎著腰去拔掉電源適配器的插頭栗涂,理好線,再收起電腦霎匈,按需收拾鼠標(biāo)戴差、耳機(jī)、電源適配器铛嘱,最后終于出了門……這個(gè)過程光是想想就有點(diǎn)頭疼暖释。
其三,電腦本身給人帶來的心理暗示墨吓。
電腦本身其實(shí)有不少細(xì)微之處給人以“大型家電”的印象球匕。首先電腦它,連線繁多帖烘,想想電視亮曹、冰箱,這可以說是大家電經(jīng)典的麻煩特征了秘症;其次是一個(gè)比較微妙的細(xì)節(jié)——插頭的樣式照卦,大部分筆記本的電源適配器,都是三腳插頭乡摹,而三腳插頭最常用于各類家電役耕。這些細(xì)節(jié),有它的歷史原因聪廉,卻最終強(qiáng)化了“電腦≈家電”的概念瞬痘。(在這個(gè)層面上,各類電腦對(duì)比板熊,就更能看出蘋果做Mac的用心之處:藍(lán)牙耳機(jī)框全、藍(lán)牙鼠標(biāo)、不能直接插網(wǎng)線干签、兩腳插座津辩,Mac力求給人以輕便便攜的心理認(rèn)知)
從馬丁·庫珀45年前發(fā)明第一部手機(jī)到現(xiàn)在,手機(jī)的造型和功能都顯而易見的有了巨大的改變。如果說筆記本電腦的特點(diǎn)是可攜帶性的話丹泉,那手機(jī)最大的特點(diǎn)情萤,是便攜性。而便攜性給手機(jī)帶來了兩個(gè)最顯著的特性:強(qiáng)整合性和個(gè)性化摹恨。
最初的手機(jī),被稱為移動(dòng)電話娶视、大哥大晒哄,唯一的功能和特點(diǎn)就是隨時(shí)隨地都能打電話,在當(dāng)時(shí)這已是一個(gè)驚人的發(fā)明和創(chuàng)舉肪获。隨著時(shí)代的發(fā)展科技的進(jìn)步寝凌,手機(jī)逐漸整合了幾乎所有便攜物品的功能(除了鑰匙?)孝赫,手機(jī)讓一些物品漸漸退出了我們的視線较木,也讓一些物品在差異化競(jìng)爭的路上越走越出色。簡單的數(shù)一下手機(jī)承載的功能青柄,和功能的模仿對(duì)象或者說對(duì)手們:)
1)自帶電話功能:固定電話伐债、大哥大。手機(jī)最原始最核心的功能致开。
2)自帶短信功能:BP機(jī)峰锁。上世紀(jì)90年代風(fēng)靡一時(shí),07年后停止服務(wù)双戳。
3)自帶拍照虹蒋、攝影功能:相機(jī)。有日常/專業(yè)的區(qū)分飒货。
4)自帶照明功能:手電筒魄衅。應(yīng)該現(xiàn)在已經(jīng)很少人隨身攜帶手電筒了吧?
5)自帶詞典塘辅、備忘錄晃虫、日歷等:PDA。現(xiàn)在PDA幾乎只用于某些專業(yè)領(lǐng)域莫辨。
6)部分游戲:各類掌機(jī)傲茄。不提別的,只提年初Switch的"Nintendo Labo"發(fā)布時(shí)大家的驚艷沮榜,掌機(jī)依然有它的獨(dú)到和無可取代之處:)
7)收音機(jī)類App:收音機(jī)盘榨。幾乎很少家庭會(huì)單獨(dú)購買收音機(jī)了。
8)資訊類App:報(bào)紙蟆融。傳統(tǒng)紙媒也正奮力轉(zhuǎn)型草巡。
說完了整合性之后,再說說個(gè)性化:)
和別的隨身物品一樣型酥,手機(jī)也常被賦予較強(qiáng)的私人化山憨、個(gè)性化色彩查乒。不同品牌的代言人,不同的顏色版本郁竟、掛飾玛迄、手機(jī)殼,不同的手機(jī)鈴聲棚亩、彩鈴蓖议,不同的壁紙、圖標(biāo)主題……在用戶對(duì)品牌讥蟆、型號(hào)勒虾、顏色進(jìn)行篩選并購買后,有著千篇一律外觀的手機(jī)在不同人的手上仿佛成為了獨(dú)一無二的東西瘸彤,彰顯著主人的個(gè)性和品味或者是生活的一角修然。
手機(jī)和電腦,都是日常生活中非常重要的工具质况。因特性差異愕宋,它們?cè)诓煌膱?chǎng)合、情境下便捷化我們的工作和生活拯杠,也希望它們繼續(xù)跟隨科技發(fā)展掏婶,在各自擅長的領(lǐng)域,繼續(xù)前行潭陪,給人們的生活帶來更多便利雄妥,也帶來更多驚喜:)