Comments on: Web Design Process: A Focus On Wireframes & Layout

By: Advanced Webpage Design class « pinkpineapple85

Advanced Webpage Design class « pinkpineapple85 — Wed, 25 May 2011 22:38:47 +0000

[...] A focus on Wireframing and Layout [...]

By: Pete

Pete — Wed, 04 Feb 2009 13:38:55 +0000

Yeah good concise article about wireframes. We have a similar process – using Fireworks… in fact I only just made the switch from Photoshop. It is much better to use Fireworks for wireframing, and for page compositions. This works well with clients too. I mean, Photoshop is fantastic for lots of things, but I think not the best for Wireframing.

@Anna Ullrich: Axure is a great prototyping tool, maybe a bit clunky, and best used on larger budgets, when the clients want to see more paperwork and documentation of the various processes and decisions made by the developers/designers.

By: Aaron Weiche

Aaron Weiche — Wed, 08 Oct 2008 00:11:38 +0000

Thanks Stuart and glad to see ya stopping by again. I’ve had a few other people tell me how much they like fireworks. I hear you on the caffeine, Diet Coke is our office currency!

By: Stuart Atkinson

Stuart Atkinson — Tue, 07 Oct 2008 23:57:59 +0000

Cool post with some interesting step by step insight. It also illustrates well the difference between a wireframe and a concept.

Regarding tools for initial wireframing I personally find Fireworks an absolute breeze to use. The interface is super-easy and it’s great for getting those caffeine-fuelled info structures visualised without fuss

By: Twitter Link Round Up — crowdSPRING Blog

Twitter Link Round Up — crowdSPRING Blog — Mon, 06 Oct 2008 23:21:03 +0000

[...] Design (Creattica Daily) crowdSPRING Illustration Portfolio – Guerrillustration (crowdSPRING) Web Design Process: A Focus on Wireframes & Layout (Five Technology) Behind the Design: 5 Stories of Great Inspiration (Smashing Magazine) Typography [...]

By: Aaron Weiche

Aaron Weiche — Thu, 02 Oct 2008 18:20:02 +0000

Thanks for the compliments Kim. The strategy takes place during the initial meetings, discovery and proposal phases. Once the scope is agreed upon in the proposal, then we hit the wireframe step. Maybe I should have pointed out where this falls in the process better. It’s not first!

By: kim

kim — Thu, 02 Oct 2008 15:11:32 +0000

Great post! And blog! I was wondering why you don’t do the strategy and concepting before the wireframes and the interface design? Or do you?

By: Aaron Weiche

Aaron Weiche — Wed, 01 Oct 2008 19:36:15 +0000

Thanks flashcat – The poor user, so often forgotten. I’m a visual guy for learning and love examples so I try to put that into my posts as well. Thanks for weighing in!

By: flashcat7

flashcat7 — Wed, 01 Oct 2008 19:24:58 +0000

well done. Yes, #1 concern should always be the user. It’s good to see the wireframe coupled with the design side by side, too.

By: Aaron Weiche

Aaron Weiche — Wed, 01 Oct 2008 19:24:34 +0000

Hey Anna- Photoshop is our design tool of choice, but I know other use Fireworks and other programs. In writing this post I did come across some other paid, web based & downloadable services like what you’re talking about. Thanks for the comment.