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

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

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

界面設計過程三要素，形成一個遞減的權重關系。

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

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

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

在

使用

完成了

任務大牛手機會議界面宿舍

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

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

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