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