67
响应式设计引入复杂性,需要更复杂的设计和实施过程。正因为如此,努力在前端堆积如山。在孤岛中工作,只是偶尔或在预定会议期间彼此交谈,有太多未知数。让我们来看看这些新挑战如何创造更好地合作的机会。
梅州网站建设我们必须消除这样一种心态:有一个工人组装线等待轮到他们,而是在整个项目的整个团队中进行更有针对性的协作。
五六年前,在响应式设计成为“事物”之前,我被要求制作一份全面的清单,我们的团队在构建任何网站时都可以遵循这些清单。不可避免地,会出现一两个意外的任务,以及截止日期的走钢丝,我们从未在构建期间查看该核对表。如今,为响应式设计构建逐步检查清单的想法听起来像是一个残酷的玩笑。
协作不是你可以强迫团队的。(致辞:Jeffery Zeldman)
去年,我一直在建立一个大型媒体网站的小团队。在项目启动后不久,我们意识到我们的设计团队的最佳工作是齐头并进的。我们解决小问题,创造动力,然后解决更大的问题。
对所有角色进行循环并有意义地相互访问至关重要 ,不仅仅是为了决策,而是为了头脑风暴和健康的辩论。赋予团队权力,培养鼓励合作和熟练解决问题的环境。
随着设计的发展,与项目的整个团队分享决策是一个伟大的第一步。保持轻量级的可交付成果(即展示战略而不是纯粹视觉设计的草图或样式原型)将从大揭示中消除压力。首先,这样可以避免在没有获得反馈的情况下远离兔子洞,第二,通过透明度建立信任 - 当整个团队看到流程时,更有可能做出明智的决策。
我们团队针对每个新项目的基线CSS样式指南的示例。(大预览)
在处理新事物时,创建原型想法,然后在浏览器中创建交互式概念,从而减少在片段交互时会发生什么变化的错误传达的可能性。
Web继续与过时的“页面”比喻保持距离,越来越多的设计系统正在出现。这些设计系统通常通过创建CSS样式指南来具体建立。随着指南变得更加强大,在开发过程中填补了空白。
在Codepen或Dabblet等工具中显示具有所需功能的演示 是一种额外的效率,然后可以在跨设备规划网站时重复使用该功能。甚至无需上传任何内容以向他人展示。
Codepen演示图像。(图片来源:Tyler Fry)
相反,启动一个新的Pen,加载您的依赖项(例如,如果您正在使用Zurb Foundation,您可以通过内容交付网络添加外部CSS和JavaScript ),并在其余的前面获得一个工作示例球队。展示离线画布导航如何以最简单的形式显示,以便在内容管理系统中分层或引入其他复杂性之前获得反馈。
查看不同设备上的回流内容。当内容从纵向回流到横向时,无法显示静态示例。互动将胜过文件。为了展示响应式设计的工作原理,没有什么能像打开浏览器那样有效地讲述故事并在某人面前展开和扩展视口。此外,在代码中获得设计带来了更高的效率,例如炫耀CSS动画以及显示活动,焦点和悬停状态。
现在,有一种过时的习惯,即将个人工作委派给个人。需要动力解决问题; 否则,旋转你的车轮,直到下一个检查点变得太容易。通过无中断的通信方式(例如Basecamp,Slack 和Skype)寻求反馈 ,这些方法可以通过时间密集的会议或电话来消除工作效率。
目标是使这种沟通循环正确,不仅与内部团队,而且与客户和任何其他决策者。你不只是存放信息,而是集体思考。
战争室是一个专门的空间,供团队在一个专注的环境中进行项目沟通,不会中断。这会向组织的其他成员发送一条消息,即战争室中的每个人都在可用性方面不受限制。更重要的是,它通过接近来收紧这些反馈回路。“低头”是在关键时刻(测试,里程碑,发布等)让设计师和开发人员在同一页面上的有效方式。
决策者需要参与设计过程。一个好的经验法则是,每当决策引入一层将改变整个项目的复杂性时,检查它是否会影响项目的其他区域。通过在设计过程中不断共享资产,将设计从流程中分离出来。
每当团队的执行因缺乏沟通或缺乏设计或功能知识而中断时,就会产生效率差距。当您正在进行按比例缩放的设计时,这些错误会迅速增加,这使得发现阶段变得更加重要。
问问题。在前端,缺少设计细节很容易。拉入设计师,确保你没有把他们的想法搞砸。查看代码有助于让团队成员对其工作负责。向对方解释您的决策过程,以确保您做出深思熟虑的选择。
使网站响应不是一个人的任务。设计师可以更加具体地使用comps来表达想法,而不会对设计在每个断点处的确切程度做出任何仓促的假设。我们不是试图创建多个像素完美的示例,而是最好依靠网站现有的基础,快速将工作带入浏览器,以便使用我们现有的网格对其进行测试。
该响应式设计过程需要双方沟通和实践,如果球队取得任何进展对成品。确保您的团队使用轻量级可交付成果,以最简单的形式展示交互,集体思考团队并达成平衡,这些都是确保结果与愿景相符的有意义的步骤。
关注效率和更好的工作流程将强化制作优秀网站的总体目标。整个项目团队的持续协作以及流程每个领域的深思熟虑的方法将使您能够通过迭代重新聚焦和完成更多工作,而不是通过重新加工。
梅州网站建设让我们更好地合作,在所有方面采用统一的方法来设计所有设备和体验。
热门分享
最新文章
2019.08.16
梅州企业网站开发:如何为网站或应用程序创建指南和标准
2019.08.16
梅州网站建设:将休闲访客变成品牌传播者
2019.08.16
梅州网站设计:如何预测网页设计趋势
2019.08.15
梅州网页设计:通过内容营销生成潜在客户的循序渐进指南
2019.08.15
梅州网站开发:30内容升级想法以增加您的电子邮件列表
2019.08.15
梅州网站建设:25种经过验证的策略可将博客流量提高1064%
2019.08.14
梅州高端建站:优化Google字体性能
2019.08.14
梅州网站优化:如何优化搜索引擎和机器人的反应性网站
2019.08.14
梅州网站制作:管理设计系统的技巧
2019.08.13
梅州做网站:界面设计中的不完美之美
随机推荐
2019.08.16
梅州网站建设:将休闲访客变成品牌传播者
2019.08.16
梅州企业网站开发:如何为网站或应用程序创建指南和标准
2019.08.12
梅州做网站:什么是网页设计中被低估的词?
2019.08.12
梅州网站建设:响应式设计中的团队协作和关闭效率差距
2019.08.12
梅州高端网站制作:响应式设计始于URL
2019.08.12
梅州网页设计:设计原则之空间与图形与地面关系
2019.08.16
梅州网站设计:如何预测网页设计趋势
2019.08.13
梅州企业网站制作:VR界面设计入门
2019.08.12
梅州高端建站:如何在IT项目中有效沟通
2019.08.14
梅州网站制作:管理设计系统的技巧