首先告訴你一個許多人還不知道的iPhone小技巧,如果你使用iPhone 6s,可以用手指在左屏幕邊緣用力按一下并慢慢向右滑動,看看有什么反應。你一定會有種“麻麻再也不擔心我的Home鍵會被按壞”的感覺了。
沒錯這就是蘋果的3D Touch技術的應用,今天就賴聊聊這個話題。
2007年,蘋果推出第一代iPhone,其所采用的多點觸控技術(Multi Touch)引發了一次手機制造業的革命,將消費者從電阻屏時代帶入電容屏時代。
時隔8年之后,蘋果又一次引領先潮。做為iPhone 6s上最讓人期待技術,3D Touch將讓消費者不再局限于屏幕的表層觸控,而是感受到屏幕的立體緯度。這次屏幕技術的革新,不僅是人機交互領域的一次跨越式的發展,更是為接下來幾年內的智能設備領域技術創新打開了一扇新的大門。
(請說人話!)ok,胡言亂語模式關閉。
簡單來說,以前的手機屏幕只能感受一種力度的觸控,那就是輕點。而使用了3D Touch技術的屏幕能感受手指不同力度的按壓,從而做出不同的反應,因此帶來了兩種新的屏幕交互方式: Peek(輕度按壓)和 Pop(大力按壓)。
3D Touch技術適合用來干什么呢?
在蘋果的發布會上,Demo了該技術在游戲和蘋果自家App中的應用,在我看來主要分兩種用途:
- 創造新的游戲體驗
通過感知手指按壓屏幕的不同力度,可以在射擊、賽車、格斗等激烈場景中帶來前所未有的新鮮體驗,游戲會更加流暢、更加有趣。
- 提升操作效率
相當于傳統鼠標的右鍵一樣,通過Peek輕按屏幕來喚出快捷菜單,或是預覽網頁、地圖、消息內容等。出了輕按喚出菜單,還可以輕按后上滑動喚出操作菜單,輕按后再重按進入內容頁面。
看看3D Touch在非游戲App中的使用
微信和微博貌似是國內目前僅有的支持了3D Touch功能的App,拿微信來舉例,看看3D Touch的實際應用。
- 在主屏幕上輕按微信圖標,顯示4個快捷菜單,分別是:創建新會話、拍小視頻、我的二維碼、免打擾1小時。
- 在微信聊天頁面,輕按對話可以預覽,輕按后向上滑動會出現4個快捷菜單,分別是:置為未讀、免打擾、置為頂部、刪除。
- 在朋友圈里,輕按朋友圈的圖片可以預覽,向上滑動會出現3個快捷菜單,分別是:點贊、評論、收藏。
再看看Instagram是怎么使用的:
- 在主屏幕上輕按Instagram圖標,顯示4個快捷菜單,分別是:發布、查看消息、搜索、私信。
- 輕按用戶名或頭像,可以預覽該用戶最近6張照片,向上滑動會出現3個快捷菜單,分別是關注、查看個人資料、發送給好友。
- 在很多頁面輕按圖片可以預覽,向上滑動會出現3個快捷菜單,分別是點贊、評論、發送給好友。
以下是我手機里其它使用了3D Touch的App,目前還不是很多,沒有列蘋果自帶應用了。
- Hipstamatic,使用了快捷菜單和預覽;
- Medium,使用了快捷菜單;
- Twitter,使用了快捷菜單;
- 微博,使用了快捷菜單和預覽;
- Overcast,使用了快捷菜單;
- Shazam,使用了快捷菜單;
- Swarm,使用了快捷菜單;
- Dropbox,使用了快捷菜單和預覽;
看來,主屏快捷菜單、內容預覽,在很多App種都有非常合適的應用場景。
不過我覺得微博的預覽頁面設計的有點雞肋,因為只能預覽該用戶的最新兩條微博,這有多大意義呢。預覽的意義就是通過預覽配合快捷菜單,快速做出比如關注的操作,但是兩條微博很難讓用戶產生關注的意愿。
對3D Touch應用的一些思考
- 快捷菜單基本上每個App都可以使用,除非你的App沒什么操作菜單。
- 快捷菜單里應該是用戶頻繁使用的操作,比如你打開微信經常會發起新的會話,打開Instagram經常是發布新照片。
- 如果打開App即進入了某個動作中,那這個動作就不需要放在快捷菜單了。
- 預覽不是所有的App都適合,要看你的App是做什么的,呈現給用戶什么樣的內容類型和形式,對內容能做什么操作。
- 內容很長的或很短的不適合預覽,比如新聞。
- 如果內容已經完全呈現給用戶了,也不需要預覽,比如Instagram沒有對首頁的圖片支持預覽。
- 快捷菜單要按照使用頻次來排序,最頻繁使用的動作放在離手指最近地方。
iOS Human Interface Guidelines的一些要點
不看Guidelines的產品不是好開發。
- 每個Peek預覽都要支持Pop重按,Peek的目的是為用戶提供一些預覽信息,當用戶對預覽信息感興趣就希望進一步獲取信息,所以需要支持Pop。
- 不要把Peek預覽頁面設計的像個按鈕,因為預覽頁面不支持點擊,只能通過Pop進入。
- 不要把Peek的快捷菜單做為這些操作的唯一入口,因為只有6s才能支持3D Touch,而且也不是所有用戶都會使用這一操作。
- 主屏快捷菜單最多可以放四個動作。
- 不要把主屏快捷菜單當做通知使用。
思考題
- 為什么微信的主屏快捷菜單沒有查看朋友圈?
- 理財類、股票投資類App適合使用預覽操作嗎?
- 如果讓你為網易云音樂、Kindle設計3D Touch功能,你會怎么做呢?
看了上面我列舉那么多App,是不是感覺國外的團隊在新技術出來后的反應比國內快很多,他們很快就跟上并開發出相應的功能,真正的做到Moving Fast。當然這可能和知識獲取的容易度、公司是不是有Geek氛圍、公司的產品開發計劃、開發敏捷程度,甚至技術能力等等都有關系。
不過,現在新技術日新月異,即便生在高墻之內信息獲取也還稱得上方便快捷,我們應該保持對新技術的敏銳度和好奇心,不斷學習,為用戶提供最好的產品體驗做好知識上的準備。
--EOF--