Design Hub

logo.png

Project Overview

We want a way to easily share design details between developers and designers. We want to stay up to date, share screenshots, integrate with IRC and/or mailing lists. We are building Design Hub. The idea for Design Hub was developed in part at the 2010 GNOME UX Hackfest in London.

Inspiration

Two posts by Mairin Duffy:

http://mairin.wordpress.com/2010/02/13/random-idea-for-design-collaboration-tool/

http://mairin.wordpress.com/2010/03/01/the-one-where-the-designers-ask-for-a-pony/

We (contributors)

Designers from Gnome/RH, developers from Isotope 11 (http://isotope11.com/), and OSS community members

  • Máirín Duffy
  • Robby Clements (Isotope 11)
  • Josh Adams (Isotope 11)
  • Come summer: Colin Zwiebel

Join

We'd love to have help on this project? Ping us on the mailing list!

Communication and Tools

Project Design

Screen Mockups

9 Mar 2010

9Mar2010-designcollab-mock-1.png

[http://mairin.wordpress.com/2010/03/09/another-design-hub-mockup/ blog post description]

[http://linuxgrrl.com/ideas/09Mar2010-DesignCollaborationTool/09Mar2010-designcollab-mock-2.svgz SVG Source]

13 Feb 2010

13Feb2010-designcollab-mock-1.png

[http://linuxgrrl.com/ideas/13Feb2010-DesignCollaborationTool/13Feb2010-designcollab-mock-1.svg SVG Source]

Concept

Needs

Clear Communication

Simple communication between developer and designer. Mailing lists to difficult to keep up with, IM to ephemeral, etc.

Manage Sources

Both designers and developers need sources for mockups, not just renderings.

Notifications

Let designers stay updated on what other designers are doing. Give developers intuitive indication of the most recent mockup/design choice.

Ponies (IE, Stretch Features)

Ideas from [http://mairin.wordpress.com/2010/03/01/the-one-where-the-designers-ask-for-a-pony/ Mairin's blog post]

IRC Integration

One cool idea – if I send a link to my mockup’s page in IRC, a bot sitting in a GNOME IRC channel will see the link and associate any comments about it automatically with that mockup and post the feedback from the IRC user right into the mockup’s page in the web app!

On Mockup Commenting
  • Flickr-style ‘notes’ on top of mockups so people can give feedback on specific areas within the mockup image.
  • Similar to the flickr-style ‘notes’, allow for areas within the flat mockup image to be drawn out so you can click them to visit the next mockup. (E.g., so I can draw a box over the ‘next’ button in the mockup and make it go to the page for the mockup of the next screen.)

Attic/UsabilityProject/Whiteboard/DesignHub (last edited 2014-07-10 23:07:16 by AllanDay)