如何在產(chǎn)品迭代中尋求美學(xué),體驗(yàn)創(chuàng)新?
如何在產(chǎn)品迭代中尋求突破?是該保持穩(wěn)扎穩(wěn)打,還是挑戰(zhàn)風(fēng)險?變與不變?nèi)绾稳∩??怎樣才能掃除阻礙創(chuàng)新的三毒?
產(chǎn)品從無到有難,從初級階段到中級階段更難,那么從中級到高級提升更是難上加難,今天我們就聊一下產(chǎn)品迭代中怎么樣尋求突破,以蘇寧即時通訊應(yīng)用——豆芽移動端作為案例,闡述一下本次改版心得。
企業(yè)即時通訊,是以企業(yè)內(nèi)部辦公為主,建立員工交流平臺,減少運(yùn)營成本,促進(jìn)企業(yè)辦公效率, 整合相關(guān)應(yīng)用。相對于個人即時通訊工具而言,更加強(qiáng)調(diào)安全性、實(shí)用性、穩(wěn)定性和擴(kuò)展性。其特點(diǎn)就是移動辦公和企業(yè)社交。從產(chǎn)品的角度來講,把兩者有序無縫的融合在一起是一個更大的挑戰(zhàn)。
改變心態(tài),打散重組
產(chǎn)品上的視覺改版,首先少不了競品分析,如何去選擇競品,是有原則的,有考究的。正如易經(jīng)里所講的“取法乎上,僅得其中;取法乎中,僅得其下”,詮釋的很到位了。要分析就要分析行業(yè)內(nèi)第一、第二的產(chǎn)品,盡量不要拿排名3以下的,參考價值較低,學(xué)到最好,充其量也是第四,無法樹立行業(yè)標(biāo)桿,何談引領(lǐng)、超越?所以我們僅分析釘釘、微信兩款應(yīng)用。
▲競品分析圖
以消息列表舉例分析,釘釘界面布局平衡,色彩明快,飽和度高,列表文字層次感強(qiáng)。經(jīng)過深入研究,發(fā)現(xiàn)列表文字傾向色同樣是藍(lán)色,通過Alpha的不同實(shí)現(xiàn)統(tǒng)一。細(xì)節(jié)處理上更是巧妙得當(dāng),如右側(cè)的置頂小三角。微信對比度強(qiáng)烈,屬于高長調(diào),方形頭像,整齊劃一。豆芽色調(diào)屬于中性,配色上明度差別較小,飽和度較低,其中列表文字傾向色為紅色、黃色,色相混亂不一致。Icon纖細(xì),缺少體積感,信息列表缺少層次感,置頂過于突兀,細(xì)節(jié)上還有很多地方值得我們?nèi)ニ伎肌?/p>
會當(dāng)凌絕頂,一覽眾山小。站在至高點(diǎn),放眼回顧豆芽的歷史版本,發(fā)現(xiàn)一層一層不斷的增加新的功能,功能之強(qiáng)大,大而全,全而雜,假如制作一幅類似城市的鳥瞰圖會是什么樣子呢?更像生活區(qū)、商業(yè)區(qū)和工業(yè)區(qū)混在了一起,相信每個人都不想看到居住的小區(qū)里出現(xiàn)化工廠,冒著濃濃的黑煙。所以我們下一步的目標(biāo),就是找到產(chǎn)品的主線、核心競爭模塊,圍繞這個進(jìn)行設(shè)計部署。
這就引出了極簡美學(xué),給設(shè)計做減法,給心靈做加法。藝術(shù)領(lǐng)域有這么一個故事,一個普通的茶壺,怎么樣變的更加精美別致?藝術(shù)家是這么處理的,先打破,往地上一摔,幾乎全是碎片,而他有取舍的把碎片重新粘合在一起,結(jié)果成了一件價值不菲的工藝品。另外斷臂維納斯也充分印證了這一點(diǎn)。在大數(shù)據(jù)大時代下,產(chǎn)品設(shè)計同樣適合這個法則——打散重組。
破而后立,突破原形束縛,才有更多可能性,更多火花碰撞出來。
豆芽圖標(biāo)就此法則進(jìn)行了新的嘗試,因?yàn)閷τ谝苿佣私缑妫瑘D標(biāo)尤為重要,大部分為功能型圖標(biāo),至于選擇線性圖標(biāo),還是面性圖標(biāo)、線面結(jié)合圖標(biāo)、扁平圖標(biāo),似乎都缺少一點(diǎn)生機(jī)。用戶對于老版本產(chǎn)生了視覺疲勞,同時又需要保留部分視覺記憶,從而增強(qiáng)圖標(biāo)識別度,所以這里對圖標(biāo)做了抽象化的缺口處理,即斷點(diǎn)非閉合式圖標(biāo),用最少的墨色表達(dá)最豐富的內(nèi)容,給用戶一個充分的想象空間,自動彌補(bǔ)缺失圖形。
▲豆芽底部圖標(biāo)
權(quán)衡利弊,圍繞核心
在這個階段,我們會受到業(yè)務(wù)、產(chǎn)品、前端、開發(fā)等因素的困擾,有一點(diǎn)始終不能忘記,就是用戶需求,董事長新春團(tuán)拜會強(qiáng)調(diào),蘇寧要以用戶需求為核心,產(chǎn)品和服務(wù)為手段。所以我們要走到前線,進(jìn)行有效的用戶訪談,了解用戶真實(shí)需求。
這里就不做詳細(xì)的說明,因?yàn)樯婕暗膬?nèi)容較多,以后會單獨(dú)闡述。提醒一下,不要把一些用戶數(shù)據(jù)、用戶感受直接作為產(chǎn)品方案,還是需要結(jié)合我們專業(yè)的知識經(jīng)驗(yàn)提煉出合理的解決方案。
豆芽移動端5.0,內(nèi)容分為四大模塊:消息、通訊錄、工作臺、我。核心當(dāng)然還是消息列表、聊天界面、工作臺為主,視覺設(shè)計改版有如下幾個方面。
▲消息列表、聊天界面、工作臺
空間
選擇iPhone6、7、8的尺寸還是iPhoneX的尺寸提視覺方案?我的選擇是iPhoneX,當(dāng)然不是追時髦,也不是空穴來風(fēng),畫布的尺寸決定了產(chǎn)品的謀篇布局,像書法作品一樣,款式主要有中堂、條幅、對聯(lián)、扇面等等,不同形式下寫多少字,怎么落款、鈐印,書法家是心中有數(shù)的。
根據(jù)手機(jī)屏幕尺寸不斷變大的趨勢來看,內(nèi)部空間果斷的留白,消息列表行距寬度增加,留白可以使頁面的層次感得到極大的增強(qiáng),核心元素更聚焦,有韻味,呼吸感更順暢,留白的表現(xiàn)形式要根據(jù)品牌屬性來抉擇。
色彩
產(chǎn)品從開始的定位和風(fēng)格,一般很少去修改品牌色,也是運(yùn)營產(chǎn)品的大忌。而豆芽原本的草綠色略顯稚嫩,所以從初級方案的純凈藍(lán)色到現(xiàn)在的年輕化偏墨綠色,經(jīng)歷了無數(shù)版本的磨合,不同的配色方案,考慮到不同年齡段,不同層次的用戶,不同喜好的用戶,以及戰(zhàn)略層的考量。
墨綠是非常高雅的顏色,雅的明朗、雅得有生命力。但是經(jīng)過反復(fù)的嘗試,求證,跟色卡的比對,跟產(chǎn)品的融合,并不是很符合豆芽即時通訊的調(diào)性。把墨綠的飽和度逐漸降低,80%、60%、40%、20%,不能再低了,40%已經(jīng)開始粉了,發(fā)現(xiàn)60%的墨綠明度上更合適,不過飽和度降低之后,光澤度也隨之降低了,此時,要增添紅色成分,繼續(xù)調(diào)和,最終確定了我們的豆芽主色調(diào),即孔雀綠,也許更貼切。
▲色卡
字體
統(tǒng)一采用各端系統(tǒng)默認(rèn)字體,不過大小間距,更是松弛有度,疏密要得當(dāng),最主要的是信息傳達(dá)要精準(zhǔn)、清晰,層次感強(qiáng)。
圖片
工作臺的廣告位圖片傾向于16:9的比例,或者橫向更長一些,因?yàn)槭謾C(jī)端空間有限,而且從美學(xué)角度上更美觀舒適,視野更開闊。消息列表頭像仍然保持原來的圓形,略有放大;工作臺應(yīng)用程序圖標(biāo)采用圓角方形,規(guī)范整體。方圓結(jié)合,不至于視覺上單調(diào)。頭像盡量還原真實(shí)感受,但是提案時,頭像品質(zhì)還需把控,不能因小失大。
▲門戶、國際版
放空自己,源頭活水
這里就提到一個心理學(xué)概念空杯心態(tài),產(chǎn)品迭代前要放好心態(tài),清空你的杯子,方能再行注滿。不是完全否定之前的產(chǎn)品,而是要掃除能夠阻礙你獲得創(chuàng)意的三毒,三毒就是經(jīng)驗(yàn)、習(xí)性、動機(jī)。
尊重經(jīng)驗(yàn),讓經(jīng)驗(yàn)展示自己,讓我們更了解它,面對新的經(jīng)驗(yàn)不要急于分類貼上好的或者壞的標(biāo)簽。經(jīng)驗(yàn)就像“烙印”,烙印長存,到后來就是自己的習(xí)性。改變習(xí)性,需要很大的勇氣和一個平靜的心。創(chuàng)意的根,就在于動機(jī),要不停的問為什么?問的徹底,智慧才能不斷生起。
三毒來自《賴聲川的創(chuàng)意學(xué)》,值得大家去讀一下,會打通你的任督二脈,創(chuàng)意思如泉涌。創(chuàng)意大師賴聲川認(rèn)為:“創(chuàng)意是可以‘練’的!”他相信,創(chuàng)意固然神秘,卻是有法可學(xué)、可管理的。提出了實(shí)用的“創(chuàng)意金字塔”。
當(dāng)然把產(chǎn)品放空后,很自然的會想到去拉近和用戶之間的距離,處理好互動的關(guān)系,加入一些情感元素,增加產(chǎn)品的親和力,那么豆芽方案中也有體現(xiàn),不僅在聊天對話框中顯示聊天時間,還會顯示聊天地點(diǎn)、天氣,甚至心情,比較適合蘇寧國際同仁之間的溝通。
比如豆芽工作臺提出的秒辦功能,秒會議室、秒申請、秒審批、微同視等,雖然這次沒能通過評審,但是我相信在記錄用戶習(xí)慣之后,未來是可以實(shí)現(xiàn)的,高效辦公需要跟智能接軌。
總結(jié)
只有不斷的汲取知識,才能源頭活水,輸出清澈的可行的創(chuàng)意。創(chuàng)新是一場思想和過程的博弈,僅靠金錢是無法獲得成功的。保證項目成功的最終決定因素是“人”,是卓越的設(shè)計頭腦。推薦一本世界頂級創(chuàng)意咨詢公司青蛙公司創(chuàng)始人哈特穆特·艾斯林格《一線之間》,也許會有不一樣的奇思妙想。
最后就蘇寧易購,我們來大膽暢想一下,未來是不是可以利用AR技術(shù),融入景觀設(shè)計的元素,讓用戶購物同時獲得全新的現(xiàn)實(shí)體驗(yàn)。改變?nèi)藗兊囊环N生活方式,提升生活品質(zhì)。
作者:宋冬明,蘇寧員工平臺研發(fā)中心 視覺設(shè)計師
本文由@宋冬明 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自@Unsplash, 基于CC0協(xié)議
謝謝小哥的爽文,受教了,尤其是最后面推薦的書籍,走心了
蘇寧UED官方公眾號:蘇寧易購用戶體驗(yàn)(snygued)
蘇寧UED官方公眾號更名為:蘇寧設(shè)計