《UI設(shè)計(jì)》課件-3.app 系統(tǒng)拆解與啟發(fā)思考

如何開啟一項(xiàng)產(chǎn)品思考？UX設(shè)計(jì)師的思考方式/引導(dǎo)團(tuán)隊(duì)進(jìn)行需求討論UserStory使用者故事為我們提供產(chǎn)品功能的可能性。我們需要再想一步，什么情景？什么功能？身為……(使用者身份)，我可以做……(功能)事情。（目標(biāo)）用戶+在什么情景下+完成什么任務(wù)身為……(使用者身份)，我可以做……(功能)事情。身為需要管理日程的大學(xué)生，我……（1）可以規(guī)劃最近7天的事情，這樣我能提前做好下一周的日程表（2）可以隨時(shí)記錄急事，代替紙筆，并可以稍會查看（3）可以收到相關(guān)提示，如提前5-15分鐘通知我接下來需要干什么事情，確保我能提前了解日程，以便做好工作安排（4）想要有固定的標(biāo)簽：如學(xué)習(xí)安排、健康生活、社團(tuán)工作……（5）可以能查看日歷、月歷、年歷，隨時(shí)切換，看短期、中期、長期行程（6）能了解每一天的行程，完成了就劃掉該任務(wù)，沒完成就做標(biāo)記（7）能有防干擾模式，如果我玩游戲或刷朋友圈能及時(shí)切斷、（8）想看我在執(zhí)行某項(xiàng)任務(wù)花費(fèi)多長時(shí)間（9）想關(guān)聯(lián)其他APP，如訂車票的、記錄課程表的、通訊錄（記錄朋友生日的）等，在日期臨近前進(jìn)行提示（10）想關(guān)聯(lián)跟我同時(shí)使用這款產(chǎn)品的伙伴，共同規(guī)劃時(shí)間，管理工作日程。（11）標(biāo)記任務(wù)等級，提醒做的順序：重要緊急、重要不緊急、不重要緊急、不重要不緊急……某管理日程（系統(tǒng)）元素元素之間的關(guān)系日程表便簽提示器標(biāo)簽日歷/月歷/年歷標(biāo)記番茄鐘儀表分享同步1、【前】查看日程表，切換日歷、月歷、年歷，選擇相應(yīng)日程2、【中】日程規(guī)劃，輸入相應(yīng)事件，歸類便簽，設(shè)置提示3、【后】執(zhí)行記錄，執(zhí)行完畢歸類，或者可以分享與同步TIPS:1、產(chǎn)品時(shí)一個(gè)穩(wěn)定完成某種任務(wù)的系統(tǒng)2、系統(tǒng)由多個(gè)元素組成，元素之間互相影響的關(guān)系，就是流程功能流程視頻什么是系統(tǒng)？系統(tǒng)與產(chǎn)品？功能流程產(chǎn)品是一個(gè)穩(wěn)定完成某種任務(wù)的系統(tǒng)

打造一個(gè)產(chǎn)品，需要先了解該系統(tǒng)的元素，以及元素之間的關(guān)系比如社交產(chǎn)品，需要了解社交場合、社交對象、社交工具、社交互動(dòng)等比如打造一款地圖，需要了解指南、路線、方向、位置、障礙等UserStory使用者故事為我們提供產(chǎn)品功能的可能性。我們需要再想一步，什么情景？什么功能？身為……(使用者身份)，我可以做……(功能)事情。（目標(biāo)）用戶+在什么情景下+完成什么任務(wù)使用者情景運(yùn)用JBTD討論使用者情景，并思考微信有多少種使用者情景？而微信又是怎么做的？1、通過官網(wǎng)介紹、自己使用體驗(yàn)、網(wǎng)友討論、團(tuán)隊(duì)討論，思考有多少種使用者情景jobstobedone(需要完成的工作)【舉例使用者】：大一新生大一新生，初來乍到快速認(rèn)識學(xué)校動(dòng)態(tài)參加活動(dòng)了解院系1、融入集體生活2、制造共同話題3、快速了解動(dòng)態(tài)掌控感2、目前微信的作法：搖一搖附近的人、關(guān)注院系公號、看訂閱號、加群組使用者情景運(yùn)用JBTD討論使用者情景，并思考微信有多少種使用者情景？通過官網(wǎng)介紹、自己使用體驗(yàn)、網(wǎng)友討論、團(tuán)隊(duì)討論，思考有多少種使用者情景jobstobedone(需要完成的工作)職場社交提升自我，管理自我可以認(rèn)識很多有趣的同行，能有機(jī)會一起做喜歡的事情【舉例使用者】：青年教師成為會組織，能規(guī)劃的人。人緣好，外校人脈廣1、通過官網(wǎng)介紹、自己使用體驗(yàn)、網(wǎng)友討論、團(tuán)隊(duì)討論，思考有多少種使用者情景2、目前微信的作法：朋友圈、視頻號、看一看、收藏、創(chuàng)建群組產(chǎn)品價(jià)值=角色+觸發(fā)情景+任務(wù)+目標(biāo)使用者是誰？有哪些JTBD1、功能性目標(biāo)、特定功能屬性2、情感性目標(biāo)、單方或多方感受、社交需要3、社會性目標(biāo)，工作、發(fā)展相關(guān)需求可用性原則效益最大化1、團(tuán)隊(duì)討論，依據(jù)使用者情景，列出微信Userstroy：身為……我可以做……（以便于達(dá)到/完成……）2、微信作為社交產(chǎn)品，該系統(tǒng)應(yīng)該具備哪些功能（元素）？功能與功能之間的關(guān)系是什么？（元素、之間關(guān)系，用思維導(dǎo)圖工具進(jìn)行繪制）3、每組討論并繪制30分鐘，后上臺黑板進(jìn)行團(tuán)隊(duì)結(jié)果講述課堂練習(xí)：“（目標(biāo)）用戶+在什么情景下+完成什么任務(wù)”表情包、輸入（語音、文字、手寫）相冊、卡包、交易、收藏、筆記公眾號視頻號小程序搖一搖（搜索）任務(wù)優(yōu)先？（可用性原則——以微信為例）1、有效性：一定要解決的問題2、效率：節(jié)省認(rèn)知3、滿意度：主觀認(rèn)知輸入方式多樣化：手寫、打字、語音頭像可編輯昵稱可修改即時(shí)分享傳輸文件能即時(shí)對話查看對方分享的內(nèi)容（朋友圈）生活聯(lián)系一鍵轉(zhuǎn)發(fā)與其他平臺分享搜索朋友批量設(shè)置標(biāo)簽游戲互動(dòng)團(tuán)隊(duì)每個(gè)同學(xué)貢獻(xiàn)的userstory進(jìn)行需求匯合，并根據(jù)上述三條可用性原則進(jìn)行排序。小結(jié)1、產(chǎn)品是一個(gè)穩(wěn)定完成某種任務(wù)的系統(tǒng)2、系統(tǒng)由多個(gè)元素組成，元素之間互相影響的關(guān)系，就是流程3、利用可用性原則來討論任務(wù)優(yōu)先順序作業(yè)：分析體驗(yàn)APP（團(tuán)隊(duì)作業(yè)）流程圖與原型圖

界面設(shè)計(jì)過程三要素，形成一個(gè)遞減的權(quán)重關(guān)系。

內(nèi)容為首、功能其次、最后是表現(xiàn)需求：拖延癥→用戶、任務(wù)內(nèi)容：1、提升拖延者的動(dòng)機(jī)，包含提升任務(wù)期望和任務(wù)價(jià)值。→計(jì)劃模塊、分析模塊2、降低拖延者注意力分散或沖動(dòng)的可能。→追蹤模塊：有效監(jiān)督、音樂、中斷機(jī)制3、提高任務(wù)的明確性，劃分階段目標(biāo)，稱為組織性→計(jì)劃模塊、追蹤模塊：時(shí)間表、任務(wù)列表4、縮短任務(wù)的截止期限等客觀要素→追蹤模塊、記錄模塊5、使個(gè)人任務(wù)與成就感產(chǎn)生關(guān)聯(lián)→記錄模塊、分析模塊INTERFACEDESIGNOVERVIEWByLynn流程圖類型流程圖六大要素：角色、任務(wù)、流轉(zhuǎn)、輸入、輸出、格式流程圖——描述誰在什么條件下做什么事情。

根據(jù)調(diào)研觀察的流程：比如如何訂餐？如何看書？如何買票？如何跟蹤健康？

繪制流程圖是梳理思路的最好方法，體現(xiàn)層級體系和導(dǎo)航關(guān)系。提煉一個(gè)核心需求：什么人物在什么地點(diǎn)，使用什么工具完成什么任務(wù)

在

使用

完成了

任務(wù)大牛手機(jī)會議界面宿舍

視頻開會我們要找到這些角色，通過角色的不同來拆分和整理任務(wù)，一個(gè)角色/一個(gè)任務(wù)，對應(yīng)一個(gè)流程圖*教學(xué)秘書在辦公室使用網(wǎng)頁端完成了會議創(chuàng)建和資料上傳任務(wù)*教研室主任在辦公室使用手機(jī)完成了會議記錄任務(wù)任務(wù)流程圖——描述誰在什么條件下做什么事情。任務(wù)角色與會人發(fā)起人資源方定主題時(shí)間場地會議方案確認(rèn)時(shí)間確認(rèn)場地通知開會會議記錄1234567先考慮一下實(shí)際會議的操作情況如何進(jìn)行再轉(zhuǎn)化為線上會議，那么場地將不再受限制任務(wù)角色用戶APP定主題會議方案開會通知開會會議記錄12345將執(zhí)行的角色，和他對應(yīng)的行為套入流程中，得到初步方案任務(wù)角色1定主題2定方案3發(fā)通知4開會5會議記錄任務(wù)角色用戶APP定主題會議方案開會通知開會會議記錄12345將執(zhí)行的角色，和他對應(yīng)的行為套入流程中，得到初步方案任務(wù)角色用戶APP1定主題2定方案3發(fā)通知4開會5會議記錄設(shè)置主題、添加成員、會議時(shí)限發(fā)布……方案提交形式、時(shí)間安排、附件……會議開始之前提醒語音記錄文檔記錄拍照記錄保存、編輯、轉(zhuǎn)發(fā)進(jìn)入進(jìn)行推出任務(wù)角色梳理核心任務(wù)：開會。思考開會前——開會中——開會后（補(bǔ)充相關(guān)的細(xì)節(jié)）開會的多種“常態(tài)/異常態(tài)”場景都需要被考慮，用結(jié)構(gòu)思維圖表現(xiàn)，可能出現(xiàn)的狀況流程圖→頁面下一步跳到哪個(gè)頁面？如圖所示：1、設(shè)置主題、內(nèi)容、時(shí)間添加成員可以變?yōu)椤伴_啟/新建/預(yù)約會議”的頁面2、而主題、內(nèi)容，可以進(jìn)一步具體為輸入框、圖片、文字、添加符號等3、發(fā)布/提交，應(yīng)該是一個(gè)“按鈕”，可以編寫當(dāng)前頁面后跳出該頁面4、如果用戶錯(cuò)過了通知，希望能收到“會議日志”后進(jìn)入會議室流程圖→頁面內(nèi)容→原型圖每個(gè)頁面的內(nèi)容有哪些？把界面合并到流程中

首頁會議日志1會議日志2好友

開始會議會議室個(gè)人資料怎么設(shè)計(jì)頁面原型所有的一切都將圍繞著內(nèi)容展開。內(nèi)容結(jié)構(gòu)梳理,首先考慮把核心任務(wù)中的幾個(gè)重要節(jié)點(diǎn)的內(nèi)容作為重要模塊核心模塊任務(wù)結(jié)果模塊重要條件附帶條件核心任務(wù)流程是開會，開會流程的頁面作為內(nèi)容模塊核心任務(wù)完成后有個(gè)結(jié)果，任務(wù)結(jié)果通常是產(chǎn)品價(jià)值所在，會議記錄模塊在任務(wù)完成過程中發(fā)現(xiàn)需要成為好友才能添加開會，這是核心任務(wù)的前提條件，好友也應(yīng)為單獨(dú)的板塊個(gè)人中心、設(shè)置中心，放置平時(shí)不常用但必然時(shí)候會需要用到的雜物開會模塊模塊:核心流程中的頁面構(gòu)成模塊會議記錄模塊：用戶頻繁查看和操作的，所以要考慮頁面列表及其展現(xiàn)形式