每個人都應該知道的3D Touch

首先告訴你一個許多人還不知道的iPhone小技巧,如果你使用iPhone 6s,可以用手指在左屏幕邊緣用力按一下并慢慢向右滑動,看看有什么反應。你一定會有種“麻麻再也不擔心我的Home鍵會被按壞”的感覺了。

沒錯這就是蘋果的3D Touch技術的應用,今天就賴聊聊這個話題。

2007年,蘋果推出第一代iPhone,其所采用的多點觸控技術(Multi Touch)引發了一次手機制造業的革命,將消費者從電阻屏時代帶入電容屏時代。

時隔8年之后,蘋果又一次引領先潮。做為iPhone 6s上最讓人期待技術,3D Touch將讓消費者不再局限于屏幕的表層觸控,而是感受到屏幕的立體緯度。這次屏幕技術的革新,不僅是人機交互領域的一次跨越式的發展,更是為接下來幾年內的智能設備領域技術創新打開了一扇新的大門。

(請說人話!)ok,胡言亂語模式關閉。

簡單來說,以前的手機屏幕只能感受一種力度的觸控,那就是輕點。而使用了3D Touch技術的屏幕能感受手指不同力度的按壓,從而做出不同的反應,因此帶來了兩種新的屏幕交互方式: Peek(輕度按壓)和 Pop(大力按壓)。

3D Touch技術適合用來干什么呢?

在蘋果的發布會上,Demo了該技術在游戲和蘋果自家App中的應用,在我看來主要分兩種用途:

  1. 創造新的游戲體驗

通過感知手指按壓屏幕的不同力度,可以在射擊、賽車、格斗等激烈場景中帶來前所未有的新鮮體驗,游戲會更加流暢、更加有趣。

  1. 提升操作效率

相當于傳統鼠標的右鍵一樣,通過Peek輕按屏幕來喚出快捷菜單,或是預覽網頁、地圖、消息內容等。出了輕按喚出菜單,還可以輕按后上滑動喚出操作菜單,輕按后再重按進入內容頁面。

看看3D Touch在非游戲App中的使用

微信和微博貌似是國內目前僅有的支持了3D Touch功能的App,拿微信來舉例,看看3D Touch的實際應用。

  1. 在主屏幕上輕按微信圖標,顯示4個快捷菜單,分別是:創建新會話、拍小視頻、我的二維碼、免打擾1小時。
  2. 在微信聊天頁面,輕按對話可以預覽,輕按后向上滑動會出現4個快捷菜單,分別是:置為未讀、免打擾、置為頂部、刪除。
  3. 在朋友圈里,輕按朋友圈的圖片可以預覽,向上滑動會出現3個快捷菜單,分別是:點贊、評論、收藏。

再看看Instagram是怎么使用的:

  1. 在主屏幕上輕按Instagram圖標,顯示4個快捷菜單,分別是:發布、查看消息、搜索、私信。
  2. 輕按用戶名或頭像,可以預覽該用戶最近6張照片,向上滑動會出現3個快捷菜單,分別是關注、查看個人資料、發送給好友。
  3. 在很多頁面輕按圖片可以預覽,向上滑動會出現3個快捷菜單,分別是點贊、評論、發送給好友。

以下是我手機里其它使用了3D Touch的App,目前還不是很多,沒有列蘋果自帶應用了。

  • Hipstamatic,使用了快捷菜單和預覽;
  • Medium,使用了快捷菜單;
  • Twitter,使用了快捷菜單;
  • 微博,使用了快捷菜單和預覽;
  • Overcast,使用了快捷菜單;
  • Shazam,使用了快捷菜單;
  • Swarm,使用了快捷菜單;
  • Dropbox,使用了快捷菜單和預覽;

看來,主屏快捷菜單、內容預覽,在很多App種都有非常合適的應用場景。

不過我覺得微博的預覽頁面設計的有點雞肋,因為只能預覽該用戶的最新兩條微博,這有多大意義呢。預覽的意義就是通過預覽配合快捷菜單,快速做出比如關注的操作,但是兩條微博很難讓用戶產生關注的意愿。

對3D Touch應用的一些思考

  1. 快捷菜單基本上每個App都可以使用,除非你的App沒什么操作菜單。
  2. 快捷菜單里應該是用戶頻繁使用的操作,比如你打開微信經常會發起新的會話,打開Instagram經常是發布新照片。
  3. 如果打開App即進入了某個動作中,那這個動作就不需要放在快捷菜單了。
  4. 預覽不是所有的App都適合,要看你的App是做什么的,呈現給用戶什么樣的內容類型和形式,對內容能做什么操作。
  5. 內容很長的或很短的不適合預覽,比如新聞。
  6. 如果內容已經完全呈現給用戶了,也不需要預覽,比如Instagram沒有對首頁的圖片支持預覽。
  7. 快捷菜單要按照使用頻次來排序,最頻繁使用的動作放在離手指最近地方。

iOS Human Interface Guidelines的一些要點

不看Guidelines的產品不是好開發。

  1. 每個Peek預覽都要支持Pop重按,Peek的目的是為用戶提供一些預覽信息,當用戶對預覽信息感興趣就希望進一步獲取信息,所以需要支持Pop。
  2. 不要把Peek預覽頁面設計的像個按鈕,因為預覽頁面不支持點擊,只能通過Pop進入。
  3. 不要把Peek的快捷菜單做為這些操作的唯一入口,因為只有6s才能支持3D Touch,而且也不是所有用戶都會使用這一操作。
  4. 主屏快捷菜單最多可以放四個動作。
  5. 不要把主屏快捷菜單當做通知使用。

思考題

  1. 為什么微信的主屏快捷菜單沒有查看朋友圈?
  2. 理財類、股票投資類App適合使用預覽操作嗎?
  3. 如果讓你為網易云音樂、Kindle設計3D Touch功能,你會怎么做呢?

看了上面我列舉那么多App,是不是感覺國外的團隊在新技術出來后的反應比國內快很多,他們很快就跟上并開發出相應的功能,真正的做到Moving Fast。當然這可能和知識獲取的容易度、公司是不是有Geek氛圍、公司的產品開發計劃、開發敏捷程度,甚至技術能力等等都有關系。

不過,現在新技術日新月異,即便生在高墻之內信息獲取也還稱得上方便快捷,我們應該保持對新技術的敏銳度和好奇心,不斷學習,為用戶提供最好的產品體驗做好知識上的準備。

--EOF--


歡迎關注我的公眾號
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,117評論 6 537
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,860評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,128評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,291評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,025評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,421評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,477評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,642評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,177評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,970評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,157評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,717評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,410評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,821評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,053評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,896評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,157評論 2 375

推薦閱讀更多精彩內容