《UI设计》课件-3.app 系统拆解与启发思考

如何开启一项产品思考？UX设计师的思考方式/引导团队进行需求讨论UserStory使用者故事为我们提供产品功能的可能性。我们需要再想一步，什么情景？什么功能？身为……(使用者身份)，我可以做……(功能)事情。（目标）用户+在什么情景下+完成什么任务身为……(使用者身份)，我可以做……(功能)事情。身为需要管理日程的大学生，我……（1）可以规划最近7天的事情，这样我能提前做好下一周的日程表（2）可以随时记录急事，代替纸笔，并可以稍会查看（3）可以收到相关提示，如提前5-15分钟通知我接下来需要干什么事情，确保我能提前了解日程，以便做好工作安排（4）想要有固定的标签：如学习安排、健康生活、社团工作……（5）可以能查看日历、月历、年历，随时切换，看短期、中期、长期行程（6）能了解每一天的行程，完成了就划掉该任务，没完成就做标记（7）能有防干扰模式，如果我玩游戏或刷朋友圈能及时切断、（8）想看我在执行某项任务花费多长时间（9）想关联其他APP，如订车票的、记录课程表的、通讯录（记录朋友生日的）等，在日期临近前进行提示（10）想关联跟我同时使用这款产品的伙伴，共同规划时间，管理工作日程。（11）标记任务等级，提醒做的顺序：重要紧急、重要不紧急、不重要紧急、不重要不紧急……某管理日程（系统）元素元素之间的关系日程表便签提示器标签日历/月历/年历标记番茄钟仪表分享同步1、【前】查看日程表，切换日历、月历、年历，选择相应日程2、【中】日程规划，输入相应事件，归类便签，设置提示3、【后】执行记录，执行完毕归类，或者可以分享与同步TIPS:1、产品时一个稳定完成某种任务的系统2、系统由多个元素组成，元素之间互相影响的关系，就是流程功能流程视频什么是系统？系统与产品？功能流程产品是一个稳定完成某种任务的系统

打造一个产品，需要先了解该系统的元素，以及元素之间的关系比如社交产品，需要了解社交场合、社交对象、社交工具、社交互动等比如打造一款地图，需要了解指南、路线、方向、位置、障碍等UserStory使用者故事为我们提供产品功能的可能性。我们需要再想一步，什么情景？什么功能？身为……(使用者身份)，我可以做……(功能)事情。（目标）用户+在什么情景下+完成什么任务使用者情景运用JBTD讨论使用者情景，并思考微信有多少种使用者情景？而微信又是怎么做的？1、通过官网介绍、自己使用体验、网友讨论、团队讨论，思考有多少种使用者情景jobstobedone(需要完成的工作)【举例使用者】：大一新生大一新生，初来乍到快速认识学校动态参加活动了解院系1、融入集体生活2、制造共同话题3、快速了解动态掌控感2、目前微信的作法：摇一摇附近的人、关注院系公号、看订阅号、加群组使用者情景运用JBTD讨论使用者情景，并思考微信有多少种使用者情景？通过官网介绍、自己使用体验、网友讨论、团队讨论，思考有多少种使用者情景jobstobedone(需要完成的工作)职场社交提升自我，管理自我可以认识很多有趣的同行，能有机会一起做喜欢的事情【举例使用者】：青年教师成为会组织，能规划的人。人缘好，外校人脉广1、通过官网介绍、自己使用体验、网友讨论、团队讨论，思考有多少种使用者情景2、目前微信的作法：朋友圈、视频号、看一看、收藏、创建群组产品价值=角色+触发情景+任务+目标使用者是谁？有哪些JTBD1、功能性目标、特定功能属性2、情感性目标、单方或多方感受、社交需要3、社会性目标，工作、发展相关需求可用性原则效益最大化1、团队讨论，依据使用者情景，列出微信Userstroy：身为……我可以做……（以便于达到/完成……）2、微信作为社交产品，该系统应该具备哪些功能（元素）？功能与功能之间的关系是什么？（元素、之间关系，用思维导图工具进行绘制）3、每组讨论并绘制30分钟，后上台黑板进行团队结果讲述课堂练习：“（目标）用户+在什么情景下+完成什么任务”表情包、输入（语音、文字、手写）相册、卡包、交易、收藏、笔记公众号视频号小程序摇一摇（搜索）任务优先？（可用性原则——以微信为例）1、有效性：一定要解决的问题2、效率：节省认知3、满意度：主观认知输入方式多样化：手写、打字、语音头像可编辑昵称可修改即时分享传输文件能即时对话查看对方分享的内容（朋友圈）生活联系一键转发与其他平台分享搜索朋友批量设置标签游戏互动团队每个同学贡献的userstory进行需求汇合，并根据上述三条可用性原则进行排序。小结1、产品是一个稳定完成某种任务的系统2、系统由多个元素组成，元素之间互相影响的关系，就是流程3、利用可用性原则来讨论任务优先顺序作业：分析体验APP（团队作业）流程图与原型图

界面设计过程三要素，形成一个递减的权重关系。

内容为首、功能其次、最后是表现需求：拖延症→用户、任务内容：1、提升拖延者的动机，包含提升任务期望和任务价值。→计划模块、分析模块2、降低拖延者注意力分散或冲动的可能。→追踪模块：有效监督、音乐、中断机制3、提高任务的明确性，划分阶段目标，称为组织性→计划模块、追踪模块：时间表、任务列表4、缩短任务的截止期限等客观要素→追踪模块、记录模块5、使个人任务与成就感产生关联→记录模块、分析模块INTERFACEDESIGNOVERVIEWByLynn流程图类型流程图六大要素：角色、任务、流转、输入、输出、格式流程图——描述谁在什么条件下做什么事情。

根据调研观察的流程：比如如何订餐？如何看书？如何买票？如何跟踪健康？

绘制流程图是梳理思路的最好方法，体现层级体系和导航关系。提炼一个核心需求：什么人物在什么地点，使用什么工具完成什么任务

在

使用

完成了

任务大牛手机会议界面宿舍

视频开会我们要找到这些角色，通过角色的不同来拆分和整理任务，一个角色/一个任务，对应一个流程图*教学秘书在办公室使用网页端完成了会议创建和资料上传任务*教研室主任在办公室使用手机完成了会议记录任务任务流程图——描述谁在什么条件下做什么事情。任务角色与会人发起人资源方定主题时间场地会议方案确认时间确认场地通知开会会议记录1234567先考虑一下实际会议的操作情况如何进行再转化为线上会议，那么场地将不再受限制任务角色用户APP定主题会议方案开会通知开会会议记录12345将执行的角色，和他对应的行为套入流程中，得到初步方案任务角色1定主题2定方案3发通知4开会5会议记录任务角色用户APP定主题会议方案开会通知开会会议记录12345将执行的角色，和他对应的行为套入流程中，得到初步方案任务角色用户APP1定主题2定方案3发通知4开会5会议记录设置主题、添加成员、会议时限发布……方案提交形式、时间安排、附件……会议开始之前提醒语音记录文档记录拍照记录保存、编辑、转发进入进行推出任务角色梳理核心任务：开会。思考开会前——开会中——开会后（补充相关的细节）开会的多种“常态/异常态”场景都需要被考虑，用结构思维图表现，可能出现的状况流程图→页面下一步跳到哪个页面？如图所示：1、设置主题、内容、时间添加成员可以变为“开启/新建/预约会议”的页面2、而主题、内容，可以进一步具体为输入框、图片、文字、添加符号等3、发布/提交，应该是一个“按钮”，可以编写当前页面后跳出该页面4、如果用户错过了通知，希望能收到“会议日志”后进入会议室流程图→页面内容→原型图每个页面的内容有哪些？把界面合并到流程中

首页会议日志1会议日志2好友

开始会议会议室个人资料怎么设计页面原型所有的一切都将围绕着内容展开。内容结构梳理,首先考虑把核心任务中的几个重要节点的内容作为重要模块核心模块任务结果模块重要条件附带条件核心任务流程是开会，开会流程的页面作为内容模块核心任务完成后有个结果，任务结果通常是产品价值所在，会议记录模块在任务完成过程中发现需要成为好友才能添加开会，这是核心任务的前提条件，好友也应为单独的板块个人中心、设置中心，放置平时不常用但必然时候会需要用到的杂物开会模块模块:核心流程中的页面构成模块会议记录模块：用户频繁查看和操作的，所以要考虑页面列表及其展现形式