交互設(shè)計項目管理 第一講認(rèn)識UI設(shè)計

交互設(shè)計項目管理匯報人：某某某

匯報時間：2025.X.Xlogo課程主要內(nèi)容及任務(wù)分配課程概述課程任務(wù)課程結(jié)構(gòu)課程主要內(nèi)容及任務(wù)分配課程概述課程任務(wù)課程結(jié)構(gòu)4次平時作業(yè)1次綜合大作業(yè)課程主要內(nèi)容及任務(wù)分配課程概述課程任務(wù)課程結(jié)構(gòu)課件演繹實際操作演繹認(rèn)識UI設(shè)計UI即UserInterface(用戶界面)是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計分為實體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計是虛擬UI。43故事三個習(xí)慣21什么是UI設(shè)計UI設(shè)計師日常工作認(rèn)識UI設(shè)計開發(fā)流程01設(shè)計目的02技術(shù)屬性03開發(fā)流程APP、界面UI設(shè)計師負(fù)責(zé)產(chǎn)品界面設(shè)計工作抽象概念——具體界面開發(fā)流程網(wǎng)易云開發(fā)流程開發(fā)流程項目發(fā)啟人—戰(zhàn)略層產(chǎn)品經(jīng)理—戰(zhàn)術(shù)層交互設(shè)計師—結(jié)構(gòu)層UI設(shè)計師—表現(xiàn)層開發(fā)設(shè)計師—技術(shù)層設(shè)定主題用戶需求（發(fā)現(xiàn)問題）思考探索（分析問題）架構(gòu)圖（交互或戰(zhàn)略層面的解決問題）界面草圖（美學(xué)層面的解決問題）設(shè)計目的商業(yè)價值最大化設(shè)計目的《尋貓別找設(shè)計師》設(shè)計目的設(shè)計目的設(shè)計目的設(shè)計目的設(shè)計目的設(shè)計目的技術(shù)屬性科學(xué)與藝術(shù)結(jié)合的綜合技能技術(shù)屬性UI設(shè)計師日常工作風(fēng)格定位產(chǎn)品迭代BANNER專題活動風(fēng)格定位風(fēng)格定位分析并設(shè)計出用戶對該產(chǎn)品所期望的產(chǎn)品質(zhì)感風(fēng)格定位風(fēng)格定位風(fēng)格定位1.0版本風(fēng)格定位風(fēng)格定位PC版風(fēng)格定位單曲界面風(fēng)格定位兩個關(guān)鍵點(diǎn)抓準(zhǔn)方向極致技術(shù)風(fēng)格定位風(fēng)格定位設(shè)計流程分析產(chǎn)品屬性目標(biāo)用戶競爭產(chǎn)品創(chuàng)作篩選規(guī)范制作風(fēng)格定位UI設(shè)計師最想追求的工作產(chǎn)品迭代

產(chǎn)品的生命周期誕生——成長——成熟——結(jié)束產(chǎn)品迭代好的UI設(shè)計讓軟件變得有個性、有品味軟件的操作舒適、簡單、自由充分體現(xiàn)軟件的定位及特點(diǎn)1.簡易性界面的簡潔是要讓用戶便于使用、便于了解產(chǎn)品，并能減少用戶發(fā)生錯誤選擇的可能性。2.用戶語言界面中要使用能反映用戶本身的語言，而不是游戲設(shè)計者的語言。3.記憶負(fù)擔(dān)最小化人腦不是電腦，在設(shè)計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩(wěn)定，24小時內(nèi)存在約25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。4.一致性它是每一個優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與產(chǎn)品內(nèi)容相一致。5.清楚在視覺效果上便于理解和使用。6.用戶的熟悉程度用戶可通過已掌握的知識來使用界面，但不應(yīng)超出一般常識。7.從用戶習(xí)慣考慮想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。通過比較兩個不同世界(真實與虛擬)的事物，完成更好的設(shè)計。如：書籍對比竹簡。8.排列一個有序的界面能讓用戶輕松的使用。9.安全性用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統(tǒng)的提示。10.靈活性簡單來說就是要讓用戶方便的使用，但不同于上述。即互動多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄、界面)。11.人性化高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級和初級玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置。UI常見的手機(jī)UIUI設(shè)計師能帶來什么？微信的大改變微信的大改變2018年12月21日晚間，IOS微信7.0.0版正式更新微信的大改變張小龍微信的大改變藍(lán)天背景下的一枝格?；?。內(nèi)容也進(jìn)行了改變，因你看見，所以存在，同時也凸顯了升級與視覺的關(guān)聯(lián)。微信的大改變調(diào)整后的新logo整體顏色更為清淡了許多，除此之外符號感也加強(qiáng)了不少。微信的大改變導(dǎo)航上的深黑色變成了白灰色，讓整體的界面顯得更加的整體，層次感更加扁平視覺集中在內(nèi)容塊上左右距離越大，內(nèi)容信息越聚焦層次感也越突出微信的大改變微信的大改變讓用戶的點(diǎn)擊感變得更強(qiáng)其次圖標(biāo)進(jìn)行了更新這樣的調(diào)整也能夠減少用戶的錯誤率去掉了icon背景的描邊讓多圖標(biāo)的頁面更加輕松另外輸入框的高度也進(jìn)行了增高更易于用戶的點(diǎn)擊微信的大改變微信的大改變朋友圈頁面除了個人頭像邊框更加圓滑其次右上角的相機(jī)圖標(biāo)也做了相應(yīng)調(diào)整，刪除了左上角的“發(fā)現(xiàn)”字標(biāo)微信的大改變?nèi)ブ行幕?，通過關(guān)系鏈，提高內(nèi)容分發(fā)效率和質(zhì)量，把朋友看的內(nèi)容推送給你。微信的大改變點(diǎn)擊“我”之后，進(jìn)入個人頁面，你會發(fā)現(xiàn)右上角多了一個照相機(jī)符號。點(diǎn)擊它，可以立即錄制或者上傳一段小視