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