起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識“筷子兄弟”交互與視覺
交互與視覺的關(guān)系就像一對筷子，缺一不可。視覺設(shè)計師能否轉(zhuǎn)型為交互設(shè)計師？個人認(rèn)為可以，交互設(shè)計師的素質(zhì)能力，可以通過后天訓(xùn)練達成。反之，交互設(shè)計轉(zhuǎn)為視覺，要有一定的美術(shù)天份和審美能力，不一定會成功。
下面通過一個APP案例，感受視覺與交互這種相輔相成的關(guān)系。
這是一個實習(xí)的項目過程的初稿。
1.????需求定位??
APP的內(nèi)容與用戶，盈利運營模式。
這是一個關(guān)注科技與創(chuàng)意產(chǎn)品的雜志，每天都會有更新內(nèi)容，類似Pingwest的ios APP。用戶群是喜歡科技/創(chuàng)意產(chǎn)品的極客。是一款B2C模式的產(chǎn)品，盈利方式后期通過創(chuàng)意產(chǎn)品的購買鏈接，為用戶提供購買渠道而從中獲益。
2.???功能與架構(gòu)
核心功能，信息框架，導(dǎo)航與內(nèi)容的展示方式。
APP核心功能就是內(nèi)容為王——展示產(chǎn)品，有列表和卡片式兩種展示方式。默認(rèn)的卡片式內(nèi)容布局，讓一類信息集中化，更具整體感，同時也更易操作。抽屜式方式隱藏用戶信息，用戶知道當(dāng)前的操作位置，易于返回。導(dǎo)航分類隱藏于LOGO之中，點擊LOGO即可呼出分類。此處考慮到分類不是重點，不做明顯展示，但PM需求必須要有故做此弱化處理。
3.???低保真交互稿
交互操作流程，構(gòu)建體驗，增加用戶粘性。
對于內(nèi)容的展示需要有四個功能：喜歡、加入購物車、評論、分享。除了以上四個功能流程之外。還需要登錄注冊，支付流程，管理評論，用戶信息修改等流程。每個流程都需要考慮周全，一般做交互流程首先考慮到“成功”的流程，容易忽略“失敗”的流程，做好“失敗”的流程至關(guān)重要，它可避免用戶挫敗感從而提升體驗。
4.???視覺原型稿
視覺風(fēng)格，規(guī)范，標(biāo)注，切圖。
視覺稿方面就不多說了，大家都有自己的評判標(biāo)準(zhǔn)。但不得不提的是規(guī)范，視覺稿輸出之后還需要做一套規(guī)范，方便日后的管理和修改。
標(biāo)注，視覺設(shè)計師要有像素級別的追求，所以需要配合開發(fā)人員做產(chǎn)品切圖。這里推薦一個工具MarkMan，誰用誰知道。
切圖，一般都有切圖工具?；蛘呤亲詈唵未直┑姆绞剑篜S >文件>腳本>將圖層導(dǎo)出到文件>瀏覽目錄，選好PNG格式，導(dǎo)出完畢，妥妥的。不過在此之前每個Icon你都得確保無誤，不然的話還是手動切吧。
5.???開發(fā)迭代
可用性測試，專家評估等方式驗證APP。
第一版的APP肯定存在很多問題，所以一般是不會直接上線的，通過找目標(biāo)用戶進行可用性測試，找到實際場景中存在的問題。或是通過專家評估的方式驗證APP的交互體驗，迭代出下一代產(chǎn)品。在上線前需要提交到相應(yīng)的APP市場進行審核，IOS應(yīng)用市場的審核機制會相應(yīng)比較嚴(yán)格。
這里推薦Android客戶端可免費發(fā)布APP的網(wǎng)站：Appchina、91手機網(wǎng)、安卓市場、安智市場等。
不難看出交互與視覺是并存的，誰離開誰都不行。轉(zhuǎn)型，你準(zhǔn)備好了嗎？
筷子兄弟的“小蘋果”很火，但是也會像江南Style一樣轉(zhuǎn)瞬即逝。另外關(guān)于商業(yè)計劃的怎樣給客戶帶來價值，信息/產(chǎn)品源，及盈利方式還需要講得更加仔細(xì)具體些。