完整的交互设计：如何设计企业logo以及移动端页面？.pdf

完整的交互设计：如何设计企业logo以及移动端页面？ 在这个项目中，我们需要设计企业 Logo 以及移动端页面，从客户定位、用户研究、市场调查、竞品分析等进行分析，然后根据分析结果进行产品设计。我们的任务是重新塑造或完善品牌的视觉标识，重新设计当前 Bloomsbury Beginnings 网站的重要页面的 UI/UX，以帮助用户快速了解课程的重要性并鼓励他们注册课程。 以下是我们的设计过程： 1. 研究：我们对 Bloomsbury Beginnings 的客户进行了研究，了解他们的需求和目标，并对竞争对手进行了分析。 2. 规划：我们根据研究结果进行规划，确定了重要的功能和目标。 3. 设计：我们使用 Sketch、Illustrator、Photoshop、InVision、Principle、Keynote 等工具进行设计，设计了新的 Logo 和移动端页面。 我们的设计目标是： * 重新塑造或完善品牌的视觉标识 * 重新设计当前 Bloomsbury Beginnings 网站的重要页面的 UI/UX * 带着重要的资源（例如原型图等）进行新会员的创建 我们使用的工具包括： * Sketch * Illustrator * Photoshop * InVision * Principle * Keynote 我们的目标设备是 iOS 设备，时间线为 3 周。 在这个项目中，我们遇到的挑战是： * 目前的网站，大多数会员（过去和现在）仍然直接与 Ann 联系，以获得更多的信息，然后再作出关于课程等的一系列决定。 * 拥有“会员专区”或创建过去和现在的会员都可以相互增加价值的方式。 * 目前的教学都是通过书写完成，很难保持所有工作的完整性，因此新的 Web app 将以实现这些业务工具和资源的数字化为目标。 为了克服这些挑战，我们进行了用户体验研究和发现背景调查和访谈。我们总共采访了 7 名学生，了解他们的需求和目标，并对竞争对手进行了分析。 我们的研究结果是： * 初始材料：例如画布，学生很容易迷失在纸张的格式中（因此我们认为可被编辑的可视化版本应该是一种解决方案）。 * 网站上的内容不清楚。 * 很多学生并不是很懂技术。 我们的竞争对手分析结果是： * Bloomsbury Beginnings (BB) 与竞争对手之间的分析 * 我们使用 Affinity Diagram 进一步分解从访谈中收集到的信息，并将其细化为用户问题、需求、目标、情绪和痛点等主题。 我们的用户角色是： * 我们创造了两个人物角色，每个人物区分男性和女性的特点。这两个用户的时间都很有限，因为他们很可能有一份（在他们的商业理念之外）薪酬工作，或者伴随着孩子。 我们的规划过程是： * 故事板：我们使用故事板来可视化用户旅程，以进一步构建和理解他们的使用场景。 * 行程图：我们使用行程图来分析用户可能会在 BB 课程开始之前和之后遇到的痛点、挫折和满意，以及 web 应用程序如何优化用户的使用场景。 我们的 MVP 功能列表是： * Lean Cavans：用户能够在手机上创建和编辑数字化的 Lean Cavans，并能够在创建后查看概览。 * 日常任务（任务板）：此功能通过提示用户验证其原始假设，确保用户处于其任务/待办事项列表的顶部。 * 目标：用户能够确定他们的长期目标，并将其分解为更小的部分。 * 论坛（社区）：论坛部分将允许过去和现在的学生在课程期间和课程结束后提供支持、交流、分享想法和保持联系。 * 统计（成就）：此功能显示用户的整体进度。 我们的设计目标是重新塑造或完善品牌的视觉标识，重新设计当前 Bloomsbury Beginnings 网站的重要页面的 UI/UX，以帮助用户快速了解课程的重要性并鼓励他们注册课程。