内容
- 该项目的目标是什么?
- 您做了什么用户体验研究?
- 工作如何划分?
- 您是如何处理交流的?
- 您如何调整流程来管理时间和预算约束?
- 您如何表征项目的核心设计价值?
- 听起来好像相处得很好。这对项目有何影响?
- 您使用了哪些技术?
- 乔恩(Jon)将其描述为“最接近梦想项目的东西”。怎么来的?
- 您是如何编译模式库的?
- 您为什么共享图书馆?
- 为什么要发布Alpha版?
- 您如何处理从旧站点进行的内容迁移?
- 这个项目有主题歌吗?
湾区非营利组织美国法规(Code for America)帮助使美国政府的数字服务变得美观,简单和易于使用。与总部位于英国的UX机构Clearleft合作进行的最近网站大修,也为其在线业务带来了相同的价值。在Clearleft,Jon Aizlewood负责视觉设计,自由职业者Anna Debenham负责前端构建,而Jeremy Keith负责工作并编写JavaScript。在CfA,UX传播家Cyd Harrell处理了IA,CTO Mike Migurski进行了更改,高级市场经理Dana Oshiro管理了该项目。
该项目的目标是什么?
迈克·米格斯基(Mike Migurski):我们最初的任务是用看起来更现代的东西替换旧的,糟糕透顶的Code for America网站。在2013年夏季开始进行该项目时,我们确定了三个目标,这些目标将有助于使项目变得更好。首先,赛德·哈雷尔(Cyd Harrell)对政府和极客社区动机的研究建议,我们应该用更直接为受众编写的内容代替网站上的行话。
其次,GOV.UK的发布使新的注意力集中在政府网站的角色上,当我们为市县合作伙伴提供建议时,我们希望能获得一些有意义的第一手经验。最后,我们意识到针对各种计划,我们有大量外观不一致的网站设计,我们希望在构建未来项目时可以使用灵活的,可移动的模式库。
您做了什么用户体验研究?
赛德·哈雷尔(Cyd Harrell)::由于我们也在研究总体参与模型或参与架构,因此我们进行了比网站重新设计更为典型的研究风格的研究。我采访了我们各个计划中的大约40位当前,过去和未来的参与者。我调查了人们与我们合作的动机,他们从兴趣到充分参与的道路以及网站在他们的旅程中所扮演的角色。
最有趣的发现是许多新网站设计的基础,这是一种强烈的愿望,要求他们不断善用自己的专业技能。公务员和商业技术人员以不同的方式被禁止这样做,而《美国法规》的活动则提供了克服这些障碍的方法。因此,使我们的网站定位以支持人们尽快采取行动并查看其行为的影响已成为当务之急。随着我们继续开发该网站,您会发现这种情况得到了加强。
工作如何划分?
杰里米·基思(Jeremy Keith):通常,当Clearleft参与项目时,我们将涵盖UX方面,视觉设计以及有时是前端开发(我们故意选择不进行后端开发)。这个项目有些不同:美国代码已经通过大容量内容审核,并通过所需的用户体验进行了工作。这使我们可以进行视觉设计和前端开发。随着工作的进行,与用户体验或信息体系结构有关的任何问题都将得到协同处理。
您是如何处理交流的?
JK:我们每天都有一个快速的“站立式”电话会议。对于我们来说,电话是在一天结束时:下午5.30。那是在旧金山,上午9.30,就像人们进入美国法规办公室一样。效果出奇的好。如果我们有他们需要的东西,我们会在一天结束时告诉他们;然后他们会整天把这些放在一起,所以第二天我们上班时就在等我们。这些跨大西洋的聊天总是很简短。他们很少持续超过10或15分钟。足够长的时间让每个人都可以快速了解正在发生的事情。持续的沟通水平是正确的:在此过程中,没有意外的惊喜或“大发现”。
您如何调整流程来管理时间和预算约束?
JK:在紧凑的时间范围内和有限的预算中进行工作意味着必须快速做出决定:我们没有奢侈地仔细考虑所有事情。这意味着需要以最快的方式传达想法。有时那只是纸上的草图。如果需要更多细节,则可以使用Photoshop。如果是互动问题,我们将尝试快速将一些有效的代码放在一起。
较短的时间周期也意味着设计和开发必须同时进行:没有足够的时间等待设计被完全确定之后再开始开发。我认为这起到了积极的作用。设计在Photoshop中进行了探索,但在浏览器中完成了。
乔恩·艾兹伍德:奇怪的是,布莱顿和旧金山之间的9个时区实在是个祸福。每天的站起来使我们可以讨论当天完成的工作。基本上,每天都是冲刺,最后是回放,所以我们每天下午5.30进行设计,开发和迭代。这意味着没有电子邮件网球,没有Basecamp小说,并且几乎没有项目管理,因为每个人都完全了解每个人的工作。除了用于共享内容,页面描述图等的Google文档外,我们还选择将Trello用于其看板式的To Do,Doing和Done方法。
您如何表征项目的核心设计价值?
JA:CfA团队已经由一家美国国家机构进行了一些品牌推广工作,这为该网站的视觉语言定下了基调。当我们将这种语言发展为网络语言时,我们遵循了CfA作为组织所使用的原则,并通过用户界面的强大,大胆的调色板,大字体和整体简洁性来表示它们。我们希望该网站对CfA运动感兴趣的任何人都能够强大,沟通,爱国并且平易近人。
毫米:推动工作的三个价值是开放性,通俗性和乐观性。这个想法是,这是一个易于访问的,欢迎的地方,共享其秘密的调味料,该网站在内容和实际运作方式上都处于最新状态,并且公民和政府可以共同努力以使事情变得更好。
听起来好像相处得很好。这对项目有何影响?
JK:乔恩(Jon)是Clearleft的全职员工,安娜(Anna)是自由职业者。但是对于这个项目,我坚持认为她不仅要进入Clearleft办公室,而且要与Jon并肩坐着。他们没有杀死对方。实际上,我认为他们玩得很开心。在该项目结束时,安娜几乎使我们相信了她有争议的制茶方法的优点,该文件记录在teamethod.co.uk中。结束一天的跨大西洋电话会议与我们在美国守则中的同行们在一起,总是很高兴。与我们打交道的三个人在一起工作绝对是一件乐事。
安娜·德本汉(Anna Debenham):我们处于平等的立场–美国法典的人们真的很了解他们的知识,因此他们能够提供令人难以置信的有用反馈和先发制人的问题。构建系统只是过程的一部分。能否真正确定该项目的成功将取决于Code for America在数月和数月的时间内维持和建立该项目的难易程度。
您使用了哪些技术?
广告:我们被要求提供CSS文件而不是Sass,但是在开发过程中我们仍然使用Sass来帮助诸如将px值转换为rems以及存储颜色变量之类的事情。原型模板是使用Jekyll构建的,最终被用于实时站点,因为页面存储为静态HTML文件而不是存储在数据库中,从而使其他人可以轻松地进行协作。在管理任务时,我们使用Trello而不是将东西粘在墙上,这样任何人都可以随时进入并查看进行中的事情。乔恩使用Photoshop进行设计。这使我发誓很多,所以他不再使用Photoshop了,而是使用了Sketch。
对于设备测试和错误修复,Ghostlab提供了巨大的帮助。我可以在本地对原型进行更改,刷新桌面上的浏览器,然后它将自动刷新所有设备上的浏览器。从第一天开始,我们就使用GitHub作为原型,并在项目结束时向其中提交了bug。现在所有站点文件都存放在这里,因此更改很容易。
乔恩(Jon)将其描述为“最接近梦想项目的东西”。怎么来的?
JA:我认为,持续对话与客户提供坦诚相待的反馈的结合-对我而言-是任何项目成功的基石。每天的冲刺使一切都集中在正轨上,CfA的员工容易接受,行动迅速,知道他们在说什么。他们只是一群非常好的人,为良好的事业做好工作并没有什么坏处。总而言之,这是一个完美的组合。
广告:美国法规(Code for America)相信我们可以提供并进行一些试验-他们非常乐于接受想法。这也有助于他们喜欢所有设计,并分享我们的幽默感!
您是如何编译模式库的?
广告:《美国法规》向我们发送了他们最近制作的品牌样式指南。当乔恩(Jon)开始模拟模板时,我仔细阅读了模板,并提取了网站所需的一些内容:字体,颜色,图标和图像。当我们准备构建模型时,我将设计分为模式-内容的单独模块-并构建了每个模型,并在不同的设备上进行了测试。在日常站立期间,我们将研究构建了哪些新模式,并在浏览器中一起查看它们。
很好,因为在模式旁边加上代码意味着有时美国代码会给我们有关HTML和设计的技术反馈。到一半时,我为模式库添加了一个“拼凑而成”视图,以帮助进行设备测试,因此我们可以检查其整个宽度的模式,而不用包装在容器中。
您为什么共享图书馆?
广告:除了做一件好事之外,为什么呢?毕竟,如果您的网站是公开的,则可以通过查看源代码获得CSS和HTML。该库不仅对其他人来说是一个很好的学习工具,而且将它放到GitHub上,意味着人们可以在其中提出一些错误修复或改进建议。另外,知道代码将是显而易见的,这是编写更好,更周到的标记的良好动力。
为什么要发布Alpha版?
毫米:出于几个原因,我们选择在主站点启动前六周进行Alpha发布。首先,我们要确保我们的社区有机会在取代旧网站之前看到并浏览新网站,并利用GitHub上的内容发送更正和补充。第二,作为一个组织,我们为我们的政府合作伙伴支持敏捷/精益开发方法,并希望以此为出发点。此外,当您可以在一段时间内逐段运行时,进行转换的压力也较小。即使到现在,旧站点仍然可用。
您如何处理从旧站点进行的内容迁移?
毫米:内容迁移是最大的工作。在进入视觉设计阶段之前的几个月,我们开始移动文字,为政府和公民部分重写和简化页面以反映我们的关注重点。 Dana Oshiro,Cyd Harrell和我举行了六次“页面剔除”,在其中我们修剪和精简了内容,设置了重定向并建立了新页面。达娜(Dana)在这个主题上有一篇很棒的博客文章,“测试丑小鸭”。
一旦完成Clearleft的工作,一月就成为了积极转移剩余页面的动力。 Dana在Cyd和我本人的大量复制/粘贴工作中完成了大部分工作。这不是一项光荣的工作:我们需要精简针对旧网站样式表的优化标记,绘制重定向,使现有链接不会失败,移动图像和链接,并不断测试两个网站之间的链接。少量的Python代码为测试提供了帮助,共享的电子表格帮助我们进行了协调,并且大量的HTTP重定向将令人惊讶的404减至最少。在发布Alpha之后,我们的社区通过问题和请求请求帮助我们完成了页面内容。
这个项目有主题歌吗?
JA:有趣,你应该问。这部电影里有木偶,马特·达蒙(Matt Damon)和许多咒骂。直到该电影的主题曲至少一次完整播放一次,我们的日子才能开始。美国代码,该死!