Design for Xuture:IOS 11用戶界面設(shè)計指導(dǎo)六個原則和九個特征

隨著X的問世,IOS11設(shè)計規(guī)范也相應(yīng)更新,讀下來的第一感受是:很大篇幅都是針對X進行的增補,包含一絲絲未來移動APP設(shè)計的氣息,即:Design for Xuture。
Design for Future六個原則
1. Aesthetic Integrity美學(xué)
(說句題外話,優(yōu)美的Aesth詞根,讀起來發(fā)音都那樣與眾不同)這次的設(shè)計原則,“美”的原則升華了,比起以前的Guideline中,這次很直接的站在第一的位置上,短時間內(nèi)確定了IOS的基調(diào)。引入一個網(wǎng)絡(luò)短句:顏值即正義(以后誰再敢把設(shè)計師叫做美工,請看看蘋果“美工”的地位?。?/p>
2. Consistency一致性
通篇讀下來,蘋果所秉承的仍然是漸進的創(chuàng)新,而不是激烈的突破。不給用戶突兀感,降低學(xué)習(xí)的成本。全文多次提到保持用戶的習(xí)慣,保持體驗的一致性。
3. Direct Manipulation直接操作
交換設(shè)計基本原則之一。軟件能夠以本身的復(fù)雜性來提升用戶體驗的成功案例真不多,即使再酷炫也不行。盡量讓app清晰直接,讓用戶瞬間達到他們所要達到的目的。
4. Feedback反饋
也是基本原則之一。沒人愿意對牛彈琴,對木頭說話。
5. Metaphors隱喻
在我印象里隱喻這一條第一次處于如此低的地位。看樣子蘋果越來越重視直接,而不是虛無縹緲的感覺。畢竟全世界人每個個體差距太大,保持理解的一致性投入太多得不償失。
6. User Control用戶掌控
還是基本原則之一,每個人都有或多或少的掌控欲望,不要搶走用戶的這個基本權(quán)利。
以上六大原則,與以往幾年的Guideline比差別并不明顯,下面要說說我的個人理解:IOS11交互設(shè)計的九大特色。這九個特色鮮明而新潮,讓人驚喜,無處不體現(xiàn)“為未來而設(shè)計”,他們也是我忍不住敲下這篇文章的源動力。
Design for Future九大特征
1. 沉浸式體驗
大概從4、5年前就開始了一種趨勢,最窄的邊框都不能滿足用戶和廠商極端的追求,廠商們恨不得連手機邊框都去掉,只留一個大屏幕。
將來的APP設(shè)計,更注重將用戶的全面注意力吸入到手機屏幕里,請觀察一下抱著手機不放的人的動作,是不是身體向手機收攏,像被吸進去一樣。他們將全身心集中于手上的小玩具上,仿佛從屏幕中就能獲得世界?,F(xiàn)在還有VR技術(shù)、HDR技術(shù),真實的世界被替代也許離我們已經(jīng)非常近了。
2. 時空的打通
現(xiàn)在IOS中,很多信息相互之間都是打通的,如郵件中的人名能夠加入通訊錄、短信的日期和事件都可以加入日歷、支付可以通過掃碼進行···這些都不斷的給用戶帶來便利,再也不是一個app只解決一個問題,而是共同圍繞用戶的生活而展現(xiàn)服務(wù)。
往大了說,小米、夏普、索尼、蘋果等廠商,把無線充電、投影、NFC、面部識別、電視、Homekit等結(jié)合成生態(tài)圈,和軟件一起更智能的幫助用戶,來讓生活更加智能、更加便利。
以一次出國訂酒店為例。這個場景是:
我在booking上預(yù)定了一個酒店,然后通過郵箱,酒店給我發(fā)來了確認單。然后日歷功能自動讀取了郵件,并幫我把酒店日期、地址、電話等自動記錄到了日歷中。同時,wallet功能自動識別并記錄了酒店憑證。我只是訂了一個酒店,然后突然發(fā)現(xiàn),日歷、wallet都有酒店的相關(guān)服務(wù),這讓我有了一種hin貼心、hin智能、hin驚喜的趕腳!
3. 多進程并行
說到多線程,想起來一個故事:幾年前我一個同學(xué),現(xiàn)在是某創(chuàng)業(yè)公司CEO,提出了將手機屏上下分隔,進行不同服務(wù)的設(shè)計理念,據(jù)說被南京三星公司某產(chǎn)品總監(jiān)“自信”否決。
5、6年過去了,手機端多進程功能確實不是主流。但話又說回來,且不論主流不主流,隨著大屏手機的普及,隨著平板和PC之間的界限越來越模糊,一定會有越來越多的多線程的功能問世。
多線程能夠滿足用戶的最簡單的痛點(尤其現(xiàn)在視頻廣告時間是令人發(fā)指的長):我看視頻(廣告)的時候想聊QQ/刷微博/發(fā)呆/微信···的時候怎么辦?人腦是多線程的、計算機是多線程的,為什么APP就不能多線程呢?
4. 弱打斷
記得第一次看到旺旺聊天界面里能夠在淘寶里浮動出來時,深深被驚艷到了,很佩服居然能這么舒服!
彈出提示——點開聊天——聊完自然關(guān)閉——繼續(xù)逛淘寶,整個流程順理成章、水到渠成,完全不用要思考。
5. 反饋震動
第一部分說的6大原則里,提到過反饋。因為印象中上一次看到類似的反饋設(shè)計還是很粗淺的,所以對這次蘋果官方的反饋規(guī)范感覺非常的新奇。不同的提醒反饋,震動的節(jié)奏都不一樣,而且復(fù)雜多了。
震動反饋規(guī)范:
6. 手勢的創(chuàng)新
這次IOS11帶來了一個新的手勢:Drag and Drop。又是一個偏重于自然而然就能理解的功能。它的操作是我們平時拿取一樣?xùn)|西在移動端的映射,跟我們平時使用鼠標的時候一樣:
抓取——拖動——放手
跟現(xiàn)實中不同的是,可以拿起的東西不僅是照片這類實體,還可以是一段文字這類虛擬數(shù)據(jù)。這種交互方式,給了開發(fā)者和用戶在移動界面里不斷探索的深度。
7. 新UI風(fēng)格
記得前幾天看到一篇文章,國外大熱app諸如ins、airbnb等,界面設(shè)計已經(jīng)幾近極簡。
Airbnb前后改版對比:
Instagram前后改版對比:
剛看到還真不適應(yīng),連品牌標識都沒了真的好嗎?
很多人把這個設(shè)計趨勢叫做“去UI化”,我個人認為并不準確。少就是多,簡單意味著更高要求。即使白色底+黑色的文字,更需要強調(diào)文字和排版,元素越少,對每個元素的考慮就越極致。
現(xiàn)在IOS11的界面,也朝著這個方向發(fā)展。最突出標題文字,強調(diào)內(nèi)容。
看看國內(nèi)電商,簡直就是夜總會風(fēng)格(咦?最想截圖的改的倒是快,沒抓到)
國內(nèi)某些電商APP首頁
8. 規(guī)范化
蘋果在Guidline里,表述了更加堅定的鼓勵開發(fā)者采用IOS規(guī)范的意愿,也可以說更加強硬了。但反過來說,保持虛心學(xué)習(xí)的心態(tài)難道不好嗎?對我個人而言,做交互設(shè)計的目標永遠都是:
能達到蘋果官方的用戶體驗標準
9. 漸進式研發(fā)
“漸進”
我第一次看到這個詞語是宏觀經(jīng)濟學(xué)的漸進式改革理論
第二次看到是《華為工作法》里任正非提到的漸進式研發(fā)思路
很多世界級的互聯(lián)網(wǎng)公司也一樣,新技術(shù)在落地時,總是謹慎和漸進的。蘋果從幾年前引入了widget,到今天引入了多進程、NFC、無線充電技術(shù),每一次都是經(jīng)過深思熟慮后的改進。
“謹慎”、“自制”、“漸進”的創(chuàng)新,才是優(yōu)良的用戶體驗
聲明,本人非果粉/果黑,以上內(nèi)容純粹是作為一個交互設(shè)計師,在初步瀏覽IOS11 User Interface 后的心得。因為英語能力及設(shè)計能力有限,會有一些誤讀,理解的也不夠全面深入。在此懇請業(yè)界同行批評指正,也邀請大家一起學(xué)習(xí)。
資料參考:
https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/
https://developer.apple.com/ios/human-interface-guidelines/user-interaction/feedback/
http://mp.weixin.qq.com/s/8QeM7LSyNuZ5HUUwhuU6iQ
作者:?三也,微信公眾號:小設(shè)計師玩轉(zhuǎn)金融圈
本文由 @?三也 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖由作者提供
贊
謝謝!