/交互案例研究-疫情之下, 交互将如何运用于社区

交互案例研究-疫情之下, 交互将如何运用于社区

目前我们正处于疫情常态化的背景之下。疫情的不断反复限制了人群的流动性。同时一系列的隔离措施也影响了社区的正常活动。


那么,在这一大环境下,我们可以如何通过交互设计来改善社区活动,帮助社区成员更好地探索社区呢


今天,小编就为大家分享一下Elisabeth的一个交互项目


Elisabeth毕业于UW HCDE (Human Centered Design & Engineering)专业,且在2021年6月进入Volvo创新实验室开始实习。

项目介绍

Introduction
Covid-19大流行病彻底改变了我们的生活方式,并带来了新的挑战。对于我们中许多人来说,它限制了一定的流动性,使得我们无法探索新地方。而这也随之产生了一个问题:我们该如何利用技术促进社区探索和鼓励体育活动,同时在隔离期间建立社区联系的桥梁呢


因此,在这一背景之下,Elisabeth及其团队提出了一个解决方案,他们设计了一款名为Stroll的应用程序,旨在帮助用户在不离开自己社区的情况下也能捕捉旅行的精彩。在设计过程中,他们使用了增强现实 (AR)技术将人们带到户外,以此增加了新奇和乐趣的元素。

设计流程

Deisgn Processes

在这一项目中,Elisabeth带领团队进行了竞争对手分析、设计以及视频的宣传等工作。团队通过每周会议,开展了以下工作内容:实施日记研究和调查、创建设计目标和用户角色、进行总体构思、制定设计决策、原型设计,以及可用性测试和分析

研究 (Research):

小组成员采用了日记研究、民意调查以及竞争对手分析等多种研究方法
日记研究

他们邀请了18位参与者在他们的社区中进行活动,对所遇到的有趣事物拍摄五张照片,并解释为什么这些照片可以吸引他们的注意力。结果发现,年轻用户会将自拍收录其中;而一些风景照则是大多数参与者会选择拍摄的照片。

民意调查

所有日记研究参与者都完成了一项简短的调查,进而了解他们对这项任务的兴趣、对户外是否支持身心健康的观点,以及他们与社区的联系程度。其中,有94%的参与者表示与社区建立联系很重要。

竞争对手分析

在深入了解之后,团队比较了七个不同的竞争对手,并对World Brush、Like a Local和Google Maps进行了深入研究。

参与者所拍摄的照片

在通过数据和亲和图分析后,Elisabeth团队为设计解决方案设定了目标:

  • Action: 该方案旨在让用户体验社区之外的现实物理场所

  • Local: 它是为当地人设计和塑造的,以此体现社区的真实价值观、兴趣和文化

  • Whimscial: 这一设计应该为用户提供一种新的、令人兴奋的方式来体验当地社区

  • Connect: 需要培养一种社区联系感,来提高用户的归属感

  • Easy to use: 这一方案应该对具有广泛技术背景的人来说是直观且易于使用的

  • Create: 它应该帮助用户与其创造内容的乐趣联系起来

定义 (Define):
团队成员们在结合了研究见解和设计目标后,便创建了三个角色。成员们认为,Stroll应用程序需要探索社区或创建内容,以此来吸引不同行为和目标的多种类型用户。


Cory Creator希望分享他的故事,并为社区带来价值;Wanda Wanderer刚加入社区,她渴望在社区中获得归属感;Tina Traveler喜欢旅行,由于一直在被隔离中,她想要重新找回旅行的快乐感。

Cory Creator

Wanda Wanderer

Tina Traveler


设计想法 (Ideate):

功能建议

在设计过程中,成员们一起进行了头脑风暴,并利用起草的研究、设计目标和角色,选择了在项目期间需要关注的六个主要功能。由于他们深受Google Maps AR和World Brush的启发,同时对AR以及它是如何为产品添加户外运动和游戏化元素非常着迷,因此他们决定在这款程序中添加AR功能


故事板和用户流程

在巩固了设计想法后,他们绘制了一些故事板场景和可能的用户流程,开始进一步设计探索。在开始绘制草图之前,团队首先创建了三个不同的故事板,随后将其与用户流程相结合,一起探索、创建和设置用户体验。

故事板与用户流程一

故事板与用户流程二

故事板与用户流程三
早期草图

在第一次设计尝试中,他们各自起草了自己对应用程序导航和核心功能的想法。随后分享了彼此的设计并投票选出最理想的功能,进而确认了这款应用程序的预期功能要求

早期草图绘制


原型 (Prototype):

中保真原型

Elisabeth和团队成员Anders共同研究了中保真原型。以下是由Anders制作的中保真原型示例。该流程侧重于他们的“创建者”路径,其中用户可以将内容上传到他们与之交互的"Pin"或兴趣点。

中保真原型

高保真原型及其迭代

以下是成员们在整个测试过程中的迭代示例。他们使用了Figma原型通过Zoom邀请了5位用户进行了测试。

On-Screen, Live Map

Pin Profile Page

User Onboarding


风格指南 (Style Guide):

Elisabeth和Anders尝试了几种不同的颜色选择,最终选择了紫色和蓝色的混合色,旨在希望它可以传递出与户外相关的能量。此外,他们选择具有俏皮感的Monsterrat (蒙特塞拉特)作为标题字体,并选择Lato作为段落文本字体以便提高在小屏幕上的阅读性。

最终成品 (Final Product):

登陆页面

成员们设计了一种无缝且快速的登陆体验,其中突出显示了应用程序中的功能和操作。

探索Pin图

用户直接在主屏幕上就可以发现附近的Pin图和前往的路线


与界面内容互动

通过评论、分享或发送消息,可以与他人进行互动体验。

创建与分享

通过上传照片或对该位置进行评论,用户可以分享自己的经验来帮助其他用户进行更好的规划。


在这个为期十周的项目中,Elisabeth学到了很多东西:在团队协作中不应该太执着于一个想法、在Figma中获得原型设计的经验,以及如何准确地指导团队。此外,她也积极参与端到端流程的每个部分,且拓宽在研究和可用性测试方面的技能。

编辑:YAN

作品集链接

https://www.fondendesigns.com/

图文来源网络,侵权告知即删

本文来自微信公众号“交互设计小站”(ID:racjiaohu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。