Team,
I will be preparing a GUI template to help the team's design process towards a standardized interface smoother. But before I do that, I'd like to hear what you think will be relevant and helpful to you, it helps me prioritize what's most helpful now. I'm including some devs in the loop with this too just to see if they have any input.
If don't know what a Graphical User Interface http://en.wikipedia.org/wiki/Graphical_user_interface (GUI as in "goooey") template is, it's a template mainly for designers while designing products. Think of it like a sticker book where every control, list item, text are individual stickers, and you put them together with a few given rules like space, sizes, composition etc. So it's safe to say that I'll be making some stickers for designers. This GUI template sticker book is typically presented in file formats that designers usually work with, most popularly Illustrator .ai, Sketch .sketch, and Photoshop .psd files. But I'll be starting with either a .sketch or a .ai file.
--
Here are some examples:
Apple's GUI http://www.teehanlax.com/tools/ipad/# Android's old version GUI http://developer.android.com/design/downloads/index.html Google's Material Design GUI http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components
--
This etherpad has a few ideas listed http://etherpad.wikimedia.org/p/GUI. I hope to help us all look and feel like one product soon and make everyone's life as easy as possible while getting there. Let me know how this can be integrated into your work better.
Please respond at etherpad http://etherpad.wikimedia.org/p/GUI by EOD October 31st.
May
Thanks May, this is great. I added some specifics to the etherpad.
Regarding formats, in addition to Illustrator (which I currently use the most) or Sketch (which I'm willing to use if they fixed the scaling issues Sketch 2 had), I think we need to add SVG as one of the formats to export. The community would appreciate the templates to be usable on an open format, and it would help the users of whichever tool is not used as the first choice to have something to work with (both AI and Sketch support exporting and importing SVGs although some information may get lost in the way sometimes).
Pau
On Thu, Oct 23, 2014 at 1:00 AM, May Tee-Galloway mgalloway@wikimedia.org wrote:
Team,
I will be preparing a GUI template to help the team's design process towards a standardized interface smoother. But before I do that, I'd like to hear what you think will be relevant and helpful to you, it helps me prioritize what's most helpful now. I'm including some devs in the loop with this too just to see if they have any input.
If don't know what a Graphical User Interface http://en.wikipedia.org/wiki/Graphical_user_interface (GUI as in "goooey") template is, it's a template mainly for designers while designing products. Think of it like a sticker book where every control, list item, text are individual stickers, and you put them together with a few given rules like space, sizes, composition etc. So it's safe to say that I'll be making some stickers for designers. This GUI template sticker book is typically presented in file formats that designers usually work with, most popularly Illustrator .ai, Sketch .sketch, and Photoshop .psd files. But I'll be starting with either a .sketch or a .ai file.
--
Here are some examples:
Apple's GUI http://www.teehanlax.com/tools/ipad/# Android's old version GUI http://developer.android.com/design/downloads/index.html Google's Material Design GUI http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components
--
This etherpad has a few ideas listed http://etherpad.wikimedia.org/p/GUI. I hope to help us all look and feel like one product soon and make everyone's life as easy as possible while getting there. Let me know how this can be integrated into your work better.
Please respond at etherpad http://etherpad.wikimedia.org/p/GUI by EOD October 31st.
May
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
I think it's most likely going to start with an .svg if we use Illustrator. I haven't exported/imported .svg with much success on Sketch though. I added a section at the top so you guys can vote for your software of preference.
mm
On Thu, Oct 23, 2014 at 1:30 AM, Pau Giner pginer@wikimedia.org wrote:
Thanks May, this is great. I added some specifics to the etherpad.
Regarding formats, in addition to Illustrator (which I currently use the most) or Sketch (which I'm willing to use if they fixed the scaling issues Sketch 2 had), I think we need to add SVG as one of the formats to export. The community would appreciate the templates to be usable on an open format, and it would help the users of whichever tool is not used as the first choice to have something to work with (both AI and Sketch support exporting and importing SVGs although some information may get lost in the way sometimes).
Pau
On Thu, Oct 23, 2014 at 1:00 AM, May Tee-Galloway <mgalloway@wikimedia.org
wrote:
Team,
I will be preparing a GUI template to help the team's design process towards a standardized interface smoother. But before I do that, I'd like to hear what you think will be relevant and helpful to you, it helps me prioritize what's most helpful now. I'm including some devs in the loop with this too just to see if they have any input.
If don't know what a Graphical User Interface http://en.wikipedia.org/wiki/Graphical_user_interface (GUI as in "goooey") template is, it's a template mainly for designers while designing products. Think of it like a sticker book where every control, list item, text are individual stickers, and you put them together with a few given rules like space, sizes, composition etc. So it's safe to say that I'll be making some stickers for designers. This GUI template sticker book is typically presented in file formats that designers usually work with, most popularly Illustrator .ai, Sketch .sketch, and Photoshop .psd files. But I'll be starting with either a .sketch or a .ai file.
--
Here are some examples:
Apple's GUI http://www.teehanlax.com/tools/ipad/# Android's old version GUI http://developer.android.com/design/downloads/index.html Google's Material Design GUI http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components
--
This etherpad has a few ideas listed http://etherpad.wikimedia.org/p/GUI. I hope to help us all look and feel like one product soon and make everyone's life as easy as possible while getting there. Let me know how this can be integrated into your work better.
Please respond at etherpad http://etherpad.wikimedia.org/p/GUI by EOD October 31st.
May
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
-- Pau Giner Interaction Designer Wikimedia Foundation
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Reminder, please add your feedback to this before friday, thanks!
*Jared Zimmerman * \ Director of User Experience \ Wikimedia Foundation
M +1 415 609 4043 \ @jaredzimmerman http://loo.ms/g0
On Wed, Oct 22, 2014 at 4:00 PM, May Tee-Galloway mgalloway@wikimedia.org wrote:
Team,
I will be preparing a GUI template to help the team's design process towards a standardized interface smoother. But before I do that, I'd like to hear what you think will be relevant and helpful to you, it helps me prioritize what's most helpful now. I'm including some devs in the loop with this too just to see if they have any input.
If don't know what a Graphical User Interface http://en.wikipedia.org/wiki/Graphical_user_interface (GUI as in "goooey") template is, it's a template mainly for designers while designing products. Think of it like a sticker book where every control, list item, text are individual stickers, and you put them together with a few given rules like space, sizes, composition etc. So it's safe to say that I'll be making some stickers for designers. This GUI template sticker book is typically presented in file formats that designers usually work with, most popularly Illustrator .ai, Sketch .sketch, and Photoshop .psd files. But I'll be starting with either a .sketch or a .ai file.
--
Here are some examples:
Apple's GUI http://www.teehanlax.com/tools/ipad/# Android's old version GUI http://developer.android.com/design/downloads/index.html Google's Material Design GUI http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components
--
This etherpad has a few ideas listed http://etherpad.wikimedia.org/p/GUI. I hope to help us all look and feel like one product soon and make everyone's life as easy as possible while getting there. Let me know how this can be integrated into your work better.
Please respond at etherpad http://etherpad.wikimedia.org/p/GUI by EOD October 31st.
May
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Friendly bump. :-)
etherpad.wikimedia.org/p/GUI
On Tue, Oct 28, 2014 at 4:21 PM, Jared Zimmerman < jared.zimmerman@wikimedia.org> wrote:
Reminder, please add your feedback to this before friday, thanks!
*Jared Zimmerman * \ Director of User Experience \ Wikimedia Foundation M +1 415 609 4043 \ @jaredzimmerman http://loo.ms/g0
On Wed, Oct 22, 2014 at 4:00 PM, May Tee-Galloway <mgalloway@wikimedia.org
wrote:
Team,
I will be preparing a GUI template to help the team's design process towards a standardized interface smoother. But before I do that, I'd like to hear what you think will be relevant and helpful to you, it helps me prioritize what's most helpful now. I'm including some devs in the loop with this too just to see if they have any input.
If don't know what a Graphical User Interface http://en.wikipedia.org/wiki/Graphical_user_interface (GUI as in "goooey") template is, it's a template mainly for designers while designing products. Think of it like a sticker book where every control, list item, text are individual stickers, and you put them together with a few given rules like space, sizes, composition etc. So it's safe to say that I'll be making some stickers for designers. This GUI template sticker book is typically presented in file formats that designers usually work with, most popularly Illustrator .ai, Sketch .sketch, and Photoshop .psd files. But I'll be starting with either a .sketch or a .ai file.
--
Here are some examples:
Apple's GUI http://www.teehanlax.com/tools/ipad/# Android's old version GUI http://developer.android.com/design/downloads/index.html Google's Material Design GUI http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components
--
This etherpad has a few ideas listed http://etherpad.wikimedia.org/p/GUI. I hope to help us all look and feel like one product soon and make everyone's life as easy as possible while getting there. Let me know how this can be integrated into your work better.
Please respond at etherpad http://etherpad.wikimedia.org/p/GUI by EOD October 31st.
May
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design