{"id":974,"date":"2012-07-03T07:27:55","date_gmt":"2012-07-03T14:27:55","guid":{"rendered":"http:\/\/blog.mozilla.org\/ux\/?p=974"},"modified":"2012-07-03T07:46:02","modified_gmt":"2012-07-03T14:46:02","slug":"designing-spaces-for-design","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/ux\/2012\/07\/designing-spaces-for-design\/","title":{"rendered":"Designing Spaces for Design"},"content":{"rendered":"<p>As we&#8217;ve opened or moved into new Mozilla offices and community spaces over the last year or so, we in User-Experience have been thinking about how to create spaces to support creative work, and especially design taking place in a very geographically distributed organization. There&#8217;s research you can turn to for the former \u2014 like this <a href=\"http:\/\/blogs.hbr.org\/ideacast\/2012\/01\/designing-spaces-for-creative.html\">HBR article on designing spaces for creative collaboration<\/a>. For the latter, we&#8217;re trying to figure out how to deal with being distant from our co-designers, both in physical distance and in timezones. Videoconferencing helps a huge amount, but there are still challenges.<\/p>\n<p>One major result of this has been the creation of dedicated design spaces or studios in a few of our offices \u2014 so far, Toronto, Mountain View, and Vancouver. These are spaces where we can put design ideas on the walls where we can discuss them as a group, and that can be connected with videoconferencing to foster more of a sense of one large design space.<\/p>\n<p><strong>Toronto<\/strong><\/p>\n<p>The Toronto room has evolved over about 8 months and was the pilot for this kind of design space at Mozilla. In addition to space for mockups and post-its on the walls, we have a couple of standing desks and a whiteboard for in-room work. There&#8217;s a TV with connected Mac Mini and webcam on the wall, which we use for larger videoconferences, presentations, and ambient background video connection to design rooms in the other offices. There&#8217;s also an iMac on the coffee table for more one-on-one scaled videoconferencing and presentations.<\/p>\n<table border=\"0\">\n<tbody>\n<tr>\n<td><a title=\"Photo 2012-06-29 11 33 56 AM by Madhava Enros, on Flickr\" href=\"http:\/\/www.flickr.com\/photos\/menros\/7467220932\/\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/farm8.staticflickr.com\/7120\/7467220932_4c5fd01846_n.jpg\" alt=\"Photo 2012-06-29 11 33 56 AM\" width=\"320\" height=\"240\" \/><\/a><\/td>\n<td>&nbsp;&nbsp;<\/td>\n<td><a title=\"Photo 2012-06-29 11 34 04 AM by Madhava Enros, on Flickr\" href=\"http:\/\/www.flickr.com\/photos\/menros\/7467221136\/\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/farm8.staticflickr.com\/7276\/7467221136_3af04092fa_n.jpg\" alt=\"Photo 2012-06-29 11 34 04 AM\" width=\"320\" height=\"240\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a title=\"Photo 2012-06-29 11 35 40 AM by Madhava Enros, on Flickr\" href=\"http:\/\/www.flickr.com\/photos\/menros\/7467221432\/\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/farm8.staticflickr.com\/7258\/7467221432_377e8bc711_n.jpg\" alt=\"Photo 2012-06-29 11 35 40 AM\" width=\"320\" height=\"240\" \/><\/a><\/td>\n<td><\/td>\n<td><a title=\"Photo 2012-06-29 11 36 15 AM by Madhava Enros, on Flickr\" href=\"http:\/\/www.flickr.com\/photos\/menros\/7467221588\/\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/farm9.staticflickr.com\/8006\/7467221588_1f39b08f44_n.jpg\" alt=\"Photo 2012-06-29 11 36 15 AM\" width=\"320\" height=\"240\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Click on the photos for larger versions.<\/p>\n<p><strong>Mountain View<\/strong><\/p>\n<p>The Mountain View room got a total makeover.\u00a0 We took out the big conference table and put in a small round one to have more intimate conversations.\u00a0 We painted the walls with whiteboard paint and we have tons of post-its and sharpies scattered throughout the room.\u00a0 Oh and we brought in a comfy blue couch.\u00a0 The stand-up desk is on it&#8217;s way too.<\/p>\n<table border=\"0\">\n<tbody>\n<tr>\n<td><a href=\"http:\/\/blog.mozilla.org\/ux\/2012\/06\/spaces-for-creative-thinking\/room1\/\" rel=\"attachment wp-att-926\"><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-926 alignnone\" title=\"room1-\" src=\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/room1-.jpg\" alt=\"\" width=\"292\" height=\"223\" \/><\/a><\/td>\n<td><a href=\"http:\/\/blog.mozilla.org\/ux\/2012\/07\/designing-spaces-for-design\/room2-2\/\" rel=\"attachment wp-att-1026\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1026\" title=\"room2\" src=\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/room21.png\" alt=\"\" width=\"292\" height=\"220\" srcset=\"https:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/room21.png 292w, https:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/room21-252x189.png 252w\" sizes=\"(max-width: 292px) 100vw, 292px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Vancouver<\/strong><\/p>\n<p>As one of the newer design concept rooms Vancouver is trying a different type of space.\u00a0 We&#8217;ve taken over a connecting room which isn&#8217;t a real conference room but a space with seating that connects the social kitchen and large conference rooms with the rest of the office workspaces.\u00a0 The Vancouver design team chose this space because of the high traffic the area receives and because of the layout affords opportunities for people to stop, sit, and discuss the designs on display.<\/p>\n<p><a href=\"http:\/\/blog.mozilla.org\/ux\/2012\/07\/designing-spaces-for-design\/yvr-hallway\/\" rel=\"attachment wp-att-1008\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-1008\" title=\"Hallway Room Entrance\" src=\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/yvr-hallway-600x450.jpg\" alt=\"\" width=\"600\" height=\"450\" srcset=\"https:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/yvr-hallway-600x450.jpg 600w, https:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/yvr-hallway-252x189.jpg 252w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Above is the view of the room as you enter heading toward the kitchen area.\u00a0 And below are some views of the rotating designs on display in the room.\u00a0 As we gather more designs for display we expect to fill up most of the usable space with concepts we want to share.<\/p>\n<table border=\"0\">\n<tbody>\n<tr>\n<td><a href=\"http:\/\/blog.mozilla.org\/ux\/2012\/07\/designing-spaces-for-design\/yvr-brick-wall\/\" rel=\"attachment wp-att-1009\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1009\" title=\"Firefox Android Wall\" src=\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/yvr-brick-wall-252x189.jpg\" alt=\"\" width=\"252\" height=\"189\" srcset=\"https:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/yvr-brick-wall-252x189.jpg 252w, https:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/yvr-brick-wall-600x450.jpg 600w\" sizes=\"(max-width: 252px) 100vw, 252px\" \/><\/a><\/td>\n<td><\/td>\n<td>\u00a0<a href=\"http:\/\/blog.mozilla.org\/ux\/2012\/07\/designing-spaces-for-design\/yvr-concrete-wall\/\" rel=\"attachment wp-att-1013\"><img decoding=\"async\" loading=\"lazy\" title=\"Concrete Wall side\" src=\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/yvr-concrete-wall-252x189.jpg\" alt=\"\" width=\"252\" height=\"189\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/blog.mozilla.org\/ux\/2012\/07\/designing-spaces-for-design\/img_20120629_154624\/\" rel=\"attachment wp-att-1010\"><img decoding=\"async\" loading=\"lazy\" title=\"B2G Left Wall\" src=\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/IMG_20120629_154624-e1341010491542-252x336.jpg\" alt=\"\" width=\"252\" height=\"336\" \/><\/a><\/td>\n<td><\/td>\n<td><a href=\"http:\/\/blog.mozilla.org\/ux\/2012\/07\/designing-spaces-for-design\/img_20120629_154615\/\" rel=\"attachment wp-att-1011\"><img decoding=\"async\" loading=\"lazy\" title=\"IMG_20120629_154615\" src=\"http:\/\/blog.mozilla.org\/ux\/files\/2012\/06\/IMG_20120629_154615-e1341010467861-252x336.jpg\" alt=\"\" width=\"252\" height=\"336\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Click on the photos for larger versions.<\/p>\n<p><i>Thanks to Diane Loviglio and Bryan Clark for the Mountain View and Vancouver updates, respectively.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As we&#8217;ve opened or moved into new Mozilla offices and community spaces over the last year or so, we in User-Experience have been thinking about how to create spaces to &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/ux\/2012\/07\/designing-spaces-for-design\/\">Read more<\/a><\/p>\n","protected":false},"author":59,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"coauthors":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/974"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/comments?post=974"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/974\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media?parent=974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/categories?post=974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/tags?post=974"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/coauthors?post=974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}