當前位置:菜譜大全網 - 美食做法 - APP產品設計大揭秘

APP產品設計大揭秘

主題:APP產品設計大揭秘

時間: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.排版布局-其他頁面