當 iPhone 用户和 Android 用户坐在一起,兩者的缺點都會呈幾何倍數放大,就比如 iPhone 至今仍然算不上好用的側滑返回功能。
比如 iPhone 部分應用的搜索界面,側滑返回是沒法用的,無論滑動多少次都是一樣的,必須騰出另外一隻手,點擊界面頂部的返回按鈕。
又比如瀏覽圖片界面,側滑返回也無法觸發,滑到第一張圖仍然無法返回,如果恰好這張圖片比例較大,佔據了大量屏幕空間,那麼點擊屏幕邊緣返回也可能會失效,失敗多次之後只能退出重進。
作為一家以體驗和設計聞名的公司,蘋果到今天都還沒有解決側滑返回不好用的問題,這多多少少有些讓人意外。
細究之下,往往能發現原因是一個積重難返的歷史包袱。
iPhone「沒有」返回鍵
為什麼不好用,我們還得先回到初代 iPhone 發佈前,看看這款重新定義手機的產品,是如何定義交互與按鍵佈局的。
▲ 圓形 Home 鍵很長一段時間以來都是 iPhone 的標誌性設計
我們在之前的文章中提到過 iPhone Home 鍵的由來,最初喬布斯是想過為 iPhone 加上一顆返回按鍵的,不過設計師伊姆蘭·喬德里(Imran Chaudhri)説服了他。
正面僅保留一顆 Home 不僅是為了簡約美觀,更是為了降低交互複雜度。
喬布斯在發佈會上以「永遠會帶你回到最初的地方」介紹 Home 鍵,Windows 的開始按鍵一樣,在複雜的功能海中找到一處燈塔,引導着人們使用 iPhone,按下就能回到主界面。
▲ 在任意界面按下 Home 鍵都能返回主頁
唯一的 Home 鍵不僅方便人們記住它的交互功能,更提供了一種極強的確定性,按下就回到最初的地方。
當然,這樣做也弱化了退出應用的意義,甚至返回鍵的存在感也被降低。作為重新定義手機的產品,iPhone 和功能機最大的差別之一就是觸控和手勢交互成為了最主要的人機交互方式。
數字鍵盤和功能一比一對應的方式雖然方便記憶和使用,但不利於展示內容,換成觸控交互後屏幕內容排列更靈活了,比如輸入鍵盤完全可以虛擬化,在需要的時候開啓,不需要的時候展示其他內容,即便是多級頁面也可以採用虛擬返回按鍵代替。
一顆 Home 鍵加上優秀的觸控交互,早期 iPhone 的易用性體驗並沒有出現什麼問題。
對於單鍵設計的堅持,也可以在另外一款爭議頗多的產品——蘋果鼠標中看到。很長一段時間以來,Mac 的官方鼠標配件都不提供右鍵功能,整個鼠標就是一顆按鍵。
因此很多 Windows 用户切換到 Mac 很不習慣,要使用右鍵要同時按鍵蘋果鼠標按鍵和鍵盤上的 Ctrl 鍵。
▲很長一段時間內,蘋果官方鼠標都只有一個按鍵. 圖片來自:wiki
顯然,蘋果之前認為鼠標右鍵和 iPhone 的返回按鍵一樣,都屬於靈活功能一類,使用率並不會特別高,可以以虛擬按鍵形式的代替,而增加實體按鍵只會增加交互複雜度。
可以説在 3.5 英寸的 iPhone 時代,這樣設計完全是合情合理的,直到 iPhone 屏幕越來越大,想要單手操控越來越難,位於頂部的虛擬返回按鍵也越來越單手點擊。
為了解決這個問題,蘋果在 iOS 7 系統中增加了一個手勢功能,即我們現在熟悉的側滑返回。
▲ 圖片來自:CNET
只是,將按鍵替換為手勢就萬事大吉了麼。
從按鍵到手勢,不止是替換
從 iPhone X 之後,蘋果就全面轉向了全面屏,原本的 Home 鍵也被小橫條和手勢代替。
其實對比一下小橫條手勢和側滑返回,就能發現 iPhone 的返回手勢為什麼不好用,手勢替換按鍵並非只是功能的替換,作為最主要的人機交互方式,必須要解決一個問題——可發現性。
對比實體按鍵,手勢並不容易被發現,尤其是對普通用户而言,例如至今仍然有部分 iPhone 用户不知道點擊屏幕頂部就能回到內容頁最開始的地方,比如看完微信推文後,點擊屏幕頂部可以快速回到標題部分。
為了讓所有人都能看懂、學會使用手勢,蘋果在替換 Home 鍵的小橫條設計上下足了功夫,首先小橫條位置屬於系統固定區域,iPhone 上所有的應用都不能遮擋小橫條。
作為一個固定的顯示元素,引導用户這是 Home 鍵的替代者,可以實現和之前一樣的功能,同時小橫條也具備系統最高交互層級,不會被其他操作影響,上滑就能和之前的 Home 鍵一樣返回桌面。
▲ 所有交互按鈕都不能遮掩小橫條
iPhone X 之後的手機,打開後的激活過程必然會包含一項手勢教學,正是為了強化記憶,告訴人們滑動小橫條就能回到主界面,和 Home 一樣回到最開始的地方。
手勢和按鍵一樣,都是一個手勢對應一個功能,減低交互複雜度,上滑是回到主界面,而上滑懸停則是多任務界面。
值得一提的是,為了區分這兩個手勢,iPhone 內部的震動馬達發揮作用了,當你懸停時手機會輕微震動,告訴你這是多任務操作手勢。左滑和右滑小橫條則是快捷切換左右的應用。
▲圖片來自:Designing Fluid Interfaces
所有的手勢配有相應的操作動畫,且可撤回,指示用户這代表一個操作。
再回過頭來看側滑返回,雖然也有開機教程和可撤回的操作動畫,但更多的是靠用户多次操作的肌肉記憶解決手勢不易發現的問題。
更重要的是和小橫條對比,側滑返回沒有專屬交互區也沒有系統最高交互等級,容易和其他交互方式衝突,文首提到的圖片瀏覽場景就是其中之一,部分應用在多級內容頁中也可能會設置虛擬返回按鈕而不支持側滑返回手勢,導致一直側滑也無法返回。
▲ Android 側滑返回會有相應的箭頭指示
反觀 Android 系統就好多了,Google 從一開始就設置了專用的返回按鍵,側滑返回作為手勢順其自然地替換了返回按鍵,且是系統最高級的交互方式,哪怕應用在多級頁面沒有設置返回交互功能,側滑也可以強制返回。
沒有返回鍵的歷史包袱,造成了如今 iPhone 側滑返回不好用的後果。
大屏改變交互體驗
iPhone X 發佈後,著名用户體驗研究機構尼爾森·諾曼集團發佈了一篇研究報告,提出了一個觀點,更大的屏幕能克服手勢操作所帶來的交互問題,因為大屏幕能容納內容與交互元素,在長期使用後,人們會逐漸習慣。
從今天的情況來看,尼爾森報告中所提到的觀點已經成為了事實,越來越多應用開始使用各式視覺符號引導用户操作。
第三方微博應用 VVebo 就曾因其交互方式對大屏設備友善而廣受讚譽,為大屏幕優化的交互主要體現在兩方面:
打開 VVebo 就能發現主要的交互按鈕基本都在下方,包括通知、首頁、搜索等等,點擊展開一條微博,會發現點贊、評論、轉發同樣在下方,這樣可以很輕鬆的單手操作。
▲ 左為 VVebo 主頁內容界面,右為展開單條微博內容界面
同時 VVebo 的微博基本是以展開界面而非原微博客户端的二級頁面,展開界面也同時包含返回按鈕和下拉縮放按鈕,指示用户側滑和下滑都可以摺疊微博,返回上一界面。
近兩年來,蘋果和 Android 手機廠商們同樣也在針對大屏幕優化交互設計,iOS 15 上 Safari 的網頁欄同樣也被移到了下方,支持和小橫條類似的左滑右滑切換窗口的手勢操作。Google 則是將設置界面整個下移,方便人們點擊。
▲ 交互按鈕等元素在下移。左為 Safari 界面,右為一加設置界面
更豐富的交互引導,確實能在一定程度上緩解手勢操作學習成本、不易發現的問題,但對於 iPhone 側滑返回功能而言,也只能是緩解了。
高頻率的返回,已經讓用户形成了肌肉記憶,但不同開發商對於交互體驗的關注程度是不一樣的,總會有應用在二級乃至多級頁面中僅設置返回按鈕而不支持手勢返回。
一旦側滑無效,就只能多伸出一隻手點擊屏幕頂部的返回按鈕或是多次嘗試後退出重進。
當初蘋果解決鼠標沒有右鍵的方法是引入觸控交互,讓觸控板或者妙控鼠標可以輕鬆觸發右鍵。能解決 iPhone 側滑返回不好用的,可能也是一個新的交互方式,更適合大屏幕設備的交互方式。
資料來源:愛範兒(ifanr)
比如 iPhone 部分應用的搜索界面,側滑返回是沒法用的,無論滑動多少次都是一樣的,必須騰出另外一隻手,點擊界面頂部的返回按鈕。
又比如瀏覽圖片界面,側滑返回也無法觸發,滑到第一張圖仍然無法返回,如果恰好這張圖片比例較大,佔據了大量屏幕空間,那麼點擊屏幕邊緣返回也可能會失效,失敗多次之後只能退出重進。
作為一家以體驗和設計聞名的公司,蘋果到今天都還沒有解決側滑返回不好用的問題,這多多少少有些讓人意外。
細究之下,往往能發現原因是一個積重難返的歷史包袱。
iPhone「沒有」返回鍵
為什麼不好用,我們還得先回到初代 iPhone 發佈前,看看這款重新定義手機的產品,是如何定義交互與按鍵佈局的。
▲ 圓形 Home 鍵很長一段時間以來都是 iPhone 的標誌性設計
我們在之前的文章中提到過 iPhone Home 鍵的由來,最初喬布斯是想過為 iPhone 加上一顆返回按鍵的,不過設計師伊姆蘭·喬德里(Imran Chaudhri)説服了他。
引用我的早期構想,是設計一個類似於 Mac 上 Exposé 功能的按鍵,只要你按下去,就能看到全部的應用程序,然後你再點開其中某一個就能打開它,就像是你在 Exposé 中選擇了其中一個窗口。
正面僅保留一顆 Home 不僅是為了簡約美觀,更是為了降低交互複雜度。
喬布斯在發佈會上以「永遠會帶你回到最初的地方」介紹 Home 鍵,Windows 的開始按鍵一樣,在複雜的功能海中找到一處燈塔,引導着人們使用 iPhone,按下就能回到主界面。
▲ 在任意界面按下 Home 鍵都能返回主頁
唯一的 Home 鍵不僅方便人們記住它的交互功能,更提供了一種極強的確定性,按下就回到最初的地方。
當然,這樣做也弱化了退出應用的意義,甚至返回鍵的存在感也被降低。作為重新定義手機的產品,iPhone 和功能機最大的差別之一就是觸控和手勢交互成為了最主要的人機交互方式。
數字鍵盤和功能一比一對應的方式雖然方便記憶和使用,但不利於展示內容,換成觸控交互後屏幕內容排列更靈活了,比如輸入鍵盤完全可以虛擬化,在需要的時候開啓,不需要的時候展示其他內容,即便是多級頁面也可以採用虛擬返回按鍵代替。
一顆 Home 鍵加上優秀的觸控交互,早期 iPhone 的易用性體驗並沒有出現什麼問題。
對於單鍵設計的堅持,也可以在另外一款爭議頗多的產品——蘋果鼠標中看到。很長一段時間以來,Mac 的官方鼠標配件都不提供右鍵功能,整個鼠標就是一顆按鍵。
因此很多 Windows 用户切換到 Mac 很不習慣,要使用右鍵要同時按鍵蘋果鼠標按鍵和鍵盤上的 Ctrl 鍵。
▲很長一段時間內,蘋果官方鼠標都只有一個按鍵. 圖片來自:wiki
顯然,蘋果之前認為鼠標右鍵和 iPhone 的返回按鍵一樣,都屬於靈活功能一類,使用率並不會特別高,可以以虛擬按鍵形式的代替,而增加實體按鍵只會增加交互複雜度。
可以説在 3.5 英寸的 iPhone 時代,這樣設計完全是合情合理的,直到 iPhone 屏幕越來越大,想要單手操控越來越難,位於頂部的虛擬返回按鍵也越來越單手點擊。
為了解決這個問題,蘋果在 iOS 7 系統中增加了一個手勢功能,即我們現在熟悉的側滑返回。
▲ 圖片來自:CNET
只是,將按鍵替換為手勢就萬事大吉了麼。
從按鍵到手勢,不止是替換
從 iPhone X 之後,蘋果就全面轉向了全面屏,原本的 Home 鍵也被小橫條和手勢代替。
其實對比一下小橫條手勢和側滑返回,就能發現 iPhone 的返回手勢為什麼不好用,手勢替換按鍵並非只是功能的替換,作為最主要的人機交互方式,必須要解決一個問題——可發現性。
對比實體按鍵,手勢並不容易被發現,尤其是對普通用户而言,例如至今仍然有部分 iPhone 用户不知道點擊屏幕頂部就能回到內容頁最開始的地方,比如看完微信推文後,點擊屏幕頂部可以快速回到標題部分。
為了讓所有人都能看懂、學會使用手勢,蘋果在替換 Home 鍵的小橫條設計上下足了功夫,首先小橫條位置屬於系統固定區域,iPhone 上所有的應用都不能遮擋小橫條。
作為一個固定的顯示元素,引導用户這是 Home 鍵的替代者,可以實現和之前一樣的功能,同時小橫條也具備系統最高交互層級,不會被其他操作影響,上滑就能和之前的 Home 鍵一樣返回桌面。
▲ 所有交互按鈕都不能遮掩小橫條
iPhone X 之後的手機,打開後的激活過程必然會包含一項手勢教學,正是為了強化記憶,告訴人們滑動小橫條就能回到主界面,和 Home 一樣回到最開始的地方。
手勢和按鍵一樣,都是一個手勢對應一個功能,減低交互複雜度,上滑是回到主界面,而上滑懸停則是多任務界面。
值得一提的是,為了區分這兩個手勢,iPhone 內部的震動馬達發揮作用了,當你懸停時手機會輕微震動,告訴你這是多任務操作手勢。左滑和右滑小橫條則是快捷切換左右的應用。
▲圖片來自:Designing Fluid Interfaces
所有的手勢配有相應的操作動畫,且可撤回,指示用户這代表一個操作。
再回過頭來看側滑返回,雖然也有開機教程和可撤回的操作動畫,但更多的是靠用户多次操作的肌肉記憶解決手勢不易發現的問題。
更重要的是和小橫條對比,側滑返回沒有專屬交互區也沒有系統最高交互等級,容易和其他交互方式衝突,文首提到的圖片瀏覽場景就是其中之一,部分應用在多級內容頁中也可能會設置虛擬返回按鈕而不支持側滑返回手勢,導致一直側滑也無法返回。
▲ Android 側滑返回會有相應的箭頭指示
反觀 Android 系統就好多了,Google 從一開始就設置了專用的返回按鍵,側滑返回作為手勢順其自然地替換了返回按鍵,且是系統最高級的交互方式,哪怕應用在多級頁面沒有設置返回交互功能,側滑也可以強制返回。
沒有返回鍵的歷史包袱,造成了如今 iPhone 側滑返回不好用的後果。
大屏改變交互體驗
iPhone X 發佈後,著名用户體驗研究機構尼爾森·諾曼集團發佈了一篇研究報告,提出了一個觀點,更大的屏幕能克服手勢操作所帶來的交互問題,因為大屏幕能容納內容與交互元素,在長期使用後,人們會逐漸習慣。
從今天的情況來看,尼爾森報告中所提到的觀點已經成為了事實,越來越多應用開始使用各式視覺符號引導用户操作。
第三方微博應用 VVebo 就曾因其交互方式對大屏設備友善而廣受讚譽,為大屏幕優化的交互主要體現在兩方面:
交互按鈕下移
更全面的交互符號引導用户操作
打開 VVebo 就能發現主要的交互按鈕基本都在下方,包括通知、首頁、搜索等等,點擊展開一條微博,會發現點贊、評論、轉發同樣在下方,這樣可以很輕鬆的單手操作。
▲ 左為 VVebo 主頁內容界面,右為展開單條微博內容界面
同時 VVebo 的微博基本是以展開界面而非原微博客户端的二級頁面,展開界面也同時包含返回按鈕和下拉縮放按鈕,指示用户側滑和下滑都可以摺疊微博,返回上一界面。
近兩年來,蘋果和 Android 手機廠商們同樣也在針對大屏幕優化交互設計,iOS 15 上 Safari 的網頁欄同樣也被移到了下方,支持和小橫條類似的左滑右滑切換窗口的手勢操作。Google 則是將設置界面整個下移,方便人們點擊。
▲ 交互按鈕等元素在下移。左為 Safari 界面,右為一加設置界面
更豐富的交互引導,確實能在一定程度上緩解手勢操作學習成本、不易發現的問題,但對於 iPhone 側滑返回功能而言,也只能是緩解了。
高頻率的返回,已經讓用户形成了肌肉記憶,但不同開發商對於交互體驗的關注程度是不一樣的,總會有應用在二級乃至多級頁面中僅設置返回按鈕而不支持手勢返回。
一旦側滑無效,就只能多伸出一隻手點擊屏幕頂部的返回按鈕或是多次嘗試後退出重進。
當初蘋果解決鼠標沒有右鍵的方法是引入觸控交互,讓觸控板或者妙控鼠標可以輕鬆觸發右鍵。能解決 iPhone 側滑返回不好用的,可能也是一個新的交互方式,更適合大屏幕設備的交互方式。
資料來源:愛範兒(ifanr)
請按此登錄後留言。未成為會員? 立即註冊