51CTO 網+第九期線下公開課干貨分享:移動APP UI設計創新之美
原創2016年1月30日,春節將至。以往在周末更顯喧鬧的北京城,似乎正開始給自己放個長假。幾條環路的路況都還不錯,北四環紅領巾橋一帶卻不盡然。小編真心希望,不是因為【51CTO 網+】聯合【WOT百城沙龍】,在位于紅領巾橋附近的仁和立大廈舉辦【第九期線下公開課】,才給大家帶來這樣的麻煩。
雖然這是個看臉的時代。摸著良心說,網+公開課的報名系統絕沒設置上傳頭像功能,為什么我們選擇的學員顏值都這么高呢?看主題——“移動APP創新之美_UI設計”。所以這來的都是藝術家呀,有圖來證。
活動開始前,主持人在微信群里組織大家互動,公開評選出最佳設計圖獲得紀念品。想說各位設計師為了兩桶橄欖油也是拼了。
設計師的顏值對于產品來說沒什么卵用,而應用的"顏值"間接關系到產品發展的好壞。UI設計又是一種高于顏值的概念。移動時代,我們應該從哪些方面入手,對APP的細節進行打磨,用什么樣的方法完善它?本期線下公開課邀請豆果美食設計總監馬丁、58同城用戶體驗設計總監何瀟、crossapp產品經理王志偉三位扎根于移動UI領域的實力講師,為大家分享關于創新APP的UI設計 在交互設計、界面設計等方面的經驗與方法。
豆果美食設計總監馬丁 首先上場,帶來《指尖料理-豆果美食客戶端V600設計分享》的主題演講。
馬丁談到,在這個讀圖時代,很多應用界面不再追求高大上,而是追求小而美、小而精,更加注重產品功能和架構界面。提到軟件功能時,馬丁表示功能分三個方面:核心功能、特色功能和輔助功能,根據信息傳遞的需要,信息優先級決定界面內容的布局展示和用戶行為的引導設計。
“交互設計是UI設計師的另一項法寶。”馬丁如是說。
當然,在設計產品的時候,溝通是不可避免的。良好的溝通可以讓設計師“左擁產品經理,右抱開發測試”。馬丁回憶起他在360工作的歲月,那時他負責 設計360通訊錄的產品,但是版式提交了好幾次,老周總是不滿意,認為界面有問題。最后馬丁和產品經理以及老周坐下來談,總算找到了問題的焦點,有時界面有問題不等于說界面不好看,360通訊錄沒有凸顯為用戶通信安全保駕護航的特點就不是360通訊錄了,重新設計得再好看,沒有滿足產品的核心訴求,產品也 依然是“有問題”的。由此可見溝通的目的是為了了解產品經理的核心訴求,并加以優化改進產品。
第二位登場的58同城用戶體驗設計總監何瀟真可謂是不折不扣的高級黑。對于現在的東家58同城,他毫不留情地吐槽到,很長一段時間里,這是一家設計品味貼地飛行的公司。過去十多年的時間里, 他先后任職微軟、百度、IBM、騰訊等大廠,“暗訪”一圈兒后得出結論:大公司真沒什么了不起。他的經歷給筆者最大的感受就是“識時務者為俊杰”。何瀟認 為設計師千萬不要想著對今后五年、十年的職業作出具體規劃,因為設計思維的每一點演進,都與行業趨勢演進密不可分。
對設計行業的幾點反思
你如何看待設計?
何瀟談到,不只是設計師本人,企業決策者、程序員、產品經理,我們都需要對設計行業進行幾點反思。
你的產品類型是什么?
何瀟講到,產品類型無非以下兩種,一是以電商為代表的過程導向型產品,一種是以搜索引擎為代表的結果導向類產品,以設計的重要性而言,過程導向型產品要遠遠高于后者。
市場的競爭格局怎樣?
作為產品在市場上的競爭策略來講,也往往非為兩類:
- 不鳥設計。那就要確保你的用戶價值以絕對性優勢壓倒用戶體驗,即使十幾年不改版,還穩獲市場Leader地位。
- 貢著設計。蘋果。別不多說。
你舍得投入嗎?
養好的設計師真的很貴。
結果是由生產方式決定的
何瀟講到,互聯網公司往往生活在自己的幻覺中,覺得自己做的事情666,因為我們的估值嚇 死寶寶了。但其實一個很殘酷的現實是,APP的作業方式是與富士康看齊的。也許你要說,什么?富士康?!呵呵噠~然而,是的。因為產品的高度成熟化一定是由非標準化向標準化演進的過程。
- 如果你的生產方式以高度中心化的組織為架構,那么設計水平無疑會受到領導者水平的限定和制約。
- 那我們可以換一種方式,在每一個組織中找到一個最牛的人,這樣相對扁平的架構中,你的設計水平會奇妙地向更高的水平邁進。
最后和大家分享的crossapp產品經理王志偉介紹,他自身是產品經理而不是設計師,所以更多的是從產品角度談設計。在他看來,不想做成偉大產品的設計師都不是好設計師。
不懂的人對設計師的看法是不一樣的,企業老板、產品經理和程序員各有各的看法,在王志偉看來,設計的關鍵在于匹配。
具體分為兩個方面,第一:設計的目標具象化;第二,設計是多人協作的團隊活動。而設計的重要職能是為具象化的東西披上外衣,點綴內涵。
設計之前需要了解業務,產品定義規則,而設計需要了解然后發揮這個規則,然后進行技術性地創造,這些都是可以量化的指標。
他舉例說,資歷比較淺的設計師,說我覺得這個設計挺好看,卻沒法說出是為什么好看。是間距、布局還是圖標,突出了哪里弱化了哪里等等,都是需要設計邏輯的。
他又提到,設計經常會遇到一些不靠譜的意見,此時應盡量堅持自己的專業意見。為此制定相關的規范是很有必要的,主要表現在:減少溝通成本,方便后續優化;方便設計師之間的協作;形成統一性,促進差異性。
在演講最后,他提到要注意升華細節。我們常說細節決定成敗,這個說法是需要前提條件的,不是所以的細節都能決定成敗。重要的是學會掌握節奏,知道什 么時間合適什么時間不合適。另外要學會利用數據的反饋,比如改Banner,需要進行A/B測試來決定誰優誰劣,數據不會騙人的。例如亞馬遜的“加入購物 車”按鈕,黃色底色,黑色邊框綠色字體,從設計美學上來說是很丑的,但是數據證明該按鈕效果良好。
三位老師的精彩演講,讓前來參加公開課的同學們收獲頗豐,并紛紛與專家面對面交流,打開思路,一同感受APP之美。
51CTO 網+線下公開課每月一期,已連續舉辦九期,得到來自用戶的支持和喜愛。未來一年,我們將繼續圍繞移動開發者切實需求切入,為廣大移動開發者提供交流和學習的平臺。