1. Design Hub
Contents
1.1. 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.
1.1.0.1. 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/
1.1.0.2. 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
1.2. Join
We'd love to have help on this project? Ping us on the mailing list!
1.2.1. Communication and Tools
Mailing list: Mail design-hub-project-subscribe@yahoogroups.com - the Yahoo! Group is at http://tech.groups.yahoo.com/group/design-hub-project/
Source Control: http://github.com/rclements/Fedora-Design-Collab
Ticketing System: http://www.pivotaltracker.com/projects/58508# (request access from Josh or Robby)
1.3. Project Design
1.3.1. Screen Mockups
9 Mar 2010
[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
[http://linuxgrrl.com/ideas/13Feb2010-DesignCollaborationTool/13Feb2010-designcollab-mock-1.svg SVG Source]
1.3.2. Concept
1.3.2.1. Needs
1.3.2.1.1. Clear Communication
Simple communication between developer and designer. Mailing lists to difficult to keep up with, IM to ephemeral, etc.
1.3.2.1.2. Manage Sources
Both designers and developers need sources for mockups, not just renderings.
1.3.2.1.3. Notifications
Let designers stay updated on what other designers are doing. Give developers intuitive indication of the most recent mockup/design choice.
1.3.2.2. 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]
1.3.2.2.1. 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!
1.3.2.2.2. 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.)