起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)先從視覺(jué)聊產(chǎn)品設(shè)計(jì)（上）
發(fā)現(xiàn)身邊某些產(chǎn)品小伙伴是不怎么重視視覺(jué)設(shè)計(jì)，今兒又是一個(gè)酷酷的周末，敲敲鍵盤(pán)。
我們所接受的外界信息有差不多80%都來(lái)自視覺(jué)，而視覺(jué)傳達(dá)對(duì)互聯(lián)網(wǎng)產(chǎn)品的重要性更明顯，我們所用到的無(wú)非：視覺(jué)，觸覺(jué)，聽(tīng)覺(jué)。至于嗅覺(jué)和味覺(jué)，帥得屏幕啥的，以及當(dāng)年喬幫主介紹iPhone的擬物UI時(shí)說(shuō)讓人有想舔屏幕的沖動(dòng)所引發(fā)的味覺(jué)感受依然來(lái)自于視覺(jué)刺激。
從圖標(biāo)說(shuō)起
對(duì)于一款新APP來(lái)說(shuō)，用戶真正開(kāi)始認(rèn)識(shí)我們的APP是從我們的圖標(biāo)開(kāi)始的，而這個(gè) 圖標(biāo)設(shè)計(jì)是否精致漂亮，風(fēng)格與產(chǎn)品定位，產(chǎn)品的整體視覺(jué)表現(xiàn)是否一致，圖標(biāo)是應(yīng)用品牌的重要組成部分。而對(duì)于用戶第一次看到圖標(biāo)時(shí)，便開(kāi)始形成對(duì)產(chǎn)品的第一印象，用戶在不了解應(yīng)用產(chǎn)品時(shí)，會(huì)通過(guò)對(duì)圖標(biāo)的印象，判斷該應(yīng)用的品質(zhì)，作用，以及可靠性。比如支付類的應(yīng)用圖標(biāo)，除了精致漂亮，視覺(jué)傳達(dá)給用戶的感覺(jué)是穩(wěn)定，可靠，安全。
他們有什么共同點(diǎn)？假如我們對(duì)以上兩款支付應(yīng)用都毫不知情，只知道是兩款不同的支付應(yīng)用，只看圖標(biāo)選擇唯一一款支付應(yīng)用使用，你會(huì)選哪一款？（我選支付寶）
到應(yīng)用商店搜了一下財(cái)付通的評(píng)價(jià)
由于財(cái)付通界面“山寨” ?導(dǎo)致 ?用戶懷疑“是不是假的”，最終必然是用戶放棄使用，而“山寨”的感覺(jué)來(lái)源于視覺(jué)沒(méi)有傳達(dá)給用戶“正品”該有的感覺(jué)。
再看兩款應(yīng)用圖標(biāo)吧：美團(tuán) ?大眾點(diǎn)評(píng)
圖標(biāo)就說(shuō)到這…
接著說(shuō)APP的引導(dǎo)頁(yè)和啟動(dòng)頁(yè)。
引導(dǎo)頁(yè)
當(dāng)用戶第一次打開(kāi)一款A(yù)PP的時(shí)候往往都會(huì)設(shè)計(jì)引導(dǎo)頁(yè)。
按目的：
一般分為：功能介紹類、使用說(shuō)明類、推廣類、問(wèn)題解決類，頁(yè)數(shù)一般不會(huì)超過(guò)5頁(yè)，我個(gè)人認(rèn)為3頁(yè)恰好，5頁(yè)過(guò)多，折中的做法是用戶可以選擇：掉過(guò)引導(dǎo)
按表現(xiàn)形式：圖片，動(dòng)效，視頻，+音效
圖片和動(dòng)效果是常用的形式，視頻則多用于一些很需要走心的產(chǎn)品，（廢話）比如最美時(shí)光
引導(dǎo)頁(yè)使用的一段精心制作的關(guān)于時(shí)光的視頻，容易引起用戶的共鳴，同時(shí)也傳到了產(chǎn)品的價(jià)值。不過(guò)若我是產(chǎn)品經(jīng)理，視頻的色調(diào)會(huì)使用黑白的懷舊色調(diào)，烘托出一種時(shí)光荏苒的氛圍，而整個(gè)內(nèi)容頁(yè)的設(shè)計(jì)至少色彩也不會(huì)用的如此高亮鮮艷，不過(guò)到也符合最美出品的風(fēng)格。
現(xiàn)在的APP基本都有啟動(dòng)頁(yè)（微信的啟動(dòng)頁(yè)：小人看地球），也有一些沒(méi)有啟動(dòng)頁(yè)（知乎：直接打開(kāi)）。
啟動(dòng)頁(yè)的形式包括：圖片，動(dòng)效
啟動(dòng)頁(yè)的內(nèi)容包括：廣告，，LOGO,或者用戶使用場(chǎng)景等等
而對(duì)于一款app,
一，是否需要啟動(dòng)頁(yè)。
占領(lǐng)用戶碎片化時(shí)間的應(yīng)用大多不應(yīng)該有啟動(dòng)頁(yè)，比如知乎，印象筆記，以及一些資訊類的客戶端，不應(yīng)該增加用戶的時(shí)間成本，如此得不償失。
二，需要哪種形式的啟動(dòng)頁(yè)。（圖片，動(dòng)畫(huà)，還是其他什么形式）
三，放什么內(nèi)容，內(nèi)容需要什么樣的表現(xiàn)形式？（需要傳達(dá)給用戶的是什么內(nèi)容，怎樣傳達(dá)，是文字還是圖片，還是文字加圖片，是黑白色調(diào)還是炫酷的彩色調(diào)調(diào)。是動(dòng)態(tài)靜態(tài)，時(shí)間多長(zhǎng)，是初次啟動(dòng)需要還是每次啟動(dòng)都需要，字體用電腦字體還是手寫(xiě)體，等等等等等都需要精致的打磨，不一一列舉）
這些都需要對(duì)產(chǎn)品定位，用戶需求，用戶體驗(yàn)，使用場(chǎng)景等有著深刻透徹的思考以權(quán)衡：（視覺(jué)服從于內(nèi)容，內(nèi)容服從于需求，需求求于商業(yè)需要）
優(yōu)秀的APP設(shè)計(jì)，每一個(gè)細(xì)節(jié)都可以看到細(xì)節(jié)的打磨。
寫(xiě)到這里，發(fā)現(xiàn)一個(gè)嚴(yán)重的問(wèn)題，對(duì)于整個(gè)視覺(jué)的設(shè)計(jì)并不是有著特別自信，因?yàn)槲易陨碜鲞^(guò)的視覺(jué)并不多，更多的是從產(chǎn)品的角度思考，而產(chǎn)品我自身也是一只小小菜鳥(niǎo)，不過(guò)想想，這又何妨我對(duì)產(chǎn)品的思考和評(píng)價(jià)，那就找?guī)卓罹唧w的產(chǎn)品來(lái)聊聊好啦。
接著說(shuō)APP的首頁(yè)
本想找一款小眾的APP說(shuō)說(shuō)，說(shuō)錯(cuò)了也沒(méi)人知道，不過(guò)這樣哪來(lái)的挑戰(zhàn)。
那就挑微信吧，-。-
關(guān)于微信，之前在網(wǎng)上看到一道關(guān)于微信的產(chǎn)品題，據(jù)說(shuō)是微信的產(chǎn)品經(jīng)理筆試題：為什么微信的首頁(yè)是聊天列表，而不是朋友圈？
看了一些答案覺(jué)得都寫(xiě)的多少拖泥帶水，在我看來(lái)：對(duì)于一款A(yù)PP產(chǎn)品來(lái)說(shuō)，首頁(yè)往往就是這款產(chǎn)品對(duì)于用戶的核心需求所在，而核心需求決定該產(chǎn)品的產(chǎn)品定位。微信的產(chǎn)品定位是什么？拋開(kāi)如今微信正在想著連接一切的野心不說(shuō)，那之前的微信的產(chǎn)品定位是什么，我給的定義是：E-message。E-message不知這樣的翻譯是否正確，好比：傳統(tǒng)紙質(zhì)郵件與E-Mail：網(wǎng)絡(luò)郵件，而微信則是：網(wǎng)絡(luò)短信。
所以之前看到什么說(shuō)，微信搶了運(yùn)營(yíng)商的短信收入，那真是拍手叫好。只能發(fā)送短短的幾個(gè)文字的信息的短信那是功能機(jī)時(shí)代的短信，智能手機(jī)上的短信有了移動(dòng)網(wǎng)絡(luò)的支撐，短信自然應(yīng)該睡著時(shí)代升級(jí)進(jìn)化，可以發(fā)語(yǔ)音，發(fā)圖片，這便是微信。微信既然是一款“E-短信”，聊天列表自然應(yīng)該在首頁(yè)。所以陌陌的首頁(yè)為什是“附近”，簡(jiǎn)書(shū)的移動(dòng)端APP首頁(yè)為什么是“熱門(mén)”，同樣的思考方式。
看一款產(chǎn)品的核心在哪，那就看它少了那一塊會(huì)暴斃。（而朋友圈呢，為什么微信還有朋友圈，朋友圈和空間有何不同？容我再想想。（這跟視覺(jué)有什么卵關(guān)系嗎？當(dāng)然，首頁(yè)不是你視覺(jué)接觸到的嗎，難道是嗅覺(jué)不成)
好像說(shuō)了一堆很空的東西，說(shuō)點(diǎn)實(shí)在的吧。發(fā)現(xiàn)拖太長(zhǎng)了，那放下一篇繼續(xù)寫(xiě)…
未完待續(xù)…
作者：WLENNON
來(lái)源：http://www.jianshu.com/p/ca7248d4628c#
朋友圈兒，貌似更想突出“圈兒”，圈兒里的人之間的互動(dòng)，有部分私密性；QQ空間，更突出個(gè)性的展現(xiàn)；比如說(shuō)圈兒沒(méi)轉(zhuǎn)發(fā)，QQ空間可以轉(zhuǎn)發(fā)，轉(zhuǎn)發(fā)就會(huì)被好友以外的人看到，圈兒外的人不能看到轉(zhuǎn)發(fā)；圈兒里人的評(píng)論可以被看見(jiàn)，QQ空間，我的好友的文章被評(píng)論，評(píng)論的人跟我沒(méi)關(guān)系，但是我也能看到；QQ空間對(duì)圖片的處理功能是優(yōu)勢(shì)