先從視覺聊產(chǎn)品設(shè)計(上)

1 評論 10169 瀏覽 58 收藏 9 分鐘

發(fā)現(xiàn)身邊某些產(chǎn)品小伙伴是不怎么重視視覺設(shè)計,今兒又是一個酷酷的周末,敲敲鍵盤。

我們所接受的外界信息有差不多80%都來自視覺,而視覺傳達對互聯(lián)網(wǎng)產(chǎn)品的重要性更明顯,我們所用到的無非:視覺,觸覺,聽覺。至于嗅覺和味覺,帥得屏幕啥的,以及當(dāng)年喬幫主介紹iPhone的擬物UI時說讓人有想舔屏幕的沖動所引發(fā)的味覺感受依然來自于視覺刺激。

從圖標(biāo)說起

對于一款新APP來說,用戶真正開始認識我們的APP是從我們的圖標(biāo)開始的,而這個 圖標(biāo)設(shè)計是否精致漂亮,風(fēng)格與產(chǎn)品定位,產(chǎn)品的整體視覺表現(xiàn)是否一致,圖標(biāo)是應(yīng)用品牌的重要組成部分。而對于用戶第一次看到圖標(biāo)時,便開始形成對產(chǎn)品的第一印象,用戶在不了解應(yīng)用產(chǎn)品時,會通過對圖標(biāo)的印象,判斷該應(yīng)用的品質(zhì),作用,以及可靠性。比如支付類的應(yīng)用圖標(biāo),除了精致漂亮,視覺傳達給用戶的感覺是穩(wěn)定,可靠,安全。

他們有什么共同點?假如我們對以上兩款支付應(yīng)用都毫不知情,只知道是兩款不同的支付應(yīng)用,只看圖標(biāo)選擇唯一一款支付應(yīng)用使用,你會選哪一款?(我選支付寶)

到應(yīng)用商店搜了一下財付通的評價

324947-20c2698d4091d2bb

由于財付通界面“山寨” ?導(dǎo)致 ?用戶懷疑“是不是假的”,最終必然是用戶放棄使用,而“山寨”的感覺來源于視覺沒有傳達給用戶“正品”該有的感覺。

再看兩款應(yīng)用圖標(biāo)吧:美團 ?大眾點評

324947-e1e94ed8d0e5ec23

錘子對圖標(biāo)進行了優(yōu)化也拯救不了這個奇怪的娃娃的奇怪造型

圖標(biāo)就說到這…

接著說APP的引導(dǎo)頁和啟動頁。

引導(dǎo)頁

當(dāng)用戶第一次打開一款A(yù)PP的時候往往都會設(shè)計引導(dǎo)頁。

按目的:

一般分為:功能介紹類、使用說明類、推廣類、問題解決類,頁數(shù)一般不會超過5頁,我個人認為3頁恰好,5頁過多,折中的做法是用戶可以選擇:掉過引導(dǎo)

按表現(xiàn)形式:圖片,動效,視頻,+音效

圖片和動效果是常用的形式,視頻則多用于一些很需要走心的產(chǎn)品,(廢話)比如最美時光

324947-9118b839f8c3e330

引導(dǎo)頁使用的一段精心制作的關(guān)于時光的視頻,容易引起用戶的共鳴,同時也傳到了產(chǎn)品的價值。不過若我是產(chǎn)品經(jīng)理,視頻的色調(diào)會使用黑白的懷舊色調(diào),烘托出一種時光荏苒的氛圍,而整個內(nèi)容頁的設(shè)計至少色彩也不會用的如此高亮鮮艷,不過到也符合最美出品的風(fēng)格。

現(xiàn)在的APP基本都有啟動頁(微信的啟動頁:小人看地球),也有一些沒有啟動頁(知乎:直接打開)。

啟動頁的形式包括:圖片,動效

啟動頁的內(nèi)容包括:廣告,,LOGO,或者用戶使用場景等等

而對于一款app,

一,是否需要啟動頁。

占領(lǐng)用戶碎片化時間的應(yīng)用大多不應(yīng)該有啟動頁,比如知乎,印象筆記,以及一些資訊類的客戶端,不應(yīng)該增加用戶的時間成本,如此得不償失。

二,需要哪種形式的啟動頁。(圖片,動畫,還是其他什么形式)

三,放什么內(nèi)容,內(nèi)容需要什么樣的表現(xiàn)形式?(需要傳達給用戶的是什么內(nèi)容,怎樣傳達,是文字還是圖片,還是文字加圖片,是黑白色調(diào)還是炫酷的彩色調(diào)調(diào)。是動態(tài)靜態(tài),時間多長,是初次啟動需要還是每次啟動都需要,字體用電腦字體還是手寫體,等等等等等都需要精致的打磨,不一一列舉)

這些都需要對產(chǎn)品定位,用戶需求,用戶體驗,使用場景等有著深刻透徹的思考以權(quán)衡:(視覺服從于內(nèi)容,內(nèi)容服從于需求,需求求于商業(yè)需要)

324947-713ef4f2cbcd1317
324947-ad19a80ed71f4b37

優(yōu)秀的APP設(shè)計,每一個細節(jié)都可以看到細節(jié)的打磨。

寫到這里,發(fā)現(xiàn)一個嚴(yán)重的問題,對于整個視覺的設(shè)計并不是有著特別自信,因為我自身做過的視覺并不多,更多的是從產(chǎn)品的角度思考,而產(chǎn)品我自身也是一只小小菜鳥,不過想想,這又何妨我對產(chǎn)品的思考和評價,那就找?guī)卓罹唧w的產(chǎn)品來聊聊好啦。

接著說APP的首頁

本想找一款小眾的APP說說,說錯了也沒人知道,不過這樣哪來的挑戰(zhàn)。

那就挑微信吧,-。-

關(guān)于微信,之前在網(wǎng)上看到一道關(guān)于微信的產(chǎn)品題,據(jù)說是微信的產(chǎn)品經(jīng)理筆試題:為什么微信的首頁是聊天列表,而不是朋友圈?

看了一些答案覺得都寫的多少拖泥帶水,在我看來:對于一款A(yù)PP產(chǎn)品來說,首頁往往就是這款產(chǎn)品對于用戶的核心需求所在,而核心需求決定該產(chǎn)品的產(chǎn)品定位。微信的產(chǎn)品定位是什么?拋開如今微信正在想著連接一切的野心不說,那之前的微信的產(chǎn)品定位是什么,我給的定義是:E-message。E-message不知這樣的翻譯是否正確,好比:傳統(tǒng)紙質(zhì)郵件與E-Mail:網(wǎng)絡(luò)郵件,而微信則是:網(wǎng)絡(luò)短信。

所以之前看到什么說,微信搶了運營商的短信收入,那真是拍手叫好。只能發(fā)送短短的幾個文字的信息的短信那是功能機時代的短信,智能手機上的短信有了移動網(wǎng)絡(luò)的支撐,短信自然應(yīng)該睡著時代升級進化,可以發(fā)語音,發(fā)圖片,這便是微信。微信既然是一款“E-短信”,聊天列表自然應(yīng)該在首頁。所以陌陌的首頁為什是“附近”,簡書的移動端APP首頁為什么是“熱門”,同樣的思考方式。

看一款產(chǎn)品的核心在哪,那就看它少了那一塊會暴斃。(而朋友圈呢,為什么微信還有朋友圈,朋友圈和空間有何不同?容我再想想。(這跟視覺有什么卵關(guān)系嗎?當(dāng)然,首頁不是你視覺接觸到的嗎,難道是嗅覺不成)

好像說了一堆很空的東西,說點實在的吧。發(fā)現(xiàn)拖太長了,那放下一篇繼續(xù)寫…

未完待續(xù)…

 

作者:WLENNON

來源:http://www.jianshu.com/p/ca7248d4628c#

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 朋友圈兒,貌似更想突出“圈兒”,圈兒里的人之間的互動,有部分私密性;QQ空間,更突出個性的展現(xiàn);比如說圈兒沒轉(zhuǎn)發(fā),QQ空間可以轉(zhuǎn)發(fā),轉(zhuǎn)發(fā)就會被好友以外的人看到,圈兒外的人不能看到轉(zhuǎn)發(fā);圈兒里人的評論可以被看見,QQ空間,我的好友的文章被評論,評論的人跟我沒關(guān)系,但是我也能看到;QQ空間對圖片的處理功能是優(yōu)勢

    來自廣東 回復(fù)