《交互設(shè)計》課件-第1章 認(rèn)識交互設(shè)計

2020PRODUCTDESIGN交互設(shè)計01認(rèn)識交互設(shè)計1.1設(shè)計的本質(zhì)問：對于微信來說，最關(guān)注的體驗是什么？微信的設(shè)計理念張小龍答：操作的響應(yīng)速度永遠是第一體驗。我們在做郵箱時思考：對于一個好產(chǎn)品來說，可能需要滿足幾個要求，比如“切入要準(zhǔn)”“功能設(shè)計得要好”。但我們把速度這項單獨列出來，就是“速度一定要快”，這個速度是指系統(tǒng)響應(yīng)的速度。1.1設(shè)計的本質(zhì)問：微信UI設(shè)計最看重哪方面？張小龍答：UI里面最重要的是條理清晰。有時我們會誤認(rèn)為UI就是怎么把用戶界面表現(xiàn)得更絢麗一些，但是所有的視覺表現(xiàn)都不如條理清晰重要。包豪斯：世界上第一所完全為發(fā)展設(shè)計教育而建立的學(xué)院1.1設(shè)計的本質(zhì)包豪斯的設(shè)計教育觀念技術(shù)和藝術(shù)應(yīng)該和諧統(tǒng)一視覺敏感性達到理性的水平對材料、結(jié)構(gòu)、肌理、色彩有科學(xué)的、技術(shù)的理解集體工作是設(shè)計的核心藝術(shù)家、企業(yè)家、技術(shù)人員應(yīng)該緊密合作學(xué)生的作業(yè)和企業(yè)項目密切結(jié)合1.1設(shè)計的本質(zhì)MT8臺燈：由包豪斯學(xué)校教師設(shè)計1900年法國制作的臺燈1.2設(shè)計和藝術(shù)的區(qū)別設(shè)計：用設(shè)計方案來滿足用戶的需要藝術(shù)：個人意愿對社會的一種表達博朗SK5留聲和收音一體機畢加索格爾尼卡1.3交互設(shè)計是什么股票交易app的反饋警告框中的文案只說明了操作失敗，但沒有說明原因反饋不明確，因此是不好的交互設(shè)計1.3交互設(shè)計是什么微信app的反饋當(dāng)用戶第一次密碼輸入錯誤時，會出現(xiàn)圖(a)的提示；當(dāng)?shù)诙屋斎脲e誤時，微信會提示是否需要找回或重置密碼，如圖（b）所示。找回密碼對于多次輸入錯誤的用戶，可以幫助解決“密碼總是輸入錯誤”的問題，有助于用戶完成登錄操作。1.3交互設(shè)計是什么“交互設(shè)計之父”艾倫·庫伯《AboutFace4》里寫道：“交互設(shè)計是設(shè)計可互動的數(shù)字產(chǎn)品、環(huán)境、系統(tǒng)和服務(wù)的實踐?！保↖nteractionis

thepracticeofdesigninginteractivedigitalproducts,environments,systemsandservices.）數(shù)字產(chǎn)品：蘋果iOS系統(tǒng)、Android系統(tǒng)環(huán)境：在一定的空間中，如何讓用戶能夠更好的解決他們的問題。比如谷歌發(fā)布的一款智能家居設(shè)備“Nest”。這個設(shè)備可以智能控制家里的溫度、濕度等等，從而打造舒適的居住空間。1.3交互設(shè)計是什么“交互設(shè)計之父”艾倫·庫伯《AboutFace4》里寫道：“交互設(shè)計是設(shè)計可互動的數(shù)字產(chǎn)品、環(huán)境、系統(tǒng)和服務(wù)的實踐。”（Interactionis

thepracticeofdesigninginteractivedigitalproducts,environments,systemsandservices.）系統(tǒng)：核電站需要有控制、檢測系統(tǒng)。在這個系統(tǒng)中，有監(jiān)測部分、信息指示部分、控制部分、信息傳遞部分。如果讓我們?nèi)ピO(shè)計這樣的系統(tǒng)，需要考慮到監(jiān)測部分需要檢測哪些部位？檢測到問題，應(yīng)該使用哪種方式去反饋給操作者？1.3交互設(shè)計是什么“交互設(shè)計之父”艾倫·庫伯《AboutFace4》里寫道：“交互設(shè)計是設(shè)計可互動的數(shù)字產(chǎn)品、環(huán)境、系統(tǒng)和服務(wù)的實踐?！保↖nteractionis

thepracticeofdesigninginteractivedigitalproducts,environments,systemsandservices.）服務(wù)：服務(wù)設(shè)計是有效的計劃和組織一項服務(wù)中所涉及的人、基礎(chǔ)設(shè)施、通信交流以及物料等相關(guān)因素，從而提高用戶體驗和服務(wù)質(zhì)量的設(shè)計活動。舉個例子，去醫(yī)院看?。簭念A(yù)約，到取號、排隊、看病、拿藥，這些都是看病這個服務(wù)的一部分1.3交互設(shè)計是什么交互設(shè)計里的互動過程，主要發(fā)生在若干個節(jié)點上。-用戶插入銀行卡并輸入密碼-ATM驗證密碼，問你要做什么-你在ATM上操作，告訴它做第一件事-ATM做第一件事并給出反饋-ATM問你要做什么-你在ATM上操作，告訴它做第二件事-ATM做第二件事并給出反饋-ATM問你要做什么......以用戶去ATM機取款為例（節(jié)點1）（節(jié)點2）（節(jié)點3）（節(jié)點4）1.4互聯(lián)網(wǎng)產(chǎn)品開發(fā)流程產(chǎn)品經(jīng)理提出需求草稿，放入需求池。需求經(jīng)過篩選，由產(chǎn)品經(jīng)理寫成更詳細(xì)的需求文檔，開評審會交互設(shè)計師設(shè)計方案，并進行交互評審。UI設(shè)計師設(shè)計方案，并進行UI評審。開發(fā)階段測試階段1.5交互設(shè)計技能解析從用戶角度出發(fā)更好理解用戶產(chǎn)品目標(biāo)+用戶目標(biāo)明確方案的發(fā)力點尋找競品中能滿足目標(biāo)的設(shè)計點設(shè)定應(yīng)用的大框架交互設(shè)計基礎(chǔ)知識輔