为科技行业的少数族裔提供机会、联系和资源。

角色

团队主管

界面设计

原型设计

商品设计

赞助提案

队友

Priya Charagondla

Khin Yone

持续时间

6 个月

角色

Team Lead

Interface Design

Prototyping

Merch Design

Sponsorship Pitch

队友

Priya Charagondla

Khin Yone

時長

6个月

工具

Figma

Photoshop

Google Suite

Zoom

概述

概述

  • 组织每周会议,监督设计团队对面向科技行业中的少数群体提供安全空间的黑客马拉松活动的网站、商品和时尚设计流程。

  • 设计了一个完全互动的网站,导致92名参与者报名(这是我们作为组织三年来最多的人数)。

  • 设计了一个提案演示文稿,帮助我们获得了超过$1000的赞助款(来自六所大学的总金额:Oakes, Rachel Carson College, Kresge, C9/JRL, UCSC Alumni Council, and Cowell),这笔款项用于提供黑客马拉松的获奖奖品。

情况

点击查看图片

作为设计团队负责人,我的责任是促进GraceHacks网站、商品和演示设计的设计过程。尽管我之前担任过UX设计负责人的领导经验,但这是我第一次担任黑客马拉松组织的团队负责人(并担任一个角色)。这次经历是一次挑战,考验了我在快节奏、跨职能环境中的适应能力和领导能力,我将与其他团队的负责人合作。

评估之前网站的可用性

设计和技术团队共同合作,评估了去年网站设计中存在的可用性问题。

我们的主要发现是:

  • 由于桌面和移动显示屏太长,网站在滚动时感到非常笨重。

    • 具体来说,页面的团队部分占用了大量空间,并且对于潜在的黑客马拉松参与者来说,并不重要,他们不会花时间滚动浏览以到达我们的社交媒体和联系链接。

  • 网站没有交互感,因为大多数按钮在悬停时并没有提示交互。

  • 浅色文本和背景之间缺乏可访问的颜色对比度。

设计理念构思

在查看了上一个网站的设计和交互后,我们的技术和设计团队都倾向于保留荷花和锦鲤主题来进行我们的黑客马拉松。但是,最终我们对锦鲤吉祥物设计进行了一些改变,以更好地代表我们的组织,这将在后面的部分中解释。

我们网站重新设计的初始主要目标是:

  • 通过最小化滚动浏览大空间的需求,减少查看网站内容时的阻力。

  • 增加网站交互的响应性,使用户更容易了解按钮的功能。

  • 增加文本与背景颜色之间的对比度,使我们的网站在视觉上更易被访问。

减少查看网站内容时的摩擦

将团队部分转变为底部的轮播,节省了很多空间,并且让用户更快地浏览网页!

将导航栏固定在页面顶部,使用户可以选择要跳转到的部分,增加时间效率和便利性,以查看网站内容。

增加网站交互的响应速度

我们为网站按钮添加了悬停交互,以使用户更清楚地知道他们可以与之交互,从而通过提供更清晰的用户反馈和视觉吸引力,为网站提供更具吸引力的体验。

增加网站内容的视觉可访问性

我们的团队利用对比度 Figma 插件来检查网站文本是否符合色彩对比和可读性的无障碍标准。

之后,我们的团队会调整字体大小、文本颜色或背景颜色,以确保符合这些无障碍标准。

重新设计吉祥物,以更好地代表组织的价值观

去年的锦鲤设计看起来太 普通 了,并且 传达不了 我们是一个支持科技中的少数群体的 信息


我们决定采取行动,通过重新设计吉祥物为更加 独特 的设计,其中包含了与女性非二元性别有关的符号颜色。我们也意识到,科技领域的少数群体不仅限于女性和非二元性别群体,我们全心全意地支持他们。

左图:GraceHacks第二年锦鲤。

右图:GraceHacks第三年锦鲤。

最终的网站设计

这是我们发布的网站设计的视频! 您还可以与作为发布网站基础的 Figma 原型进行交互。

注意:Figma 原型在某些意图的网站交互方面存在限制,这些交互是向技术团队传达的。

贴纸设计

在我们的商品设计过程中,设计团队完全有权利选择任何感觉代表我们组织的设计。


对于贴纸设计,我们的设计团队决定单独制作设计,然后选择两个最终的贴纸设计(锦鲤和莲花贴纸的最新版本)。

T恤设计

在T恤设计过程中,我们遵循了逐个创建T恤设计的类似过程。但是,我们决定最好还是将选择过程交由我们组织的所有活跃成员投票决定。


在投票结束后,得票数前两名的T恤设计结果几乎一样。经过深思熟虑,我们团队决定选择更便宜的选择,因为它使用的颜色更少。

赞助提案

确保为黑客马拉松参与者筹集场地、食物和奖品的资金,非常必要。作为设计领导,我为校园非营利组织创建并提出赞助提案,以使我们的活动得以实现。我们团队领导人向这些非营利组织进行展示,最终结果是筹集了1000多美元的赞助金用于资助我们的黑客马拉松。


我从这些提案展示活动中领悟到的关键是准备好提供相关统计数据,以帮助组织看到我们对社区中不同性别学生的影响。 准备好详细的数据分析能够很好地回答组织在资助我们使命中的具体问题。

反思

作为GraceHacks的设计负责人,这对我来说是一个令人兴奋且具有挑战性的机会,让我不断挑战自己,无论是作为领导者还是设计师。作为领导,我学会了关注团队成员的需求和动机,以更好地分派任务,并为我们的团队成员的优势构建会议结构。而作为设计师,我在发展自己的商品和品牌设计技能方面积累了宝贵的经验。

我在GraceHacks这样的组织结构中的主要收获是,在完成分配的工作时,及时地与团队沟通并尽自己的本分是至关重要的。当你在一个团队中工作时,一个人的进展和承诺可能是整个组织面临瓶颈或朝着目标迈出积极一步的区别所在。我深知这一教训,因为我成功地提前完成了我的任务,这使我能够通过帮助其他团队或个人提供支持,更多地为团队做出贡献。


我非常高兴能成为这个组织的一部分,并帮助它举办了有史以来前三年最成功的黑客马拉松活动 :)