共享白板app 产品设计报告

手机app设计过程

选题确定阶段，我们小组考虑到现在人们在会议中常无法表达自己的思想与想法的情况，便决定设计一款联系人们，可供团队在线上进行头脑风暴、协作沟通的APP，并将名称定为共享白板，还为其设想了一段介绍语，即"各有所想，各取所长"，希望该产品可以为用户自由表达思想，发挥自身优势提供平台，同时我们结合现有的线上交流的类似产品如腾讯会议，腾讯文档等存在的不足如预约、开启会议，切换【主持人】带来的"低效"时间，只能单人【共享屏幕】影响多方沟通表达和成员无法或不愿通过语音表达想法等问题对该产品的目的及功能与问题等方面进行了分工与资料汇总，最终确定该产品的功能有畅快自由表达想法观点及多种展示方法（语音、文本、涂鸦、图表），此外还有多方同时在【白板】上表达的高效快捷的团队交流过程。该产品的设计目的是让每个团队成员自由地表达出自己的观点，让线上团队工作更加高效，让用户可以将线上交流的想法及时记录。同时我们也对产品的潜在问题进行了分析，确定该产品会有系统卡顿，内容的版权归属，表达思想与账户的安全，数据可能丢失，系统可能有漏洞的等问题，并提出了相关解决方案，如控制在线人数，设立版权控制组，加强账户的认证，建立平台诊断与数据备份系统等。

用户画像

然后我们进入了共情阶段，在课上讨论中我们选取了在校学生与上班族作为我们这类产品的核心用户群，并从用户的角度出发，对这两类用户分别完成了其Persona与Empathy Map的填写，对用户的所有特征进行了细致思考与表达，如下面四幅图所示

学生Persona分析

学生Empathy Map分析

上班族Persona分析

上班族Empathy Map分析

通过分析，我们发现这两类用户都存在自己思想无法准确表达的困扰与希望能准确表达思想的想法，在学习或工作生活中常接触电子产品等特点。之后，为了进一步了解用户，在课下我们着重选取了我们较近的学生用户群作为调查群体，并结合我们希望的用户的相关情况设计了采访问卷，在采访问卷的设计中，我们遵循着由浅入深的逻辑顺序，从询问用户是否有难以表达的困境，到询问用户对我们这类产品有什么实际需求，总共设计了6个问题，并随机向三位不同专业的学生进行了发放并得到了反馈，在反馈中，我们发现学生大都在讨论中充当参与者，且都有思想难以表达的困境，且都想用白板系统表达思想并希望用语音在线上表达，此外都希望按讨论主题分组，这些都为我们的产品设计提供了参考。下面是我们的调查问卷原稿及反馈。

问卷调查

细节深化思考

之后我们进入了改善阶段，结合问卷的调查结果与对用户的分析，我们制定了Affinity Diagrams即对产品进行了聚类，如下图所示：

在聚类中把产品分为内容与系统框架两部分，并在内容部分分成表达方式与交流决策两个主题，系统框架部分分成界面，团队设置，群功能和其他四部分，对整个产品进行了具体的功能分析聚类。也为我们后期的相关骨架模型制作打下了基础。

故事板

针对user stories，我们设计了三个场景，通过不同的性格的用户对不同功能的需求，分别表达了自由表达、问题讨论和认可想法点赞三个特点。我们小组采用了手绘的方式分别对不同的user stories绘制了storyboards。

user story:

认可想法点赞As a member of group，I need to express my appreciation for some great thoughts.

Storyboard:

user story:

问题讨论As a hard-working student，I want to discuss some difficult tasks with other student so that I can learn from others.

Storyboard:

user story:

自由表达:As a shy student，I want to share ideas freely when having a discussion.

Storyboard:

界面功能介绍

主界面：

主界面包括三大模块：用户模块、功能模块和团队菜单模块。

用户模块包括用户账户信息。

功能模块包含drawing、X-mind和graph三个功能。

团队菜单模块可以查看团队信息和进入菜单界面。

Drawing界面：

Main board 可以记录小组讨论的信息，包含问题和相应的解答。Myboard可以按照自己的要求随意作图。

右侧工具栏可以选择思维导图和图表模式。

思维导图模式可以按照小组的需求加入在白板内加入思维导图，小组内成员可以在思维导图内按照需求编辑。

图表模式可以按照小组的需求加入相应的图标。可以按照小组的需要加入饼图、条形图、折线图等图，满足团队使用的各种需求。

语音输入模式可以使用语音输入文字，方便团队更加便捷的交流。

点击右下角的account便可以显示用户信息。

Account界面如下：

菜单界面包含个人信息，历史记录，问题记录，讨论，加好友功能。

问题记录界面：

讨论界面：

问题改善

通过与第六组同学交流，我们也发现了产品的一些问题。

1白板需要一个修改提交的机制

2同一个用户多个操作可以同时出现在白板上

3会议存档问题

针对问题1和问题2，我们做了如下改善：

对于用户模式切换时，白板内容的保存做适当完善：在区域[Main Board]中添加[save]和[clear]两个按钮，点击save即可保存当前用户的白板内容，防止切换模式时造成内容的丢失；点击clear即可实现清空白板，便于用户重新布局白板。

针对问题三，我们做了如下改善：

存档会议问题可随时查看记录以防遗漏。

最终产品流程图

结合我们对于问题的改进，我们继续完善了一下userflows，完整的产品流程如下：

Worksheet

Notes:As we don't consider the technological aspect，so in our worksheet，we only choose some heuristic which declears design part to explain.

总结

本次人机交互课程，我们小组成员都积极参与到了讨论之中，每个人都能认真思考老师提出的问题并表达出自己的看法。在设计产品的过程中，我们小组相互配合，充分发挥了每个成员的特点，解决了一个又一个问题。总的来说，在这次课程中，我们不仅跟着老师学习了解了人机交互这门课程，而且获得了一个很好的锻炼团队交流能力的机会。

最后，再次对老师和助教表示感谢，也对我们小组的每个成员表示感谢。