<wbr id="gi2s4"><strong id="gi2s4"></strong></wbr>
<wbr id="gi2s4"><label id="gi2s4"></label></wbr>
<wbr id="gi2s4"><strong id="gi2s4"></strong></wbr>
<button id="gi2s4"></button>
<wbr id="gi2s4"></wbr>
<button id="gi2s4"><strong id="gi2s4"></strong></button>
<button id="gi2s4"></button>
<button id="gi2s4"></button>
<div id="gi2s4"><s id="gi2s4"></s></div>
<wbr id="gi2s4"><label id="gi2s4"></label></wbr><div id="gi2s4"><s id="gi2s4"></s></div>
當前位置: 首頁(yè) > 內訓課程 > 課程內容
廣告1
相關(guān)熱門(mén)公開(kāi)課程更多 》
相關(guān)熱門(mén)內訓課程更多 》
相關(guān)最新下載資料

高級UIUE+產(chǎn)品經(jīng)理

課程編號:36169

課程價(jià)格:¥21000/天

課程時(shí)長(cháng):2 天

課程人氣:612

行業(yè)類(lèi)別:行業(yè)通用     

專(zhuān)業(yè)類(lèi)別:生產(chǎn)管理 

授課講師:陳博

  • 課程說(shuō)明
  • 講師介紹
  • 選擇同類(lèi)課
【培訓對象】


【培訓收益】


時(shí)間 學(xué)習內容
第1天 上午:用戶(hù)體驗設計概念深入講解+案例分析+要點(diǎn)分析 下午:用戶(hù)研究+人物畫(huà)像+銀行產(chǎn)品競品分析+用戶(hù)體驗五要素(適用web端/B端/C端)
用戶(hù)體驗設計(UE)深入解讀
產(chǎn)品用戶(hù)體驗的三個(gè)級別
o能用
o易用
o友好
用戶(hù)體驗包括的各個(gè)層面
o視覺(jué)體驗
o功能體驗
o交互體驗
體驗與產(chǎn)品設計各個(gè)環(huán)節的關(guān)系
o設計與用戶(hù)體驗的關(guān)系
o開(kāi)發(fā)與用戶(hù)體驗的關(guān)系
o維護與用戶(hù)體驗的關(guān)系
怎么理解產(chǎn)品的設計?
不同類(lèi)型產(chǎn)品的設計要點(diǎn)
“輕”的設計和“重”的設計
適度設計(設計的加法和減法)
用戶(hù)體驗設計案例分析
某網(wǎng)銀網(wǎng)站菜單結構設計
反饋設計案例(輕量級反饋設計)
微信聊天的體驗設計(中斷設計/場(chǎng)景設計)
亞馬遜“預測性物流”專(zhuān)利
文件傳輸
用戶(hù)體驗設計四個(gè)要點(diǎn)分析
用戶(hù)界定
需求先行
O2O閉環(huán)
情感化設計
講評和總結 用戶(hù)研究
用戶(hù)研究概述
用戶(hù)研究的流程
用戶(hù)研究的工具和方法
用戶(hù)研究實(shí)戰案例演練
用戶(hù)模型
用戶(hù)模型概述
用戶(hù)模型案例分析
用戶(hù)模型創(chuàng )建方法
用戶(hù)模型實(shí)戰案例演練
主流手機銀行App競品分析(招行、建行等)
信息架構層面對比
功能層面對比
交互層面對比
視覺(jué)層面對比
用戶(hù)體驗要素五個(gè)層面深入講解
戰略層(商業(yè)需求和用戶(hù)需求)
范圍層
o功能
o信息設計
結構層
o信息架構
o交互設計
框架層
o原型設計
o導航設計
視覺(jué)層
o品牌傳達
o色彩體系
o視覺(jué)規范
o圖標設計等
o……
講評和總結
第2天 上午:交互設計流程和相關(guān)核心概念及實(shí)戰演練(信息架構+導航設計) 下午:流程設計+原型設計(手繪原型+灰模原型+Axure交互原型)實(shí)戰演練
交互設計
交互設計概念
交互設計流程
o任務(wù)分析
o邏輯流程
o頁(yè)面流程
o頁(yè)面布局
o原型設計
o交互設計說(shuō)明
信息架構
什么是信息架構
信息架構布局思路
TCD和UCD的區別
ToC和ToB信息架構的區別
信息架構的服務(wù)對象
信息架構的深度和廣度(四種組合方式解析及案例分析)
案例分析:
o新聞類(lèi)app信息架構設計
o百度搜索信息架構設計
o今日頭條信息列表設計
o淘寶主導航信息架構設計
大數據平臺信息架構案例分析
導航設計
什么是導航設計
導航設計與信息架構的關(guān)系
移動(dòng)UI導航的架構分類(lèi)
o層級式
o輻射式
o套娃式
o標簽式
o漢堡包導航
Web端導航設計
o搜索導航
o分類(lèi)導航
o相關(guān)導航
導航設計用戶(hù)體驗原則
o導航菜單要清晰可見(jiàn)
o告訴用戶(hù)其當前位置
o導航菜單要與用戶(hù)任務(wù)協(xié)調一致
o導航菜單要易于操作
講評和總結 Axure原型設計

什么是原型
原型設計方法論
原型設計工具介紹及優(yōu)缺點(diǎn)
原型設計注意事項
原型設計分類(lèi)
手繪原型設計實(shí)戰與演練

Axure基礎動(dòng)效原型案例
某旅游網(wǎng)站登陸界面原型案例
麥當勞外賣(mài)App原型案例(動(dòng)態(tài)面板制作動(dòng)效交互)
標簽切換原型案例
網(wǎng)站輪播圖原型案例
錨點(diǎn)導航原型案例
流程設計概述和案例
流程設計基礎概念
某C端產(chǎn)品總體流程設計規劃思路實(shí)戰演練
邏輯流程概念
某電商網(wǎng)站注冊登錄邏輯流程案例實(shí)戰演練(Axure繪制)
頁(yè)面流程概念
頁(yè)面流程案例分析和實(shí)戰演練
流程設計中的用戶(hù)體驗案例分析
清晰的布局
結構準確的文字描述/提示
給用戶(hù)反饋
不要在同一個(gè)頁(yè)面里面展開(kāi)多個(gè)流程
流程設計案例分析
講評和總結

第3天 上午:Ant Design-企業(yè)級 UI 設計體系/語(yǔ)言深度解讀 下午: 移動(dòng)端設計特性+方法+原則+Material Design設計語(yǔ)言和規范詳解(安卓)+IOS設計規范詳解
設計價(jià)值觀(guān)(判斷設計好壞的標準)
自然
確定
設計原則(踐行設計價(jià)值觀(guān)的具體原則)
親密性
對齊
對比
重復
直截了當
足不出戶(hù)
簡(jiǎn)化交互
提供邀請
巧用過(guò)渡
及時(shí)反應
視覺(jué)體系
色彩
o色彩三要素
o色彩心理學(xué)
o系統級色彩體系
o產(chǎn)品的色彩定位分析
o產(chǎn)品層面的色彩搭建流程和體系
o色彩與交互行為設計
布局
o統一的畫(huà)板尺寸
o適配方案
o網(wǎng)格單位
o柵格
o常用模度
字體
o字體家族
o主字體
o字階與行高
o字重
o字體顏色
o字體層次分析;
圖標
o準確
o簡(jiǎn)單
o節奏
o愉悅
講評和總結 移動(dòng)UI設計特性
 情景特性
 網(wǎng)絡(luò )特性
 物理特性
觸摸手勢
 系統特性
移動(dòng)UI設計方法
 關(guān)于輸入
 簡(jiǎn)單易懂
 注意中斷
 關(guān)注內容
 給個(gè)反饋
IOS 設計規范
設計原則
o美學(xué)完整性
o一致性
o直接操控
o反饋
o隱喻
o用戶(hù)控制
顏色和字體
交互性和反饋
圖標和圖像設計
用戶(hù)界面元素
o條欄
o內容視圖
o控件
o臨時(shí)視圖
安卓Material Design設計語(yǔ)言
Material Design特點(diǎn)
動(dòng)效設計
樣式
o色彩
o字體排版
o圖標
o圖像
布局
o準則
o度量與邊框
o結構
控件
設計細節
o內容選取
o手勢
o改進(jìn)的操作
o搜索設計
易用性
講評和總結 

咨詢(xún)電話(huà):
0571-86155444
咨詢(xún)熱線(xiàn):
  • 微信:13857108608
聯(lián)系我們
蜜芽亚洲av无码精品色午夜_久久免费国产AⅤ网_一本大道香蕉高清久久_精品久久久久久亚洲
<wbr id="gi2s4"><strong id="gi2s4"></strong></wbr>
<wbr id="gi2s4"><label id="gi2s4"></label></wbr>
<wbr id="gi2s4"><strong id="gi2s4"></strong></wbr>
<button id="gi2s4"></button>
<wbr id="gi2s4"></wbr>
<button id="gi2s4"><strong id="gi2s4"></strong></button>
<button id="gi2s4"></button>
<button id="gi2s4"></button>
<div id="gi2s4"><s id="gi2s4"></s></div>
<wbr id="gi2s4"><label id="gi2s4"></label></wbr><div id="gi2s4"><s id="gi2s4"></s></div>