關(guān)于在iOS當中實踐Material Design的訪談

0 評論 17391 瀏覽 14 收藏 10 分鐘

原文當中關(guān)于這位設(shè)計師成長經(jīng)歷和近期項目介紹的內(nèi)容省去了,脫一層水。小節(jié)標題是host的提問。

你產(chǎn)出了很多不錯的Material Design,尤其是iOS版本的Google Keep探索。你平時都使用哪些工具?設(shè)計這些app界面通常需要多少時間?

和大家一樣,我在多數(shù)項目里都會用到Photoshop和Illustrator,不過最近特別鐘情于Sketch。我從來無法滿足于靜態(tài)的mockup,所以涉及到動效設(shè)計時,我通常會使用After Effects。

在設(shè)計iOS版本的Google Keep時也不例外,這些工具基本都有用到,特別是最后需要將所有的界面和轉(zhuǎn)場方案都整合到After Effects當中?;ㄙM的時間大約在一周的樣子。

對我而言,動效設(shè)計可以傳達出很多靜態(tài)界面及傳統(tǒng)轉(zhuǎn)場流程難以表現(xiàn)出的特質(zhì),其中也包括一些情感化的元素。但同時我也必須強調(diào)一點,無論是單一元素還是界面轉(zhuǎn)場,其中的動效都必須服務(wù)于某種目的,而不只是出于美觀炫酷,更不能干擾或拖延人機互動流程。

當我與界面上的元素進行互動時,我下意識的希望了解這些元素從何而來,又會去到哪里。界面上的多數(shù)交互元素不能只是憑空的出現(xiàn)或消失 – 交互行為與觸發(fā)的結(jié)果之間沒有視覺上的關(guān)聯(lián),用戶很快會迷失方向。

交互元素自身的行為特質(zhì)對于我們理解和記憶界面的交互方式非常重要。譬如我給你一個界面,上面有一個返回按鈕。當你點擊這個按鈕的時候,自然會期望有事情發(fā)生。然而,如果當前界面只是憑空消失,同時新的界面突然呈現(xiàn)在眼前,你便無法感知到前后狀態(tài)變化之間的關(guān)聯(lián),進而需要回憶之前的界面狀態(tài),回憶自己的操作行為,并根據(jù)回憶來推測當前界面與之前的內(nèi)容及操作之間的關(guān)系。雖然在實際當中這一過程非常短暫,但足以給用戶造成很大的認知負荷。所以,更合理的做法是使當前界面平滑的過渡到下一個界面,或是使特定的交互元素通過某種運動方式過渡到下一個狀態(tài),通過這種有跡可循的過渡方式輔助用戶轉(zhuǎn)移注意力,讓他們更直觀的理解交互行為與狀態(tài)變化之間的關(guān)聯(lián)。

在iOS版本的Google Keep當中,我通過動效全程輔助著用戶的每一個交互行為。例如,當用戶選擇創(chuàng)建一條新備忘,文本輸入框會自動展開,然后更多相關(guān)的信息和選項會通過動效呈現(xiàn)在輸入框底部。在這個環(huán)節(jié)當中,隨著狀態(tài)的切換,信息和功能由主到次通過動效依次展示在界面當中,用戶的注意力得以平滑的過渡到新的狀態(tài)當中,無需刻意回憶和判斷前后狀態(tài)的區(qū)別。

此外,在為這條備忘選擇主題背景色時,與當前任務(wù)不相關(guān)的功能和信息會淡出消失,同時色彩選項依次移入。點擊某個色彩按鈕之后,主題背景色的動態(tài)切換方式也會使用戶感到這些是在自己的操作行為觸發(fā)下完成的,控制感很強。

02-material-design-ios-app.png

03-material-design-ios-app.png

你為什么決定在iOS平臺上嘗試通過Material Design打造Google Keep?

無論對于Android,還是iOS、Mac甚至是PC,我都很有熱情,所以慢慢開始習(xí)慣于在各個平臺的設(shè)計生態(tài)之間取長補短。我對Google Keep非常有愛,不過可惜的是,Google并沒有在iOS App Store上架官方的版本,所以我決定自己上手,在iOS上嘗試使用Material Design設(shè)計語言來打造一系列非官方版本的Keep界面。

如今,我越來越聚焦于對UI動效在人機互動當中的溝通作用進行探索和實踐。平時,我會試著在其他一些知名的iOS app當中通過Material Design的設(shè)計語言來提升交互和視覺體驗,另外也在設(shè)計一款自己的旅行社交app。這些對我來說都是絕佳的實踐機會。

使用Material Design設(shè)計的iOS app當中,你最喜歡哪一個?

這個問題蠻難回答的。Google官方最近在iOS上發(fā)布了很多優(yōu)秀的app,譬如Google Search和Inbox,在我看來便是Google官方在iOS上嘗試Material Design語言的絕佳案例。

04-material-design-ios-app.png

在所有這些app當中,我個人覺得Google Play Music算是集大成于一身,包括通過動效引導(dǎo)用戶與界面進行互動、通過簡潔的界面框架使內(nèi)容本身得到最大化的呈現(xiàn)等一系列基本設(shè)計原則都得到了淋漓盡致的體現(xiàn)。

你是否認為Material Design將來會對iOS app的設(shè)計方式帶來越來越深的影響?

絕對的。實際上,拋開特定的風格概念,將設(shè)計語言的本質(zhì)抽象出來,你會發(fā)現(xiàn)Material Design的基礎(chǔ)理念可以被運用到所有的平臺與設(shè)備當中。當然這并不意味著所有平臺上的app都會有著相同的外在表現(xiàn)形式。

你是否建議其他設(shè)計師在iOS app當中嘗試Material Design的設(shè)計元素?

Material Design設(shè)計語言當中的諸多視覺要素與交互模式都可以很好的被運用在iOS平臺上。但是無論怎樣,與操作系統(tǒng)自身的特性保持和諧統(tǒng)一都是非常重要的。你不能為了融合風格而去融合風格。在沒有絕對必要的情況下,強迫用戶去學(xué)習(xí)和掌握全新的操作習(xí)慣,這種做法無論在可用性層面還是情感層面都會造成極大的負面效應(yīng)。設(shè)計語言的基本原理的可以被靈活運用的,根本目標是最大化的提升體驗,不要制造出顛覆性的結(jié)果。

對于在iOS app當中嘗試Material Design這件事,我個人更加聚焦于它背后的設(shè)計原理,而非具體的界面及元素的視覺樣式;前者是根本,而后者很可能會隨著潮流而更迭。對我來說,站在交互層面,元素與界面的轉(zhuǎn)場過渡方式對人機互動體驗的影響作用才是最值得關(guān)注的。在如今的觸屏設(shè)備上,人機互動方式越來越復(fù)雜,但真實的控制感卻越來越低;怎樣融匯諸多設(shè)計語言當中的精華,更自然、更有效的提升人機互動體驗,這是最關(guān)鍵的。

Material Design會不會只是一種設(shè)計潮流?

對于任何一種設(shè)計風格,當我們審視它們背后的基本原理時,或多或少總會發(fā)現(xiàn)一些經(jīng)得起時間考驗的要素。Material Design是一種純粹的數(shù)字化設(shè)計語言,隨著時間而發(fā)展演變,這是它與生俱來的能力。我們今天所看到和談?wù)摰降腗aterial Design,在兩年之后很可能已經(jīng)發(fā)展成另外一種形態(tài)。不妨將這類設(shè)計語言看做某種有機體,它能持續(xù)的調(diào)整和進化,以適應(yīng)外在環(huán)境。

謝了,Jason!

本文相關(guān)內(nèi)容:

 

譯者:C7210

來源:BeForWeb

譯文地址:http://beforweb.com/node/757

原文地址:https://medium.com/materialup-exploring-material-design/should-you-use-material-design-on-ios-d740962e628d

原文作者:Matthieu Aussaguel

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!