Home
«
»

A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio


I’ve been playing around with the newest addition to Google Docs, Google Drawings, and I’m quite liking it. I tried drawing a few diagrams and even a wireframe, and it turns out the basic drawing interactions are just as good – in some cases even better – than what I’m used to in Omnigraffle and Fireworks.

5 reasons Google Drawings beats Viso and Omnigraffle

We know the cloud computing arguments, and they certainly apply to wireframes

  1. It’s live. The entire team can work on the same document and see each other’s work instantly
  2. The wireframes live in the cloud, no sending files around, no outdated documents
  3. The risk of losing data is zero. It saves for every edit you make
  4. It’s free
  5. Most people already have a Google account, so no sign up required

We need stencils

One thing was missing though: Stencils. Omnigraffle has stencils coming out of its ears, and Fireworks has some excellent built-in ones. But Google Drawings in its current early and simple form simply doesn’t have it. So I made one.

Leaving the stencils in the gutter

An interesting limitation is the fact that

  • there’s no stencil library function and
  • you can’t easily copy and paste from one document to another.

One solution, it seems, is to clone one of the wireframe kits and thereby also cloning the stencils into each document. To not print or export the stencils, I’ve left them in the gutter area of the document. Seems to work quite okay.

Kind of blue

I’ve been wanting a blue kit since I left a project years ago where we used blue stencils (the idea was Peter‘s). As you may have experienced, some customers simply don’t understand wireframes. The blue color gives that well-known blueprint feel, and shouldn’t prompt questions like “I like it, doesn’t it need a splash of colour?”

The templates

To make it even easier for you (ehm, me) I’ve begun making simple starting point templates.

Main blank template

Product detail page

Landing page

Item list view

They will all appear in this template search. If you make variants or new wireframe templates, consider adding the #wfkit tag somewhere in the description.

 
You really should follow me on Twitter. All opinions, spelling mistakes, strategies are mine personally, not the organization I work for.


  1. Martin Ferro-Thomsen Says:
    April 19th, 2010 at 11:04 am

    Fantastic! I can easily see this becoming my first choice wireframing tool. Great work and thanks for sharing…

  2. Jeriel Says:
    April 19th, 2010 at 11:06 am

    Thank you!

  3. A wireframe kit for Google Drawings and 4 reasons it beats Omnigraffle and Visio Says:
    April 19th, 2010 at 11:10 am

    [...] full post on Hacker News If you enjoyed this article, please consider sharing it! Tagged with: beats • [...]

  4. Troy Gilbert Says:
    April 19th, 2010 at 11:22 am

    Thanks for the info. But is that really 5 reasons? It’s kinda just one: it’s a webapp. All 5 of those reasons apply to most/all webapps. I was hoping to hear some reasons why the actual task of creating a drawing is better in Google Drawings vs. OmniGraffle vs. Visio.

  5. Free Wireframe Kit for Google Drawings Says:
    April 19th, 2010 at 11:23 am

    [...] Just wrote a blog post describing how he uses it for that purpose, but even more awesomely he’s shared a drawing [...]

  6. Sardar Mohkim Khan Says:
    April 19th, 2010 at 12:06 pm

    Great – Thanks for sharing this post adds more reasons why the world should use Google Docs – cheaper, easier, faster and readily shareable

  7. victor Says:
    April 19th, 2010 at 12:36 pm

    So how does it compare to another cloud wireframing tool like gomockingbird.com?

  8. Bert Heymans Says:
    April 19th, 2010 at 12:41 pm

    This is great! Thank you so much!!

  9. Mikkel Marius Winther Says:
    April 19th, 2010 at 1:07 pm

    Friggin amazing! Thank you. I’ve been using OmniGraffle until now but I can’t wait to try wireframing with this.

  10. Dave Goodman Says:
    April 19th, 2010 at 1:11 pm

    Wow. Thank you so much for sharing this with everyone. I work in a GoogleApps powered workplace with a number of remote collaboraters, and have started evangelizing GoogleDrawings for a number of key uses: white boarding, design markups.. but I hadn’t thought about how this could help with wireframe collaborations! (just need multipage) Viva la Cloud!

  11. Vinay Mohanty Says:
    April 19th, 2010 at 2:20 pm

    great work !

  12. n Says:
    April 19th, 2010 at 3:11 pm

    But I’m assuming you can’t create any kind of interaction and therefore present it to your clients as a semi-working model of a site (that allows for naviagtion) … so it’s not really a proper wireframe, but a structural concept.

    So I would argue that this is a replacement for creating structural concepts in photoshop; but is in no way a replacement for omnigraffle or visio …

  13. Régine Lambrecht Says:
    April 19th, 2010 at 3:51 pm

    I agree with “n”: it is not easy to customize the “stencils”, so I think it doesn’t replace Visio. It also lack of interactivity, but tw anyway for the good job

  14. Portrætfotografering af Michael Nielsen Says:
    April 19th, 2010 at 4:18 pm

    This is great, I have been looking towards Fireworks – But your templates has everything to sketch up a web page without installing Fireworks

  15. A wireframe kit for Google Drawings | Andy McIlwain @ andymci.com Says:
    April 19th, 2010 at 4:41 pm

    [...] A wireframe kit for Google Drawings via mortenjust.com [...]

  16. Johnny Says:
    April 19th, 2010 at 5:25 pm

    While I do like the idea of Google creating a drawing type of application as apart of their google docs family, I don’t think this will overtake Visio or Omnigraffle anytime soon. Visio and Omnigraffle are just way more robust, comes with stencils/libraries, is way more flexible and has a lot more features such as alignment guides, grid/canvas adjustments and shadows/gradients and that this doesn’t have.

    Also, to your point about it being blue to reflect actual blueprints… having it being black and gray is much better because it takes the color out completely. If you have it blue they will now wonder why everything is blue, especially if there brand colors are blue it can cause a lot of confusion.

  17. Andrew Korf Says:
    April 19th, 2010 at 5:58 pm

    Mockflow.com and of course balsamiq.com are both cloud based apps as well. I feel there is huge room for improvement here – curious that Adobe hasn’t stepped up and come up with something that lives online with regard to UX/IA apps? huge opportunity. aviary?

  18. Jorix Says:
    April 19th, 2010 at 7:16 pm

    Mockingbird is still my favorite. Fun and fast to use.
    http://gomockingbird.com/

  19. Kunj Says:
    April 19th, 2010 at 7:42 pm

    These templates are very fine. Thank you so much.

  20. Chris DeVore Says:
    April 19th, 2010 at 7:47 pm

    These are fantastic – many thanks for sharing. I built several super-hacky pages in GDocs last week and was wishing for exactly this…

  21. links for 2010-04-19 « Boskabout Says:
    April 19th, 2010 at 8:04 pm

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just One thing was missing though: Stencils. Omnigraffle has stencils coming out of its ears, and Fireworks has some excellent built-in ones. But Google Drawings in its current early and simple form simply doesn’t have it. So I made one. (tags: google wireframe drawing webdesign wireframes tools graphics ux mockup diagram stencils) [...]

  22. Motivating Web Design and Development links on our Twitter « Internet Marketing Blog with PaperStreet Web Design – Law Firm, Business & Professionals Says:
    April 19th, 2010 at 9:45 pm

    [...] MortenJust- A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/ [...]

  23. links for 2010-04-19 | Michael Ong | On9 Systems Says:
    April 20th, 2010 at 2:09 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just (tags: google drawing wireframe mockup wireframes diagram stencils webdesign) [...]

  24. links for 2010-04-19 at DeStructUred Blog Says:
    April 20th, 2010 at 4:05 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just (tags: application diagram drawing Ergonomie google graphics prototype prototyping tool tools webdesign websites) [...]

  25. links for 2010-04-19 « Mandarine Says:
    April 20th, 2010 at 6:06 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio (tags: google ia tools ux webdesign) [...]

  26. Gil Says:
    April 20th, 2010 at 6:13 am

    I gotta say, for serious web pros, I wold recommend axure. You can prototype entire web app and test functionality.

  27. ???????????????? ? Google Drawings | Usability.by Says:
    April 20th, 2010 at 7:00 am

    [...] ?????? A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio ?? ???????? 5 ??????, ?????? Google Drawings ????? Visio ??? [...]

  28. Thijs Says:
    April 20th, 2010 at 4:52 pm

    Love them! Thanks Morton

  29. Collaborative wireframing | Population of One Says:
    April 20th, 2010 at 4:56 pm

    [...] just read this post by Morten Just about using Google Docs’s new Google Drawings to create wireframes that can be easily shared with your collaborators because they live in the [...]

  30. Bjorn Moermans Says:
    April 20th, 2010 at 5:06 pm

    Thanks, this looks great!

  31. Nathan B Says:
    April 20th, 2010 at 6:31 pm

    Beautiful! Thanks for doing this! I’ll definitely start using it.

  32. Tom J Nowell Says:
    April 20th, 2010 at 6:52 pm

    I would never have thought of this! Thanks for all the stencils and shared docs!

  33. Mario F. Says:
    April 20th, 2010 at 9:12 pm

    Well – I have to disagree with your conclusion:

    Yes, it’s a webapp and yes, it’s well done, works good and feels nearly like a desktop app.

    Now the features are sufficient to draw small diagrams and quickly sketch something – but in comparison to OmniGraffle (I don’t use Visio so I can’t compare) it feels like using Wordpad compared to Office/OpenOffice. Only some examples:

    - You can’t choose a font…
    - There’s not outline view, which is one of the greatest drawbacks.
    - Objects can’t be connected (or I didn’t find out how..)!
    - No (auto)layout features
    - Grid is fixed
    - No import, No multipage documents, no tables, no stylesheets …… and so on.

    I could continue the list but I the point is this:
    To create professional and/or structured diagrams, wireframes or charts it’s by far not usable enough (currently of course..).

  34. Pam Griffith Says:
    April 20th, 2010 at 10:07 pm

    That’s clever, I wouldn’t have thought of using it for wireframes. I just wish it had a way to turn objects into links so I could link to other drawings and mock-up interactions.

  35. Inferis' Mind Dump » Blog Archive » links for 2010-04-20 Says:
    April 21st, 2010 at 12:21 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just (tags: application blueprint diagram drawings googleapps googledocs mockup ia ux ui prototyping prototype graphics wireframe design) Share with Shareomatic! [...]

  36. rhysatwork Says:
    April 21st, 2010 at 12:27 am

    THanks for sharing this. It was only two days ago that we were considering using this tool for our project. You have now made that decision a lot easier and taken a whack of time out of it for us.
    Cheers,
    Rhys

  37. Marc Says:
    April 21st, 2010 at 1:12 am

    This is going to sound like a dumb question, but: I’m unable to use these templates: I’ve tried to make a copy of one of the blueprints, so I can manipulate it. But it shows up blank in the copy.

    Is anyone else having this issue?

  38. rhysatwork Says:
    April 21st, 2010 at 1:35 am

    Yes. After my last post went away, came back and I have the same issues…….

  39. rhysatwork Says:
    April 21st, 2010 at 1:39 am

    Oh wait…. but when I followed these instructions I got it into my new pic http://docs.google.com/support/bin/answer.py?answer=161768 i.e. use the web clipboard!

  40. Paul Noden Says:
    April 21st, 2010 at 2:24 am

    Thanks!

  41. Marc Says:
    April 21st, 2010 at 2:41 am

    Ah, that worked! Thanks!

  42. What’s wrong with Google Drawings | Ryan I Am Says:
    April 21st, 2010 at 3:21 am

    [...] to be some good momen­tum behind the app. For exam­ple, oth­ers in the web design com­mu­nity have already begun cre­at­ing wire­fram­ing tem­plates. And being a reg­u­lar Google Apps user, the inter­face felt right [...]

  43. jardenberg kommenterar – 22 Apr, 2010 | jardenberg unedited Says:
    April 22nd, 2010 at 9:25 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just [...]

  44. Wireframe mit Google Zeichnung Says:
    April 22nd, 2010 at 10:56 am

    [...] ist der Link  zu seinem Blogbeintrag –  ”A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio“ Be [...]

  45. Ivo Sabev Says:
    April 22nd, 2010 at 6:25 pm

    That is a great idea! The interface of Google Drawings is a bit clumsy lacking some native OS features, but I guess with practice you can develop and get used to it. I am looking forward the day I can do all my work at Google Docs.

  46. Delicious Bookmarks (2010-04-18 – 2010-04-23) | Josh Babetski : Quixotic Bravado Says:
    April 23rd, 2010 at 3:04 pm

    [...] A wireframe kit for Google Drawings [...]

  47. Rizky Says:
    April 23rd, 2010 at 4:15 pm

    you’re my hero :)

  48. Tom Sieron Says:
    April 23rd, 2010 at 5:04 pm

    Any tips on how to get your shared folder in my “Shared folders” in google docs hosted on my own domain?

    I only managed to view the docs in my regular google account, how to import it to my hosted google apps accounts?

    Great stuff, thanks for your work, really appreciate it.

  49. adaptive path » blog » Adaptive Path » Signposts for the week ending March 23, 2010 Says:
    April 23rd, 2010 at 11:55 pm

    [...] suite. Wouldn’t it be great to use this for wireframing? A generous fellow created a set of stencils for just that [...]

  50. Monique Says:
    April 25th, 2010 at 2:07 am

    Thank you for making these kits. It’s awesome and really helpful!

  51. Julia Salameh» Blog Archive » A wireframe kit for Google Drawings & 5 reasons it beats Omnigraffle and Visio Says:
    April 27th, 2010 at 5:49 am

    [...] Need stencils? Read more [...]

  52. Wireframes Magazine » Google Drawings Wireframing Kit Says:
    April 27th, 2010 at 3:17 pm

    [...] created a stencil for the Google Drawings addition to Google Docs. Could be interesting to try. Comparing Google Docs [...]

  53. EdBoyWW Says:
    April 27th, 2010 at 4:39 pm

    this is awesome, thanks! I’ve made a very simple basket icon for e-commerce websites, and probably I will make some more stuff in the future, for example product snapshots, etc. How can i send them to you? (Share?)

  54. Christopher Gilbert » Blog Archive » Using Google Drawings for Website Wireframing Says:
    April 27th, 2010 at 6:06 pm

    [...] used to help visualize how the page will look and function before all the details are worked out.Morten Just has created some templates that you could use to get [...]

  55. Wireframes Magazine » Google Drawings Wireframing Kit « Bytes Hotdish Says:
    April 27th, 2010 at 7:18 pm

    [...] created a stencil for the Google Drawings addition to Google Docs. Could be interesting to try. Comparing Google Docs [...]

  56. Szabolcs Bakos Says:
    April 27th, 2010 at 8:35 pm

    Awesome! Thank you!!!

  57. Kareem Says:
    April 28th, 2010 at 2:25 am

    Great post – another app that allows you to create wireframes in the cloud is cacoo.com. Recently launched and free. They have a good set of stencils to choose from as well.

  58. Jori Says:
    April 28th, 2010 at 2:08 pm

    Mockingbird is awesome, free and it supports links between pages. I have to try out this solution too.

  59. Dino Says:
    April 28th, 2010 at 3:18 pm

    Great post, thx!!!

  60. Gör dina wireframes i Google Docs - Andreas Normans blogg Says:
    April 28th, 2010 at 9:53 pm

    [...] nyligen stötte jag på ett blogginlägg av Morten Just där han visar hur man kan använda sig av Google Drawing (ny application till Google Docs) för [...]

  61. Google Drawings Wireframing Kit — R Sloan's Design Experiences Says:
    April 29th, 2010 at 7:42 am

    [...] created a stencil for the Google Drawings addition to Google Docs. Could be interesting to try. Comparing Google Docs [...]

  62. A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just « urban-listening Says:
    April 29th, 2010 at 12:11 pm

    [...] They’re all in this shared folder on Google Docs, and it will be updated when there are new templates. If you make one, let me know and I’ll add it to the folder so everyone can use it. via mortenjust.com [...]

  63. Project X » Blog Archive » A wireframe kit for Google Drawing Says:
    April 30th, 2010 at 11:59 am

    [...] created a stencil for the Google Drawings addition to Google Docs. Could be interesting to try. Comparing [...]

  64. spreadr.net Says:
    April 30th, 2010 at 12:46 pm

    A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio…

    I’ve been playing around with the newest addition to Google Docs, Google Drawings, and I’m quite liking it. I tried drawing a few diagrams and even a wireframe, and it turns out the basic drawing interactions are just as good – in some cases even bette…

  65. Stencils shared for Google Drawings « web2.0 news Says:
    May 1st, 2010 at 6:02 am

    [...] that people share (give away) useful stuff they have made on the web. Morten Just has created a set of stencils for web designers that can be used in Google [...]

  66. Plantillas que permiten a Google Drawings rivalizar con Visio y Omnigraffle [ENG] Says:
    May 1st, 2010 at 8:25 am

    [...] Plantillas que permiten a Google Drawings rivalizar con Visio y Omnigraffle [ENG] mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/  por bruskli hace 3 segundos [...]

  67. Google Docs‘s stencils « Innovation Methods Says:
    May 1st, 2010 at 10:01 am

    [...] mortenjust [...]

  68. Veckans länktips – 2010-05-02 | lillbra.se Says:
    May 2nd, 2010 at 8:13 pm

    [...] A wireframe kit for Google Drawings – Morten Just Skapa mockups i Google Docs. (taggar: googledocs ux drawing wireframes mockup prototyping ) [...]

  69. pengdo's me2DAY Says:
    May 2nd, 2010 at 9:20 pm

    ??? ??…

    ?? ????? ? ? ?? ???? ?????? ?. ?? ??? ??? ‘make a copy’?? ?!…

  70. ???? ??????: ????? ?????? ??????????, ?????? 2010 - ????????? ????????? Says:
    May 3rd, 2010 at 9:00 am

    [...] Google Drawings Wireframe Stencil ????? wireframe-????????? ??? ??????-??????????? ?????????????? Google Drawings. ???? ?? ?????????? ? ?? ??? ???????????? ??? ?????? ??? ???????????? ? ?????? ???????? ?????????????????? ????????????, ??? ??????????? ?????????? ?????? ???????? ?????????. [...]

  71. Mine seneste bookmarks (17.04.10 – 03.05.10) | Morten Gade Says:
    May 3rd, 2010 at 11:06 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just: (ux prototyping ) [...]

  72. links for 2010-05-03 « Köszönjük, Emese! Says:
    May 3rd, 2010 at 1:03 pm

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just (tags: wireframe google drawings stencil) [...]

  73. ???? ??????. ?????????????? ??????????? ? ?????????? ????????? » ????? ?????? ??????????, ?????? 2010 Says:
    May 4th, 2010 at 8:12 am

    [...] Google Drawings Wireframe Stencil ????? wireframe-????????? ??? ??????-??????????? ?????????????? Google Drawings. ???? ?? ?????????? ? ?? ??? ???????????? ??? ?????? ??? ???????????? ? ?????? ???????? ?????????????????? ????????????, ??? ??????????? ?????????? ?????? ???????? ?????????. [...]

  74. PIA Blog / Productivity by Design » Les outils de prototypage : collection été 2010 Says:
    May 4th, 2010 at 8:08 pm

    [...] Par contre, il embarque un gestionnaire (sommaire) de projet. Gratuit, $15/mois ou $75 en standaloneWireframe kit + Google Drawings    La suite bureautique de Google peut aussi servir au prototypage. A ce effet, Morten [...]

  75. Web Administration devBlog – Favorite Links from April Says:
    May 4th, 2010 at 9:34 pm

    [...] Wireframe Kit for Google Drawings [...]

  76. Web dizaina skices ar Google Docs Drawing r?ku | Pods.lv Says:
    May 5th, 2010 at 10:50 am

    [...] Šodien p?rskr?ju p?ri blogiem un paman?ju pie Mika ierakstu par Google Docs Drawing r?ka iesp?j?m, kuras ir sal?dzin?jis Morten Just sav? blog?. [...]

  77. Google Docs Launches a Drawing App « The Happy Pixel Says:
    May 6th, 2010 at 3:41 am

    [...] for some stencils. Luckily I found http://www.mortenjust.com because the author has created a very nice stencil template. I will post a follow up when I find the time to give it a shot. Comments [...]

  78. Google Wireframing Kit for Google Docs | UI Design, UX Design, Usability testing, Usability consulting Says:
    May 6th, 2010 at 6:15 pm

    [...] Download Kit here [...]

  79. Fabrizio Giordano | iPhone wireframe stencils for Google Docs – add text and you’re done Says:
    May 6th, 2010 at 9:36 pm

    [...] so much for all the positive feedback on the Wireframing in Google Docs post. I’m sorry if I haven’t yet responded to your reply, you’re always welcome to ping me on [...]

  80. Wireframe kit for Google Docs (Drawings) « James Giang Says:
    May 7th, 2010 at 2:34 am

    [...] kit for Google Docs (Drawings) Found a killer link today to a blog article posted at MortenJust – who has developed a set of templates to make wireframing super easy for websites and even [...]

  81. pixelbypixel » Plan you work Says:
    May 8th, 2010 at 11:46 pm

    [...] better when people are making free stuff/kits I really can use. Free + free + good tools = me happy Morten Just has made this sweet wireframe kit for Google [...]

  82. oldtype's me2DAY Says:
    May 9th, 2010 at 5:25 pm

    ??? ??…

    A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio ???? ??……

  83. iPhone wireframe stencils for Google Docs – add text and you’re done - Morten Just Says:
    May 10th, 2010 at 12:02 pm

    [...] har Morten Just og rock og silkepapir med is i vores hjerner Home About me « A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio I wrote a guest post on the Google Docs blog [...]

  84. Trabajando wireframes con Google Docs (Wireframe kit) | sortega Says:
    May 10th, 2010 at 1:41 pm

    [...] lo ha ido trabajando y presentando durante el mes de abril es ahora cuando la gente de Google Docs le ha invitado a que lo explique en el blog [...]

  85. Wireframe sketching « Making it work Says:
    May 13th, 2010 at 1:46 pm

    [...] Check it out! [...]

  86. 15 Top UX resources for rapid prototyping — Matthew Ogston: Entrepreneur & Advisor Says:
    May 17th, 2010 at 5:41 pm

    [...] Wireframing Kit for Google Drawings (rapid UI prototyping templates for Google Docs) [...]

  87. ????? ?????? ??????????, ?????? 2010 « UI Warehouse Says:
    May 22nd, 2010 at 3:25 pm

    [...] Google Drawings Wireframe Stencil [...]

  88. Landing Page Design / Wireframe Tools | Small Business Search Engine Optimization (SEO) Tips – SaktoSEO Says:
    May 31st, 2010 at 5:26 am

    [...] MortenJust.Com’s Wireframe Kit for Google Drawings – This is a cool wireframe kit made by Morten Just of Denmark, who works for Vodafone as a user experience guy. Basically he used the latest addition of Google Docs, Google Drawings, and created a few diagrams and some wireframing elements for you to use.What I Like: Morten Just shares it on a public folder of his Google Docs and you can save a copy of his different modules for you to sketch your page designs. Another bonus is the updated wireframe stencils for iPhone. [...]

  89. JerzySeweryn » A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio Says:
    June 9th, 2010 at 9:30 pm

    [...] http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/ Categories: software development Tags: google docs, mockup, wireframe Comments (0) Trackbacks (0) Leave a comment Trackback [...]

  90. Vos prototypes sur Google Documents | ikomeo, conduite de projet web Says:
    June 10th, 2010 at 9:26 am

    [...] À la recherche d’un petit outil pour réaliser des prototypes rapidement, en évitant de sortir l’artillerie lourde (Fireworks, pour ne pas le citer) à chaque occasion, je suis tombé sur l’idée ingénieuse de Morten Just. [...]

  91. Google Drawings y wireframes. Trucos para prototipar. | Smartsite Says:
    June 18th, 2010 at 11:54 am

    [...] empezar Sonesu me lo puso fácil, me pasó los Stencils de Morten Just para prototipar con Google Drawings. ¿Qué más se podía pedir? gracias [...]

  92. Diagramar ideas « Vida Np Says:
    June 25th, 2010 at 5:42 am

    [...] hacer estos aproximaciones a interfaces de usuario existen múltiples alternativas (El kit para google draw es interesante, Muchas herramientas para productos Adobe y varios SAAS), sin embargo Evoluspencil es una gran [...]

  93. A wireframe kit for Google Drawings /via @echoditto | Jay Collier Says:
    July 6th, 2010 at 5:21 pm

    [...] A wireframe kit for Google Drawings /via @echoditto [...]

  94. 20 Free Web UI Element Kits and Stencils « Seven's Pad Says:
    July 25th, 2010 at 5:15 pm

    [...] Wireframe Kit (Google Drawings) [...]

  95. 20???Web UI???? | Jackchen Design 1984 Says:
    July 29th, 2010 at 8:18 am

    [...] Wireframe Kit (Google Drawings) [...]

  96. 20???UI?? | Rices' Blog Says:
    August 12th, 2010 at 6:20 pm

    [...] Wireframe Kit (Google Drawings) [...]

  97. Google Drawings: Prototipado rápido « Java Mania Says:
    August 25th, 2010 at 10:54 pm

    [...] su página “A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio” (http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/ [...]

  98. Wireframing and Theming Drupal Content Types, Part 1 | Jeff Linwood Says:
    August 26th, 2010 at 6:29 pm

    [...] out an existing web site – like News.com, for instance.  If I do switch to a tool, Wireframing with Google Drawing looks pretty [...]

  99. 20?????UI - ???? Says:
    August 26th, 2010 at 8:13 pm

    [...] Wireframe Kit (Google Drawings) ???????? Google Drawing ? UI ?? [...]

  100. Free Wireframing Kits, UI Design Kits, PDFs and Resources - Smashing Magazine Says:
    August 27th, 2010 at 3:10 pm

    [...] [...]

  101. Free Wireframing Kits, UI Design Kits, PDFs and Resources |  Says:
    August 27th, 2010 at 3:57 pm

    [...] Wireframe Kit for Google Drawings [...]

  102. Free Wireframing Kits, UI Design Kits, PDFs and Resources | LionWebMedia.com Says:
    August 27th, 2010 at 6:58 pm

    [...] Wireframe Kit for Google Drawings [...]

  103. Free Wireframing Kits, UI Design Kits, PDFs and Resources | Prabaharan CS Blog Says:
    August 28th, 2010 at 1:34 pm

    [...] [...]

  104. ??(Into the wild) » Blog Archive » Free Wireframing Kits, UI Design Kits, PDFs and Resources Says:
    August 30th, 2010 at 4:12 am

    [...] Wireframe Kit for Google Drawings [...]

  105. pligg.com Says:
    August 30th, 2010 at 5:04 am

    A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just…

    I’ve been playing around with the newest addition to Google Docs, Google Drawings, and I’m quite liking it. I tried drawing a few diagrams and even a wireframe, and it turns out the basic drawing interactions are just as good – in some cases even bette…

  106. Free Wireframing Kits, UI Design Kits, PDFs and Resources | Reza Rad Says:
    September 1st, 2010 at 1:17 am

    [...] [...]

  107. spikeseo's Talk to Heart » Free Wireframing Kits, UI Design Kits, PDFs and Resources Says:
    September 1st, 2010 at 9:31 am

    [...] Wireframe Kit for Google Drawings [...]

  108. ?? ??????, UI??? ??? PDF? | ?????? ???? ????? Says:
    September 2nd, 2010 at 5:36 pm

    [...] ?? ??? ? ?????? ?? (Wireframe Kit for Google Drawings) [...]

  109. Free Sketching and wire framing KIT « Hyena Labs – Quick quality and economical UX solutions Says:
    September 4th, 2010 at 9:37 am

    [...] 6. Google Drawings [...]

  110. Free Wireframing Kits, UI Design Kits, PDFs and Resources | i know idea Says:
    September 5th, 2010 at 6:52 am

    [...] Wireframe Kit for Google Drawings [...]

  111. Kit conception web et mobile | Curiocity Says:
    September 17th, 2010 at 1:24 am

    [...] Kit filaire pour Dessins Google [...]

  112. TOPGFX » Blog Archive » Free Website UI Wireframe Kits & Stencils Says:
    September 19th, 2010 at 9:54 pm

    [...] A wireframe kit for Google Drawings [...]

  113. [?]????????UI?????PDFs???? | ISLAND Says:
    September 27th, 2010 at 10:57 am

    [...] Wireframe Kit for Google Drawings [...]

  114. Wireframe, une étape indispensable à votre projet web | blog enrique porhiel Says:
    September 30th, 2010 at 6:59 pm

    [...] http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/ [...]

  115. Wireframing kit (mobile&social) « ???? ? ??? ??????? ? ?? ?????? Says:
    October 2nd, 2010 at 9:37 pm

    [...] Wireframe Kit for Google Drawings [...]

  116. [?]????????UI?????PDFs???? « ISLAND Says:
    October 5th, 2010 at 3:55 am

    [...] Wireframe Kit for Google Drawings [...]

  117. [?]????????UI?????PDFs???? « ISLAND Says:
    October 5th, 2010 at 4:02 am

    [...] Wireframe Kit for Google Drawings [...]

  118. 35 Excellent Wireframing Resources - Noupe Design Blog Says:
    October 5th, 2010 at 2:52 pm

    [...] A Wireframe Kit for Google Drawings Google Drawings is a great tool for creating wireframes, in some ways superior to paid programs like Omnigraffle and Visio. But it was lacking stencils. Not anymore. Here’s a stencil kit that includes a variety of website elements you can include in your mockups. [...]

  119. User Solutions – 35 Excellent Wireframing Resources Says:
    October 5th, 2010 at 3:43 pm

    [...] A Wireframe Kit for Google Drawings Google Drawings is a great tool for creating wireframes, in some ways superior to paid programs like Omnigraffle and Visio. But it was lacking stencils. Not anymore. Here’s a stencil kit that includes a variety of website elements you can include in your mockups. [...]

  120. Wire-framing made easy « James Giang Says:
    October 20th, 2010 at 1:20 pm

    [...] Heres a link to the templates for you to use - http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/ [...]

  121. Frameworks CSS + Mockup = Mockup CSS Says:
    October 23rd, 2010 at 9:42 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio [...]

  122. Ultimate Guide to Website Wireframing « WorldWright's … Says:
    November 1st, 2010 at 8:47 pm

    [...] shapes and the ability to add text. What really makes it useful, though, is that there’s a set of templates (from Danish UX designer, Morten Just) specifically for Google Drawings that you can use to create [...]

  123. ???????????? ????????? ??? ???-????????? 2 | javadav.com Says:
    November 29th, 2010 at 11:27 pm

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio [...]

  124. Google Drawings??????????????? Says:
    December 28th, 2010 at 1:15 am

    [...] ????????Morten Just????????????????????????????????????????????????????????????????????????????????????????????????????????????????? [...]

  125. Ultimate Guide to Website Wireframing | Da Sie Designs Says:
    January 9th, 2011 at 9:56 pm

    [...] shapes and the ability to add text. What really makes it useful, though, is that there’s a set of templates (from Danish UX designer, Morten Just) specifically for Google Drawings that you can use to create [...]

  126. wpolscemamymocneseo Says:
    January 12th, 2011 at 5:29 am

    this was a really quality post. In theory I’d like to write like this also – taking time and real effort to make a good article. Really what I needed. Thanks I have been looking for this sort of info for a long time.

  127. Hello 2011! « Beyond r3ality Says:
    January 17th, 2011 at 8:37 am

    [...] That being said, first and foremost is to get the mock-up going. The designer (a genius!) discovered a great wireframe toolkit that helps a great deal especially when we need a mock-up that facilitates some collaboration work. Yes, the keyword – COLLABORATION! We are using a Google Drawing wireframe template for iPhone courtesy of Morten Just. [...]

  128. orlando villas for rent Says:
    February 4th, 2011 at 6:25 pm

    Thanks for your share, excellent understanding. Your blog is good! I’m pleased by the info you have on this blog.

  129. zeromark » Wireframes with the Morten Just Google Docs stensils Says:
    February 11th, 2011 at 8:12 pm

    [...] just did a wireframe with the Mortens Just Google Docs stensils. Please check out they are awesome! Posted on 11.02.2011 by wordpressadmin. This entry was posted in wireframes and tagged [...]

  130. La più grande raccolta di risorse free per realizzare GUI, applicazioni, programmi e siti | Webatomico.com Says:
    March 13th, 2011 at 1:13 pm

    [...] Kit Wireframe per i Drawings di Google : [...]

  131. Quick Win of the Week: High Fidelity Wireframes » Ideenschmiede Says:
    March 15th, 2011 at 11:23 am

    [...] von Wireframes Templates frei zur Verfügung, welche sich in Google Drawings benutzen lassen. Das Toolkit lässt nur wenige Wünsche offen, man hat alle gängigen Elemente heutiger WebApps schnell zur [...]

  132. ia play :: wireframing with Google Drawing Says:
    May 27th, 2011 at 7:47 am

    [...] has produced some basic wireframes which are a good place to start but as he acknowledges one of the big limitations is the lack of [...]

  133. 6 free webdev related tools in 2011 that make my job easier | Sam Lee - a Web Entrepreneur from Melbourne Australia Says:
    May 28th, 2011 at 1:27 am

    [...]  I’ve saw the potential in using it for collaborative sketching, naturally once someone (this awesome Swedish guy) draws a few diagrams and packages it up as a public downloadable “kit”, this newest [...]

  134. ???????——Web UI ???? | ???? Says:
    July 31st, 2011 at 12:36 pm

    [...] ?????http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/ [...]

  135. RecipeLuv Company Blog | Website Design and Wireframe Resources Says:
    July 31st, 2011 at 5:47 pm

    [...] Drawings – Wireframe Kit ( free [...]

  136. Cloud Hosting Dunbay Says:
    August 7th, 2011 at 7:03 am

    Bookkeeping QuickBooks…

    A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just…

  137. Free Wireframing Kits, UI Design Kits, PDFs and Resources | Tips4Designer Says:
    August 25th, 2011 at 4:39 pm

    [...] Wireframe Kit for Google Drawings [...]

  138. jobs in sales and marketing Says:
    August 29th, 2011 at 6:04 pm

    marketing recruitment jobs…

    A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just…

  139. Great Free Web UI Element Kits and Stencils Says:
    August 30th, 2011 at 2:29 pm

    [...] Wireframe Kit (Google Drawings) [...]

  140. Digital Marketing and Communications Blog Says:
    August 31st, 2011 at 7:02 am

    [...] There’s also lots of stencils out there for PowerPoint, Illustrator, Omnigraffle – you name it there’s probably an iPhone template set for it.  There’s even a wireframe kit for Google Docs. [...]

  141. all wordpress templates Says:
    August 31st, 2011 at 1:28 pm

    WordPressTemplates…

    A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just…

  142. 20 Free Web UI Element Kits and Stencils « Downgraf – Design weblog for designers Says:
    October 4th, 2011 at 12:51 pm

    [...] Wireframe Kit (Google Drawings) [...]

  143. Free Wireframing Kits, UI Design Kits, PDFs and Resources « –=:[ Dimascyber4rtcrew.com ]:==– Says:
    October 12th, 2011 at 2:10 pm

    [...] Wireframe Kit for Google Drawings [...]

  144. Wireframing Resources « MAXSTUDIOTECH Says:
    October 16th, 2011 at 8:52 pm

    [...] A Wireframe Kit for Google Drawings Google Drawings is a great tool for creating wireframes, in some ways superior to paid programs like Omnigraffle and Visio. But it was lacking stencils. Not anymore. Here’s a stencil kit that includes a variety of website elements you can include in your mockups. [...]

  145. web dizaina karkasu veidošana ar Google Drawings | Miks Latvis Says:
    October 20th, 2011 at 8:09 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio [...]

  146. twitter how to get followers Says:
    October 26th, 2011 at 10:39 am

    twitter how to get followers…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  147. Blogging Well » Blog Archive » 20 Free Web UI Element Kits and Stencils Says:
    November 3rd, 2011 at 9:26 am

    [...] Wireframe Kit (Google Drawings) [...]

  148. Ultimate Guide to Website Wireframing | Barsky Design Firm Says:
    November 11th, 2011 at 10:20 pm

    [...] shapes and the ability to add text. What really makes it useful, though, is that there’s a set of templates (from Danish UX designer, Morten Just) specifically for Google Drawings that you can use to create [...]

  149. Usabilidad: Herramientas de prototipado | Libro de Apuntes Says:
    November 23rd, 2011 at 12:39 am

    [...] A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio [...]

  150. i phone 2011 Says:
    November 30th, 2011 at 7:10 pm

    i phone 2011…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  151. new business trends Says:
    December 11th, 2011 at 3:09 am

    new business trends…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  152. rain boot women Says:
    December 13th, 2011 at 10:06 pm

    rain boot women…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  153. mobile helper,webdesiner, Says:
    December 19th, 2011 at 10:51 pm

    mobile helper,webdesiner,…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  154. internet marketing Says:
    December 21st, 2011 at 11:34 am

    internet marketing…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  155. Free Wireframing Kits, UI Design Kits, PDFs and Resources « Collectable « Freebies « de[ath]signr Says:
    December 21st, 2011 at 7:32 pm

    [...] Wireframe Kit for Google Drawings [...]

  156. dien dan cong dong it lon nhat viet nam Says:
    December 28th, 2011 at 7:13 am

    dien dan cong dong it lon nhat viet nam…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  157. quit smoking Says:
    December 28th, 2011 at 9:04 pm

    quit smoking…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  158. jewelry Says:
    December 29th, 2011 at 1:06 am

    jewelry…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  159. Momentis opportunity Says:
    January 8th, 2012 at 7:24 am

    Momentis opportunity…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  160. Ultimate Demon Bonus Says:
    January 8th, 2012 at 3:24 pm

    Ultimate Demon Bonus…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…

  161. web design Says:
    January 26th, 2012 at 5:44 pm

    web design…

    [...]A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio – Morten Just[...]…