iOS 11 vs 10:UI 和交互全面對比分析

10-17

與 iOS 10 相比,iOS 11 在 UI 和交互上有什麼特別的改變呢?通過文章一起來瞭解下。

蘋果早在 6 月份的 WWDC 全球開發者大會中介紹瞭 iOS 11 系統,9 月我們終於收到瞭正式版的更新推送。經歷瞭 11 代的大版本更迭的 iOS 依舊保持著活力與進步。跟手上用瞭一年的 iOS 10 相比,iOS 11 在 UI 和交互上有什麼特別的改變呢?下面讓我們一起來看看。 ( 左邊 iOS 10,右邊為 iOS 11)

主屏幕

左上角的導航有瞭明顯的改變,從小圓點變為瞭經典的信號格模式,底部的 Dock 也去掉瞭 APP 的名稱,應用名稱字體加粗,相對更清晰易閱讀。

控制中心的調整是 iOS 11 的最大亮點之一,用戶可以自定義常用的功能塊,並且可以通過 3D Touch 來調整亮度和音量,控制條也從橫向變為豎向柱狀,節約瞭控制中心的面積,佈局更為合理,讓人耳目一新。

圖標 icon

有十個左右有較大改動的圖標分別是:地圖、應用商店、時鐘、相機、設置、通訊錄、提醒事項、音樂、通訊錄、備忘錄和計算器等。其中地圖、時鐘、相機和通訊錄的改動都是比較人性化和正常的,還有一些圖標的改動相對較大。

經典的 App Store 圖標發生瞭重要的變化,原本的筆和尺子表達的是 " 工具 " 的本質,如今新的 icon 變為瞭三根圓棍,三角代表穩定的結構,更多可能是強調 App Store、開發者和用戶之間的關系。

而計算器圖標的改變更為徹底,從扁平風格變得圓潤,以實心圓為主,更多是讓人推斷是在向初代 iPhone OS 致敬。

還有其他的一些圖標也進行瞭對應的改變,整體來說都是進行簡潔化或者對比度加深,更加符合 iOS 11 的整體風格基調。

App Store

App Store 的新設計突出瞭卡片式的排列方式,配以投影的大面積使用,提升瞭頁面層次和對比。這樣大膽的排版加強瞭 App Store 的設計感和藝術感,突出瞭層次和導航。

簡單來說 App Store 將應用整個的風格都進行細致的歸類,在歸納好一個主題之後在針對於用戶各自的使用風格去進行推薦,這背後蘊含的是蘋果對於整個用戶群體大數據的歸納整理,之後再定向推送相對應的內容,實在是一個非常不錯的改變。

通知中心

在新版的通知中,當我們從頂欄下滑後,背景不再使用玻璃虛化,跟鎖屏界面一樣,在上方保留時間和日期的信息;豎屏的情況下,時間和日期會呈現在界面左側,右側則放置通知信息,設計風格與控制中心統一模塊化設計風格,跟 iOS 10 相比更為簡練和大方,更加符合使用習慣,空間利用也更為合理。

解鎖界面

iOS 11 中的鎖屏界面的數字鍵變成實心,這樣的設計提高瞭界面的可讀性,減少細框和細線對閱讀的幹擾和影響。

除瞭 iPhone 之外,iOS 11 本次在 iPad 上的表現可謂是非常驚艷,特別是交互方面讓 iPad 煥然一新。

iOS 11 for iPad 最大的變化是更新瞭一款全新的 Dock,類似於 macOS 上 Dock 的體驗。首先,這個 Dock 上最多可以擺放的 15 個應用,並且在 Dock 右邊的分區會顯示最近使用的 3 個應用,而正在 Handoff 中的應用會出現在 Dock 的最右邊,Handoff 的應用會占用顯示最近使用的 3 個應用的一個名額。

全新的 Dock 采用瞭底部上劃呼出的交互方式,替代瞭之前的控制中心,更加值得一提的是,在已經打開一個應用的情況下,我們從屏幕底部呼出 Dock 並打開一個應用,將其拖到界面上後,這個應用就會在界面右側以懸浮窗口的形式呈現。

全新的 Dock 與懸浮窗口結合的模式解決瞭 iOS 10 中分屏狀態下隻能通過上劃滑動應用列表翻找應用的情況。跟 iOS 10 中的 Slide Over 最大的差別在於,Slide Over 打開的應用是無法操作的,而現在你可以在操作懸浮窗口的同時對主應用進行交互和操作,極大地提高瞭使用體驗。

App Switcher

新版任務切換中心對筆者最大的感受,莫過於終於可以不再用力雙擊 Home 鍵呼出瞭,在上劃呼出 Dock 後繼續從屏幕下方滑就可以打開 App Switcher。整個過程非常絲滑順暢,不僅減輕瞭突然切換到物理操作的不適感,也增強瞭系統整體的使用沉浸感。想要回到主屏的話也不用點擊 Home 鍵,輕點 App Switcher 的空白區域即可。

Drap & Drop

文件拖拽這種交互方式終於在 iPad 得到瞭實現,比如在懸浮窗口,你可以在拖出一個文件後,再分別點擊需要拖拽的其他文件,從而會形成一個堆棧,接著就可以輕松地批量把文件拖拽到主應用瞭。

二級菜單

還有一個值得一提的交互則是 iOS 11 for iPad 新增的二級菜單,目前為止 iPad 還未支持 3D Touch,在新的系統裡可以通過長按應用或控制中心進入二級菜單實現類似 3D Touch 的體驗效果。

總的來說,相比 iOS 10,iOS 11 最直觀的莫過於加粗瞭整體的線條感,整體無論是字體還是圖標效果都得到瞭加深和加粗,對比度也更高,代表瞭一種平靜的進化和對用戶體驗的微調。

iOS 11 在 iPhone 上的更新較為平滑,更加強調細節上的視覺效果和操作體驗;而在 iPad 上的更新可以說是可圈可點,特別是在交互方面大有突破,使得 iPad 往生產力設備更近瞭一步,也讓開發者擁有更大的自由和平臺,使得 iOS 的應用生態更為高效和實用。

iOS 在無論在交互還是 UI 上都一直保持著創新和動力,除此之外我們也應該看到蘋果背後的人文精神和用戶體驗,我們在產品設計的過程中,也應該讓產品保持沉穩的氣質,順滑的體驗,產品也會因此變得鮮活而生動。

本文由 @thomas 原創發佈於人人都是產品經理。未經許可,禁止轉載。

題圖來自 PEXELS,基於 CC0 協議

精彩圖片
文章評論 相關閱讀
© 2016 看看新聞 http://www.kankannews.cc/