曾俐
UI/UX Designer at leap.ai
设计师, 创业人, 教育者。她本科毕业于中央美术学院视觉传达专业, 研究生毕业于明尼阿波利斯艺术设计学院, 曾任职中央阿肯色大学平面设计教授,创立出版了童书“创业儿童“,现在硅谷创业公司 Leap.ai 任职用户体验设计师。她的作品在 Adobe 设计,  How 杂志, 设计中国, 视觉中国, 视觉联盟等都有过报道。她致力于用设计的力量贡献于教育和商业领域, 结合设计思考和创业思维, 建立以人为本的产品和服务。
让一场大会成功的因素有很多,最吸引人的就是高质量的分享、有影响力的嘉宾,还有紧凑的环节设置。当然,还要有充分的后勤准备和执行力。但是往往有一件很关键的事情会被忽略,那就是总体设计和视觉体验。
我们用两个月不到的时间成功组织了一场超过的1500人的盛会,作为 Leap.ai 和 Compass 大会的首席用户体验设计师,我特别写下这篇文章,分享本次大会的设计心得。
大会召开前2个月
  • 思考我们究竟想让用户得到/感觉到什么;
  • 设计Logo,决定主题配色,甄选志愿者;
初步调研和头脑风暴
我们想要展示的品牌信息是“专业、亲和、令人兴奋”的。选择 COMPASS 作为大会名称也是想传达给人指明事业方向的感觉,更具体一些,我们希望表达的是:
“COMmunicate and PASS on career insights” 
至于 logo,我们想要用字母本身的形态。所以,以此为出发点我们搜集了很多备注关注会议的 logo。我们也参考了很多 moodboard ,分析了这些 logo 表达了什么,想让参会者有怎样的感受。
Compass visual mood-board #1 
(source: Pinterest, Dribble)
Compass visual mood-board #2 
(source: Pinterest, Dribble)
选择颜色
大概差不多的时间,字体和颜色组合也渐渐明晰了。我们希望让本次大会更有活力,所以最终选择了体现职业和成熟的海军蓝,和充满活力的橙色。这个冷暖色的组合呈现的对比度也恰到好处。最后,绿色的加入也带来了蓬勃生长的意义。
下面这几张图展示了决策中的几个不同选择:

Compass color option 1

Compass color option 2
Compass color option 3
Compass color option 4
Compass Typography options
COMPASS logo评审 ——4个概念
我给团队准备了四种 logo 的概念:
  • 第一种是想突出“向前”;
  • 第二种是想突出“路途”(每个字母之间的空间可以被连接上);
  • 第三种突出了动态和“超越”;
  • 第四种强调了COMPASS本身的意思“指南”。
团队毫无异议的选择了第二个方案。
设计 Logo
决定了方向之后,我开始对 logo 的细节进行调整。大家可以看到在定稿前我们对C和S的不同裁切方式。基于这些,我们制作了一个很简单的 COMPASS 2018 品牌说明,确定了不同背景和场景中的 logo 呈现方式。
Compass Logo tweaks
Final Compass Logo Design 

on different color backgrounds
大会前一个月
  • 制作大会网站和 Eventbrite 专题页;
  • 梳理日程安排和嘉宾信息;
制作网站和Eventbrite专题页
确定好 logo 和颜色之后,我们开始快速地制作网站物料。我们决定用不需要编程的 Wix 作为网站搭建的平台,方便设计师改来改去。我们也制作了 Eventbrite 订票专题页,和官网保持同步更新。
因为我要自己负责全部图片和嘉宾信息的维护更新,有太多细碎的细节修改,所以维护 Wix 和 Eventbrite 都是相当痛苦的过程。
Eventbrite page
Some other page design we didn’t use.
大会开始前3周
  • 设计海报、名牌和T恤;
  • 设计欢迎屏幕,易拉宝和物料架;
  • 设计照片墙、嘉宾墙、签到墙;
设计 logo、品牌说明和网站之后,我们要开始设计名牌、易拉宝、T恤和海报这些具体的物料了。
因为要在定稿前把设计发给印刷厂,所以其实这个阶段才是最忙的。名牌需要提前3周,T恤易拉宝和大件需要提前2周,小册子则需要提前1周。
COMPASS 的 UX 志愿者在这个阶段,在这个阶段提供了很大帮助。在设计的过程中,也不断贡献着新的想法。特此感谢他们:Chloe Du, Di Chang, Tan Ma,Tori Zhao and Yunyi Zhang.
Here are some highlights from their work:
Volunteer’s Proposal on Badge Design
Volunteer’s Proposal on Badge Design
Volunteer’s Proposal on Screen Intro Screen
Volunteer’s Proposal on 
Banner Stands and Poster Design
统一视觉系统
其中一位志愿者的渐变与箭头被我们选为视觉风格的方向,剩下的工作需要统一颜色、简化元素,让视觉系统有更清晰的结构。总的来说,我们的视觉系统为大会的整体视觉体验贡献了非常多。我们的颜色不仅展现了主色调,并且在冷暖颜色之间找到了平衡与对比。
Final Badge Design in 4 color system:

Regular, VIP, Staff
Screen Design in 4 color system: 
Keynotes, Storytelling, Panel
Banner Stands Design in 4 color system:

left+ right
Poster and Banner Stands Design

T-Shirt Design: in context
Letter Sorting Stands
Photo Wall
Speaker Wall
大会召开前一周
  • 打印照片角小道具;
  • 完成小册子交付印刷;
  • 制作主要的演讲PPT;
最后两周设计师的工作量和工作内容,是最忙的。我们需要和印刷厂、供应商保持沟通,这个时候会发现很多设计文件需要再次修改。当我们敲定了嘉宾和时间表之后,又必须让多个平台保持同步更新(网站、Eventbrite、小册子、PPT)。
当然让整场大会有趣起来也是我们的目的之一,所以我们邀请志愿者们做了头脑风暴,设计了不少有趣的小道具。
Compass Brochure Mockup Outside

Compass Brochure Mockup Inside
Photo Booth Props Volunteers Helped Paint
大会召开当天
总的来说,COMPASS是成功的,会议非常顺利,大家也被这次大会的设计所惊艳。
整场大会的成功离不开几个因素:管理层的影响力和广泛的人脉,Leap.ai 团队详细周全的策划,各种社群的支持,积极度参与的志愿者等等。
不少人也分享了对整体设计的积极评价,这也是为什么我决定写下这篇文章,来分享设计流程和我自己的体验。
Panel: How to best leveraging mentorship
Panel:Opportunities across US and Asia
Compass Staffs & Volunteers
Compass Photo Booth
会后总结
  • 对各种用户的需求和喜好要考虑地更周全;
  • 内容需求要更有策略;
  • 对要设计的东西要计划的更早;
  • 需要更早地计划!
虽然这次大会的准备时间很紧张,但从头到尾我都很享受这次的创作。我花了很多时间在设计不同的物料上,所以考虑用户体验的时间相当少了一些。
在内容准备的方面,我体会到需要持续更新的地方不应该只由一个人负责。每个人应该都有不同的分工。如果产品图片和管理内容的是同一个人,会导致整体的工作流程会慢下来。
另外一件事情是,我们在大会筹备的过程中不断地增加要设计的东西,导致需要花费的时间和精力会更多。我相信有了这样的经验后,下次我们会吸取教训,和团队尽早地制定好需要设计的东西,这样我们就可以留出更多时间给打样和校对。
这些就是我们从 COMPASS 2018 筹办中学习到的经验,希望以后可以帮助更多 UX 设计师筹办日后的活动。
—— 我是正文的分割线 ——
【我是福利】
Leap.ai 于 4月8日 COMPASS 大会期间,发布了最新产品的测试版——Leap Advisor,通过了解每位用户,帮助匹配到最合适的职场导师,免费提供指导和咨询。目前产品仅限通过邀请码加入,欢迎使用邀请码 10TIPS 抢先试用。
https://leap.ai/advisor 
/* 推荐大家电脑操作,
但是原文阅读也能打开!*/
邀请码: 10TIPS
【我有干货】
我们会陆续分享更多 COMPASS 干货:
【Leapdotai】公众号,会一一为大家呈现。
如果文章对你有帮助,欢迎转发。
识别下方👇二维码,关注我们。
继续阅读
阅读原文