Comments on: The ‘Boxing Glove’ Wireframing Technique http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/ User Experience Design & Research, written by Harry Brignull Fri, 12 Mar 2010 13:44:49 +0000 http://wordpress.org/?v=2.9.1 hourly 1 By: 35 Excellent Wireframing Resources | WebsGeek http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-119991 35 Excellent Wireframing Resources | WebsGeek Fri, 26 Feb 2010 14:46:49 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-119991 [...] The ‘Boxing Glove’ Wireframing Technique A guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...] [...] The ‘Boxing Glove’ Wireframing Technique A guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...]

]]> By: Project Two. « GD 220 / Spring 2010 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-119959 Project Two. « GD 220 / Spring 2010 Fri, 26 Feb 2010 00:23:04 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-119959 [...] The “Boxing Glove” Wireframing Technique [...] [...] The “Boxing Glove” Wireframing Technique [...]

]]> By: Guidelines, Tools and Resources For Web Wireframing Ajax Help W3C Tag http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-119295 Guidelines, Tools and Resources For Web Wireframing Ajax Help W3C Tag Thu, 11 Feb 2010 08:30:10 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-119295 [...] The ‘Boxing Glove’ Wireframing Technique [...] [...] The ‘Boxing Glove’ Wireframing Technique [...]

]]> By: Guidelines, Tools and Resources For Web Wireframing - Memphis, Tennessee's Premier Web Design Agency http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-119010 Guidelines, Tools and Resources For Web Wireframing - Memphis, Tennessee's Premier Web Design Agency Thu, 04 Feb 2010 23:12:00 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-119010 [...] The ‘Boxing Glove’ Wireframing Technique [...] [...] The ‘Boxing Glove’ Wireframing Technique [...]

]]> By: Interesting Wireframes links and articles « Innovazen http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-118297 Interesting Wireframes links and articles « Innovazen Sat, 23 Jan 2010 02:11:39 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-118297 [...] The ‘Boxing Glove’ Wireframing Technique A guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...] [...] The ‘Boxing Glove’ Wireframing Technique A guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...]

]]> By: Webmistress Andrea http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-113317 Webmistress Andrea Thu, 05 Nov 2009 00:35:17 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-113317 Best method I've come across yet for getting Wireframes knocked out as quickly as possible. Thanks for the idea! Best method I’ve come across yet for getting Wireframes knocked out as quickly as possible.

Thanks for the idea!

]]> By: Pyramid Consulting R&D Labs http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-111249 Pyramid Consulting R&D Labs Thu, 08 Oct 2009 12:07:10 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-111249 [...] The ‘Boxing Glove’ Wireframing Technique A guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...] [...] The ‘Boxing Glove’ Wireframing Technique A guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...]

]]> By: 35 Excellent Wireframing Resources | WEBDESIGN FAN http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-110699 35 Excellent Wireframing Resources | WEBDESIGN FAN Fri, 02 Oct 2009 04:38:37 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-110699 [...] The ‘Boxing Glove’ Wireframing TechniqueA guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...] [...] The ‘Boxing Glove’ Wireframing TechniqueA guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...]

]]> By: Jessica Petersen http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-109594 Jessica Petersen Fri, 18 Sep 2009 20:19:57 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-109594 Very similarly, I've begun using PowerPoint at the recommendation of a colleague. It makes you forget about the hi-fi details since it only allows you to create simple drawings. The resulting wireframes definitely communicate the ideas better. The only down fall is that PPT doesn't handle long pages well. Very similarly, I’ve begun using PowerPoint at the recommendation of a colleague. It makes you forget about the hi-fi details since it only allows you to create simple drawings.

The resulting wireframes definitely communicate the ideas better. The only down fall is that PPT doesn’t handle long pages well.

]]> By: 35 Excellent Wireframing Resources – Learningism http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-109183 35 Excellent Wireframing Resources – Learningism Sun, 13 Sep 2009 10:58:52 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-109183 [...] The ‘Boxing Glove’ Wireframing Technique A guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...] [...] The ‘Boxing Glove’ Wireframing Technique A guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...]

]]> By: AMB Album » 35 Excellent Wireframing Resources http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-108267 AMB Album » 35 Excellent Wireframing Resources Wed, 02 Sep 2009 09:11:59 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-108267 [...] The ‘Boxing Glove’ Wireframing TechniqueA guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...] [...] The ‘Boxing Glove’ Wireframing TechniqueA guide to a big-picture wireframing technique. This is an incredibly simple and straight-forward technique that emphasizes three elements wireframes should help to clarify: proposition, concept, and context. [...]

]]> By: 7 gute Gründe für Wireframes & Prototyping im Interfacedesign « guerillagirls daily design soap http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-100860 7 gute Gründe für Wireframes & Prototyping im Interfacedesign « guerillagirls daily design soap Wed, 17 Jun 2009 09:35:12 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-100860 [...] what, when and why of wireframes Grey Box Methodology von Jason Santa Maria The Boxing Glove Wireframing Technique Design with Wireframes Paper Prototyping ( A list apart) Wireframes & Mockups Don’t hide [...] [...] what, when and why of wireframes Grey Box Methodology von Jason Santa Maria The Boxing Glove Wireframing Technique Design with Wireframes Paper Prototyping ( A list apart) Wireframes & Mockups Don’t hide [...]

]]> By: Mar-20-2009 web design links | w3feeds http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-93515 Mar-20-2009 web design links | w3feeds Fri, 20 Mar 2009 12:24:27 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-93515 [...] The Boxing Glove’ Wireframing Technique- 90 Percent of Everything [...] [...] The Boxing Glove’ Wireframing Technique- 90 Percent of Everything [...]

]]> By: Get Wireframing: The All-In-One Guide | Hi, Im Grace Smith http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-93400 Get Wireframing: The All-In-One Guide | Hi, Im Grace Smith Wed, 18 Mar 2009 22:31:37 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-93400 [...] The ‘Boxing Glove’ Wireframing Technique - Very basic, quick sketches that force you to draw only the most crucial parts of the user interface. [...] [...] The ‘Boxing Glove’ Wireframing Technique – Very basic, quick sketches that force you to draw only the most crucial parts of the user interface. [...]

]]> By: How much does design matter? | AccMan http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-62700 How much does design matter? | AccMan Wed, 06 Aug 2008 00:41:51 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-62700 [...] The ‘Boxing Glove’ Wireframing Technique [...] [...] The ‘Boxing Glove’ Wireframing Technique [...]

]]> By: The essence of wireframes « Warehouse http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-40846 The essence of wireframes « Warehouse Fri, 18 Jan 2008 09:46:18 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-40846 [...] essence of wireframes Published January 18, 2008 Uncategorized This short blog post offers an interesting tip on how to stay focussed on the big picture when creating [...] [...] essence of wireframes Published January 18, 2008 Uncategorized This short blog post offers an interesting tip on how to stay focussed on the big picture when creating [...]

]]> By: Nick http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-39701 Nick Wed, 09 Jan 2008 21:59:38 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-39701 No problem on the 38th Signal link (I wouldn't put it past the Signals to be doing it themselves - they're the masters of online marketing). I'm not discounting the essence of your Boxing Gloves method, Harry, I just wonder whether sketching is the wrong technique if you're having to physically constrain what people are doing naturally. At the early conceptual stages you're talking about I just don't see what a small drawing adds. If the sketch is Post-it-sized and you're at at the beginning of the design process it seems like it's describing an intent, something that I believe might be better conveyed with words; something more like a use case. What's the purpose of this screen? What should the user be able to achieve? What's the system response? etc. You're right that there's not much to lose by trying it so how about this: I'll give your Post-it sketches a go next time I get a chance and you try my use cases? No problem on the 38th Signal link (I wouldn’t put it past the Signals to be doing it themselves – they’re the masters of online marketing).

I’m not discounting the essence of your Boxing Gloves method, Harry, I just wonder whether sketching is the wrong technique if you’re having to physically constrain what people are doing naturally. At the early conceptual stages you’re talking about I just don’t see what a small drawing adds. If the sketch is Post-it-sized and you’re at at the beginning of the design process it seems like it’s describing an intent, something that I believe might be better conveyed with words; something more like a use case. What’s the purpose of this screen? What should the user be able to achieve? What’s the system response? etc.

You’re right that there’s not much to lose by trying it so how about this: I’ll give your Post-it sketches a go next time I get a chance and you try my use cases?

]]> By: Pete http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-39097 Pete Fri, 04 Jan 2008 11:07:54 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-39097 I'm with you on this one Harry. I agree with Nick's point that sketching is a state of mind, but there is a very real tendency to start with the best intentions and get drawn into detail. In a similar vein to your post-it approach - very Flow ;) - I use an 'interface sketch' page size in graffle, set at 10x7cm. Forces you to stop diving into the detail. What I like about working this way, it prevents you from trying to refine bad ideas to some level of mediocrity. I’m with you on this one Harry. I agree with Nick’s point that sketching is a state of mind, but there is a very real tendency to start with the best intentions and get drawn into detail.
In a similar vein to your post-it approach – very Flow ;) – I use an ‘interface sketch’ page size in graffle, set at 10×7cm. Forces you to stop diving into the detail.

What I like about working this way, it prevents you from trying to refine bad ideas to some level of mediocrity.

]]> By: Harry Brignull http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-39008 Harry Brignull Thu, 03 Jan 2008 23:00:32 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-39008 Nick, the 38th Signal blog is absolutely hilarious, thanks for linking to that! I must admit that the "small paper / fat pen" technique isn't perfect but it's quick and you haven't much to loose by trying it. And it has proved fairly helpful in some recent training I've given. It's horses for courses really... Nick, the 38th Signal blog is absolutely hilarious, thanks for linking to that!

I must admit that the “small paper / fat pen” technique isn’t perfect but it’s quick and you haven’t much to loose by trying it. And it has proved fairly helpful in some recent training I’ve given.

It’s horses for courses really…

]]> By: Nick http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/comment-page-1/#comment-39004 Nick Thu, 03 Jan 2008 22:04:44 +0000 http://www.90percentofeverything.com/2008/01/02/the-boxing-glove-wireframing-technique/#comment-39004 An interesting answer to a common problem, Harry. I'm definitely with you on the inclusive benefits of low-fi techniques like these and the need to focus on the higher level aspects of the design at these early stages, but I have to confess to being sceptical of the effects of constraints like paper size. My experience tends to be that 'sketching' is more of an attitude than a physical thing. Do you think that a different kind of 'sketch' would have a similar effect? I wonder, do people need to draw anything at all? What would happen if you asked participants/stakeholders to just write the purpose of the screen rather than draw it? (And have I just contradicted myself?) For an alternative to Sharpies you might like wireframing with the blood of your enemies ;) http://38thsignal.blogspot.com/2007/06/wireframing-with-blood-of-your-enemies.html An interesting answer to a common problem, Harry. I’m definitely with you on the inclusive benefits of low-fi techniques like these and the need to focus on the higher level aspects of the design at these early stages, but I have to confess to being sceptical of the effects of constraints like paper size. My experience tends to be that ’sketching’ is more of an attitude than a physical thing. Do you think that a different kind of ’sketch’ would have a similar effect? I wonder, do people need to draw anything at all? What would happen if you asked participants/stakeholders to just write the purpose of the screen rather than draw it? (And have I just contradicted myself?)

For an alternative to Sharpies you might like wireframing with the blood of your enemies ;)
http://38thsignal.blogspot.com/2007/06/wireframing-with-blood-of-your-enemies.html

]]>