![]() I think the most visible symptom is when too much lorem ipsum starts appearing in mockups, or when bringing the content and design together results in a jumbled mess that doesn’t quite make sense. The ‘design gap’ happens when a designer and writer work on the same project, but don’t communicate with each other. However, content strategist, John McGarvey, has discovered a “design gap” that occurs between content creators and designers that often stands in the way of this harmony. Content and design work together in perfect harmony. It’s about how you tell it, which often includes images, video, or illustrations. And your story is about more than just the words you use. The story you tell about your product can make it stand out, or fall flat. Here are two ways that the use of wireframing has helped teams bridge the gap between content and design. Wireframes are crucial to ensuring that all the elements of a particular project are in place and working with each other. One of these techniques centers around creating wireframes, or rough visualizations of a concept or user interface. However, establishing common techniques for communicating and transitioning assets can smooth out this process and create a better experience for everyone involved. Everyone has experienced this at some point: Work is planned and handed off from one team to another, only to be delivered with surprises or missing elements. But sometimes, this can feel like an unreachable goal when it comes to the day-to-day of project management.įor instance, on a marketing team producing work that spans a variety of disciplines like content, design, and operations, it can be difficult to collaborate effectively across teams. We all know that the success of any project hangs on having the right teams and processes in place. It exports to a PNG file so you can share with others as well.This is a guest post by Leon Barnard, writer and designer for Balsamiq, creator of rapid, fun, and effective wireframing software ![]() I find it to be a helpful tool in the toolbox for doing very, very quick mockups for thoughts. ![]() I wrote to Peldi and requested a license for working on the various open source projects I’m involved with and received a license very quickly (the licensed version allows you to save/export). Very cool to see that kind of ‘giving back’ to the community. “If you are a do-gooder of any sort (non-profit, charity, open-source contributor, you get the idea), email me with a short blurb and I'll send you a license, FREE of charge.” One of them is if you are a contributor on an open source project or doing work for a non-profit. What is cool is that the author provides several ways of getting individual licenses for Balsamiq. I’ve been using it in design thoughts around my blog site here for Subtext, as well as other Silverlight mockups I’ve been playing around with. The author has done a good job of providing a suite of draggable elements that would make up most any web site/application. My only complaint is the use of Comic Sans :-). I know there are other methods (please post your favorites in the comments), but there is something about this product that makes me like it a lot. It is a software program that basically allows you to quickly mock up web/software designs using wire-frame elements. I was turned on to this program recently called Balsamiq Mockups. I liked the feel of being ‘less tech’ when it came to mockups, etc. I used to try to prototype in HTML a lot, but it just got too easy to draw it out. Lately I’ve been putting more design thoughts onto paper.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |