ECHO

项目概况

Echo 是一款专为留学生打造的匿名社交应用,旨在缓解他们在海外的社交孤立问题。它通过直观、用户友好的界面,让用户能够自由表达、结识同伴、分享留学生活,并在安全信任的环境中建立有意义的社交连接。

问题:

澳洲的中国留学生因文化和语言障碍面临社交孤立,影响学业和身心健康。现有平台和融合项目难以满足其需求,缺乏有效的社交连接渠道。

目标:

我们旨在打造一个安全可信、融合线上线下社交偏好的创新平台,寻求为在澳中国留学生建立有意义的联系,通过一体化平台跨越文化障碍,促进共同利益。

我的角色:

UX & UI 设计师领导 Echo的移动应用程序设计。

职责:

  • 进行研究

  • 解决想法

  • 故事板

  • 草图和线框图

  • 可用性研究

  • 迭代设计

  • 制作高保真原型

用户研究

我们的研究采用了三角测量法,结合定量问卷(Questionnaire)以了解总体趋势、定性群体使用访谈(Interview)以了解个人叙述,以及焦点小组(Focus group)以进行对话。这种强大的方法确保全面了解澳大利亚中国留学生面临的社会挑战,使我们能够识别这一群体中的细微见解和多样化观点。

痛点

社交需求

面对社交困难的人群更加重视有意义的联系,所有参与者都认为这些联系至关重要。

线上社交

所有群体都强调在线平台在建立共同兴趣联系中的重要性,但对线上互动的信任与安全问题存在共通的担忧。

偏好差异

访谈数据显示,面对面交流和语言文化障碍是主要问题,而焦点小组显示线上和线下互动有平衡偏好。

定量数据结果

  • 语言障碍是社交互动中的主要挑战,尤其是对于 18-24 岁的学生 。

  • 在建立有意义的联系方面面临挑战的参与者更倾向于强调这种联系的重要性。

  • 面临社交挑战与有意义的联系的重要性增强之间存在明显的相关性。

年龄和挑战在形成社会联系中的相互作用
挑战对社交方式的影响

定性数据结果

  • 访谈强调了面对面交流的重要性,并详细描述了个人在语言和文化方面的挣扎。

  • 具有不同社交偏好的焦点小组表示需要在线平台进行交流,但也表达了对信任和安全的担忧。

  • 人们对线上和线下互动的偏好各有不同,这表明需要一个灵活的平台来满足这两种偏好。

来自访谈和焦点小组记录亲和图的引述

访谈和焦点小组记录亲和图的链接(https://miro.com/app/board/uXjVMqkbCCU=/

用户角色

通过进行用户研究并识别常见的痛点来选择角色,这些痛点会阻碍用户从产品中获取所需的信息。

用户旅程地图

这是Emily在实现特定目标过程中的一系列经历,它建立在他的经验之上。

我根据Emily使用该应用的体验制作了一个用户旅程图,以突出潜在的痛点并找出需要改进的领域。
目标:

  • Relevance to Interests

  • Cultural & Linguistic Connection

  • Meaningful Interactions

故事板

一系列用户经历以视觉方式描述和探索用户使用产品的体验。

我开始绘制故事板,重点关注用户使用该应用时最重要的部分。这是一个通过面板讲述的故事,以两种不同的方式展示。

这个故事板重点关注用户的痛点经历。它讲述用户在网上寻求友谊时被欺骗的经历。
这个故事板重点关注用户过往的经历。它讲述了用户在寻找志趣相投的人方面屡屡失败,无论是在现实中还是在网上。

开始设计

通过不同设计构思方法我构思了不同的解决方法然后选择出最右边解法,然后我创建了各种图表和情节提要,以阐明和分析应用程序的信息和架构。之后,我绘制了纸质线框图,然后过渡到数字线框图,构建了一个低保真原型,以便与利益相关者进行初步可用性研究。

设计构思

多个设计构思项目需要通过系统化评判来选择出最符合用户需求,易于理解、用户友好且可扩展的最优方案。

我根据用户痛点和需求用storyboard和reverse thinking和brainstorming三种方法创造了三个设计构思。然后使用Decision Matrix从设计需求、物理方面、可用性、可行性四点出发择出最优构思,最终Concept 1获得了最高分。

Desions Matrix
Concept 1 ’s brainstorming

应用地图

它是一个结构化的方案,概述了应用程序的页面和内容层级。

下一步:创建应用程序地图。我的目标是制定战略信息架构决策,以改善整体应用程序导航。我选择的结构旨在让事情变得简单易行。

纸质线框

它们最初关注于主页的基本结构,并突出了每个元素的预期功能。

我在这里画了五个不同版本的主页信息结构。然后我回顾了所有版本,并将它们合并成一个经过改进的版本。
目标是用线框探索不同的想法。

最终的sketch

数字线框

更“清晰”的数字版线框图。还添加了所有重要页面在里面。

在这一步,我使用 Figma 设计工具创建了所有页面的数字线框。然后我将它们全部粘合到清晰流畅的结构中。
目标是展示所有页面和事物如何相互作用。

初始原型图

增加颜色细节完善后的线框图

我创建了所有应用页面模型,并融入了设计元素,例如排版、颜色和图标。我还加入了引人入胜且视觉上吸引人的图像,并开发了所有必要的组件和元素。 目标是尽可能详细地展示 Echo 应用程序

可用性研究

这是一种对用户及其需求的审视,为设计过程增添了现实背景。

在此过程前我做出了prototypr1.0,然后再进行原型图的可用性测试。我采用了“think-aloud”和“cognitive walkthrough”会议,并结合使用SUS来评估线框图的表现。在每个部分我们进行了5次think-aloud和1次与专家的cognitive walkthrough。测试后的反馈通过Affinity diagram进行了有序整理。测试的主要发现强调了清晰按钮标签的重要性、提供额外用户上下文的必要性、优先考虑主要操作的需求,以及实施实时反馈通知的关键性。这些洞察帮助我们进行后续的设计优化,从而确保了更好的用户体验。

1

注册登陆

  • 确保英文和中文文本对齐,提供一致的用户体验。

  • 注册时告知账户名称公开显示,管理隐私和期望。

  • 提供明确的密码格式要求,确保安全且用户友好。

  • 增强字体样式,提升美观性和可读性。

  • 允许用户选择多种兴趣,增加相关性和联系性。

4

匿名匹配

  • 让用户在找到匹配项后查看对方的兴趣标签,以便做出明智的决策。

2

匿名聊天

  • 允许用户在聊天期间发送贴纸,增强表达能力和乐趣。

  • 通过发送语音备忘录,为对话增添活力和参与度。

  • 通过提供跳过自动对话启动器的选项,让用户更好地控制对话。

5

显示个人资料

  • 通过聊天内举报功能,让用户能够处理对话过程中的不当言论。

  • 让用户能够就聊天体验提供反馈,从而提高质量。

  • 确保请求图标的清晰度和直观性,以减少混淆。

  • 简化显示用户个人资料的步骤
    以获得更友好的用户体验。

3

群组匿名聊天

  • 增加团体纸牌功能,培养用户的社区意识和共同兴趣。

  • 使系统公告可忽略,防止信息过多让用户感到困扰。

  • 在群聊界面实施推荐系统,提高用户参与度。

  • 允许用户访问加入群聊前的聊天记录,帮助了解讨论内容。

  • 提供公共群聊选项,满足不同用户的互动偏好。

6

个人资料编辑

  • 改进视觉线索,以便在个人资料编辑期间确认用户的兴趣标签选择。

  • 使用常见的设计模式(例如直接修改文本)增强编辑过程,以提高用户友好性。

完善设计

在此步骤中,首先我创建了一个静态、高保真的 Echo应用程序设计(牢记可用性研究前一阶段得出的所有结论),它清晰地表示了最终产品(称为设计模型)。 之后,我创建了该应用程序的高保真原型。

模型

这是代表最终产品的高保真设计。

这是经过两次迭代后的最终模型。

高保真原型

它是设计的详细交互版, closely match 最终产品的外观和感觉。

我将我的原型图转化为一个准备进行测试的原型,使用了手势和动作,这有助于丰富用户体验并提高应用的可用性。

结果

现在,最后,还需注意几个要点并规划一些进一步的措施。

总结

总之,我为Echo平台进行的设计过程是一次充满启发的旅程。我们学到了将用户置于首位的重要性,原型设计和迭代的意义,以及跨学科合作的好处。带着这些经验教训,我们期待着下一阶段的开发,目标是将Echo平台付诸实践,并对中国留学生的社交体验产生有意义的影响。

后续

继续完善Echo

我们的重点将转向完善并实施Echo平台的最终高保真原型。我们将继续优先考虑用户反馈,确保平台的功能不仅设计良好,而且经过用户测试并具有可用性。基于用户的测试将继续是我们开发过程中至关重要的一部分,帮助我们打造一个精致且用户准备好的产品。

推广平台

我们计划探索与大学和学生组织的合作机会,以在目标用户群体中推广该平台。营销和用户获取策略将在推动用户采纳方面发挥重要作用。