主題：APP產(chǎn)品設(shè)計大揭秘
時間：2019年6月13日
前言：app名字和icon的來源
主講人：楊萌（網(wǎng)易傳媒內(nèi)容運(yùn)營中心運(yùn)營經(jīng)理）
1.名字來源
Step1：了解市面上產(chǎn)品名稱，總結(jié)好名字的規(guī)律
a.有辨識度、區(qū)分度
b.傳播成本低（1.便于打字，說起，好記；2避免英文，3.元音結(jié)尾，朗朗上口，易于傳播）
c.具有對目標(biāo)用戶使用產(chǎn)品喚起的能力
Step2：結(jié)合產(chǎn)品定位，腦暴產(chǎn)品擬定名
1.列出產(chǎn)品定位關(guān)鍵詞（生活日常，溫暖、治愈、真實(shí)、年輕、平凡等）
2.根據(jù)關(guān)鍵詞發(fā)散出60多個產(chǎn)品名
Step3:300名目標(biāo)用戶投票選出產(chǎn)品名“咕嚕”
2.Icon來源
Step1:確定設(shè)計方向
a.結(jié)合名稱，內(nèi)容風(fēng)格及產(chǎn)品定位
b.與現(xiàn)有app有區(qū)分度
c.色調(diào)保持一致
Step2：50個種子用戶投票選出
App產(chǎn)品交互設(shè)計
主講人：徐琳琳（網(wǎng)易高級交互設(shè)計主管）
1.什么是交互設(shè)計（人-機(jī)-環(huán)境）
a.交互設(shè)計處理的就是這些關(guān)鍵節(jié)點(diǎn)的“對話”
b.如何讓雙方（人，機(jī)）明白對方的意思，知道對方的進(jìn)度，知道對方的困難，并且解決。。。
c.交互設(shè)計的是用戶在使用一個系統(tǒng)/產(chǎn)品時所經(jīng)過的“路徑”，以及與系統(tǒng)/產(chǎn)品發(fā)生的“對話”。
2.交互設(shè)計在工作中的位置及作用
（交互設(shè)計同樣需要貫穿整個產(chǎn)品流程，區(qū)別于產(chǎn)品經(jīng)理，不同在于側(cè)重點(diǎn)上的。個人認(rèn)為產(chǎn)品經(jīng)理做的是框架和策略，交互設(shè)計做的是體驗(yàn)，兩者有交融，但由于個人技能背景不同，做了細(xì)的劃分，本質(zhì)上都是為了滿足用戶需求）
工作內(nèi)容：
a.了解用戶特點(diǎn)、需求、目標(biāo)；
b.梳理用戶任務(wù)和流程；
c.整理信息/頁面結(jié)構(gòu)；
d.提出設(shè)計方案草稿，制作原型；
e.跟進(jìn)設(shè)計和開發(fā)；
f.跟進(jìn)上線和迭代優(yōu)化
3.咕嚕的交互設(shè)計
3.1產(chǎn)品結(jié)構(gòu)
與其他產(chǎn)品不同在于，頁面的轉(zhuǎn)換方式。傳統(tǒng)通過點(diǎn)擊，進(jìn)入某種類頻道，咕嚕選用左右滑動，切換該主題其他視頻內(nèi)容。
彈幕熱力圖
彈幕互動
App產(chǎn)品視覺設(shè)計
主講人：張偉（產(chǎn)品組設(shè)計主管）
1.UI設(shè)計師的幾把刷子
“T”型能力：
設(shè)計交互能力——運(yùn)營能力——市場研究能力——數(shù)據(jù)分析能力
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?↓↓?↓?↓?↓?↓?↓
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 行業(yè)積累能力
2.咕嚕設(shè)計風(fēng)格探索——APP設(shè)計思路
1.通過幾個問題確定方向：
產(chǎn)品目標(biāo)是什么?
面對的用戶是什么人群？
他們的特征是什么？
我們希望用戶在用我們產(chǎn)品時有什么用戶體驗(yàn)？
2.情緒板的設(shè)計推導(dǎo)
Step1：原生關(guān)鍵詞的誕生
Step2：發(fā)散思維，頭腦風(fēng)暴，確定最終的衍生關(guān)鍵詞
Step3：圖片查找，拼貼，搜集元素
Step4：關(guān)鍵詞映射（視覺，心情，物化）
Step5：情緒版建立-色彩提?。ǜ咚鼓：蝰R賽克處理）
Step6：最終配色方案
3.Icon設(shè)計演變
a.icon種類：線性（粗，細(xì)），面性（扁平，寫實(shí)）和線面結(jié)合
b.Icon元素比重
c.Icon變化
4.排版布局-首頁
綠色：單手輕松可點(diǎn)擊區(qū)域、? ? ? ? ? ? ?橙色：單手勉強(qiáng)可點(diǎn)擊區(qū)域? ? ? ? ? ? ? ? 紅色：單手無法點(diǎn)擊區(qū)域
5.排版布局-其他頁面
