Pros and Cons of Wireframing tools

8 Feb 2007 - 9:50am
7 years ago
35 replies
4793 reads
Kiesel, Jeffrey...
2007

Hi All,

My team is evaluating wireframing tools, and I would love to get some
feedback from this list. Things tend to be leaning towards Visio at the
moment. Being a designer, I'm not too thrilled at the idea of using
Visio. I don't have a lot of experience in wireframing large projects,
but it seem to me that Photoshop might be better.

What types of wireframing tools have you used on your projects, and what
were the pros and cons of using them?

Thanks,
~jeff
--------------------------------------------------------

If you are not an intended recipient of this e-mail, please notify the sender, delete it and do not read, act upon, print, disclose, copy, retain or redistribute it. Click here for important additional terms relating to this e-mail. http://www.ml.com/email_terms/
--------------------------------------------------------

Comments

8 Feb 2007 - 10:02am
Henrik Olsen
2006

Hi Jeffrey

You might learn something from two articles I wrote on using Visio and
Axure for prototyping:

Visio - the interaction designer's nail gun:
http://www.guuui.com/issues/01_06.php

Review of Axure RP Pro:
http://www.guuui.com/issues/02_06.php

I can say for sure that Photoshop is not a very effective
wireframing/prototyping tool - not even for experienced Photoshoppers.

--
Henrik Olsen
www.guuui.com - The interaction designer's coffee break

On 2/8/07, Kiesel, Jeffrey (User Experience) <Jeffrey_Kiesel at ml.com> wrote:
> Hi All,
>
> My team is evaluating wireframing tools, and I would love to get some
> feedback from this list. Things tend to be leaning towards Visio at the
> moment. Being a designer, I'm not too thrilled at the idea of using
> Visio. I don't have a lot of experience in wireframing large projects,
> but it seem to me that Photoshop might be better.
>
> What types of wireframing tools have you used on your projects, and what
> were the pros and cons of using them?
>
> Thanks,
> ~jeff

8 Feb 2007 - 10:02am
Stewart Dean
2004

Hi,

You'll get a lot of responses to this but having been forced to use many different tools I can say that, at the moment, there doesnt exist ANY wireframing tools, only diagram tools you can do wireframes in. There are many simulation tools out there but they tend to be somewhat perscriptive, I'm still trying to find one that is useful for my day to day job (just like I'm still after an IA aware CMS).

Tools I recommend:

Indesign (Multiple pages make this a usable application)
Visio (I know it's not idea but it does do the job quickly)
Flash (very useful for creating interactive prototypes)
Omnigraffle on Mac (when used in anger is no more or less usable than visio and is remarkably similair once you strip away some of it's quirky interface aspects)

Tools others have used I wouldnt recommend.

Photoshop (not multiple pages and the vector tools are fiddly)
Illustrator (again not muliple page despite workarounds I've seen with tiling)
Freehand (poor key commands make using this quickly impossible)
Powerpoint

That's my take based upon many years of freelancing and being under tight deadlines to produce work. One day a real wireframe/prototyping/production tool will exist for User Experience folks... or maybe it does and it's just keeping it's self hidden.

Stewart Dean

> Date: Thu, 8 Feb 2007 09:50:45 -0500> From: Jeffrey_Kiesel at ml.com> To: discuss at ixda.org> Subject: [IxDA Discuss] Pros and Cons of Wireframing tools> > Hi All,> > My team is evaluating wireframing tools, and I would love to get some> feedback from this list. Things tend to be leaning towards Visio at the> moment. Being a designer, I'm not too thrilled at the idea of using> Visio. I don't have a lot of experience in wireframing large projects,> but it seem to me that Photoshop might be better.> > What types of wireframing tools have you used on your projects, and what> were the pros and cons of using them?> > Thanks,> ~jeff> --------------------------------------------------------> > If you are not an intended recipient of this e-mail, please notify the sender, delete it and do not read, act upon, print, disclose, copy, retain or redistribute it. Click here for important additional terms relating to this e-mail. http://www.ml.com/email_terms/> --------------------------------------------------------> ________________________________________________________________> Welcome to the Interaction Design Association (IxDA)!> To post to this list ....... discuss at ixda.org> List Guidelines ............ http://listguide.ixda.org/> List Help .................. http://listhelp.ixda.org/> (Un)Subscription Options ... http://subscription-options.ixda.org/> Announcements List ......... http://subscribe-announce.ixda.org/> Questions .................. lists at ixda.org> Home ....................... http://ixda.org/> Resource Library ........... http://resources.ixda.org

8 Feb 2007 - 10:15am
Rob Nero
2005

Our team is going through the same process right now, to research
prototyping tools and conduct "proof of concepts" for each new tool.
Summary so far:

* Axure: This tool got us quite excited. It offers great functionality,
but unfortunately does easily support the designing of more complex web
applications. Our team mostly creates dhtml applications, and starting
to incorporate more Ajax patterns. We haven't done extensive testing of
this tool, but my initial research showed it to be quite difficult to
just show simple dhtml patterns we use heavily.

* Illustrator: Some on our team are more familiar with this program, and
will use it. It is useful at times when we are creating designs that
will be printed large, or need the scalability.

* Photoshop: Over the many years of designing, I have been able to
create a template for Photoshop that is perfect and quick for web
applications. I created layer folders of the many types of form
controls, widgets, and design patterns I use frequently. I can quickly
duplicate layers to add more of the controls, and not have any
restrictions in placement. Let me know if you want to see it.

* Visio: We still use Visio at times, but find that clients easily get
frustrated with the lack of fidelity. It has its place as a "quick 'n
dirty" tool for designing, but we typically move the designs to
Photoshop as soon as we have the time.

* iRise: We are currently researching this tool. Anyone have any
feedback?

Hope this helps!
Rob

This e-mail and any attachments may contain confidential information of Northwestern Mutual. If you are not the intended recipient of this message, be aware that any disclosure, copying, distribution or use of this e-mail and any attachments is prohibited. If you have received this e-mail in error, please notify Northwestern Mutual immediately by returning it to the sender and delete all copies from your system. Please be advised that communications received via the Northwestern Mutual Secure Message Center are secure. Communications that are not received via the Northwestern Mutual Secure Message Center may not be secure and could be observed by a third party. Thank you for your cooperation.

8 Feb 2007 - 10:15am
Dan Brown
2004

Jeff,
There's no one-size-fits-all answer. Ultimately, the best tool is the
tool you feel most comfortable with. At the same time, if you're
looking to adopt a new application for this purpose, you should ask
yourself about your requirements. Wireframes look different in
different organizations and each of us has a different style and
approach.

Last year I gave a talk on the ten decisions IAs need to make when
creating wireframes. Perhaps those decision points are a good start
for establishing your own requirements. Here are those ten decisions:

What is the purpose of the wireframes? (eg: requirements-gathering,
functional specification, etc)

How formal do the wireframes need to be?

At what fidelity do the wireframes need to be rendered?

How much of the interface do you need to show?

What level of detail do you need to document?

What kind of context are your presenting along-side the wireframe?

How will you deliver/present the wireframes?

What kind of collaboration are you expecting on the document?

Will your document require up-keep and maintenance?

Do you actually need wireframes at all?

Far be it for me to recommend a specific tool (Communicating Design,
my book on documentation is application-agnostic) but perhaps you can
dig into your own needs and zero-in on one that best suits your
approach.

Good luck!
-- Dan

On 2/8/07, Kiesel, Jeffrey (User Experience) <Jeffrey_Kiesel at ml.com> asked:

> What types of wireframing tools have you used on your projects, and what
> were the pros and cons of using them?

--
} work: eightshapes.com
} book: communicatingdesign.com
} blog: greenonions.com
} talk: +1 (301) 801-4850

8 Feb 2007 - 10:16am
Ari
2006

Visio is the gold-standard of wire framing tools. Omnigraffle Pro (if you're
Mac-based) is also pretty nice.

There's also Smart Draw (windows) and ConceptDraw Webwave (Mac and PC).

On 2/8/07, Stewart Dean <stew8dean at hotmail.com> wrote:
>
>
> Hi,
>
> You'll get a lot of responses to this but having been forced to use many
> different tools I can say that, at the moment, there doesnt exist ANY
> wireframing tools, only diagram tools you can do wireframes in. There are
> many simulation tools out there but they tend to be somewhat perscriptive,
> I'm still trying to find one that is useful for my day to day job (just like
> I'm still after an IA aware CMS).
>
> Tools I recommend:
>
> Indesign (Multiple pages make this a usable application)
> Visio (I know it's not idea but it does do the job quickly)
> Flash (very useful for creating interactive prototypes)
> Omnigraffle on Mac (when used in anger is no more or less usable than
> visio and is remarkably similair once you strip away some of it's quirky
> interface aspects)
>
> Tools others have used I wouldnt recommend.
>
> Photoshop (not multiple pages and the vector tools are fiddly)
> Illustrator (again not muliple page despite workarounds I've seen with
> tiling)
> Freehand (poor key commands make using this quickly impossible)
> Powerpoint
>
> That's my take based upon many years of freelancing and being under tight
> deadlines to produce work. One day a real wireframe/prototyping/production
> tool will exist for User Experience folks... or maybe it does and it's
> just keeping it's self hidden.
>
> Stewart Dean
>
>
> > Date: Thu, 8 Feb 2007 09:50:45 -0500> From: Jeffrey_Kiesel at ml.com> To:
> discuss at ixda.org> Subject: [IxDA Discuss] Pros and Cons of Wireframing
> tools> > Hi All,> > My team is evaluating wireframing tools, and I would
> love to get some> feedback from this list. Things tend to be leaning towards
> Visio at the> moment. Being a designer, I'm not too thrilled at the idea of
> using> Visio. I don't have a lot of experience in wireframing large
> projects,> but it seem to me that Photoshop might be better.> > What types
> of wireframing tools have you used on your projects, and what> were the pros
> and cons of using them?> > Thanks,> ~jeff>
> --------------------------------------------------------> > If you are not
> an intended recipient of this e-mail, please notify the sender, delete it
> and do not read, act upon, print, disclose, copy, retain or redistribute it.
> Click here for important additional terms relating to this e-mail.
> http://www.ml.com/email_terms/>
> -------------------------------------------------------->
> ________________________________________________________________> Welcome to
> the Interaction Design Association (IxDA)!> To post to this list .......
> discuss at ixda.org> List Guidelines ............ http://listguide.ixda.org/>
> List Help .................. http://listhelp.ixda.org/> (Un)Subscription
> Options ... http://subscription-options.ixda.org/> Announcements List
> ......... http://subscribe-announce.ixda.org/> Questions
> .................. lists at ixda.org> Home .......................
> http://ixda.org/> Resource Library ........... http://resources.ixda.org
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
----------------------------------------------------------------
http://www.flyingyogi.com

8 Feb 2007 - 10:18am
Ari
2006

Have you used Axure's dynamic panel functionality? this, in effect, allows
you to emulate many 'dynamic' features from popups to modal dialogs and
other effects.

That being said, this features does take a lot of work to set up for complex
interactions and the current state of managing the various dynamic panels is
a bear.

On 2/8/07, robertnero at northwesternmutual.com <
robertnero at northwesternmutual.com> wrote:
>
> Our team is going through the same process right now, to research
> prototyping tools and conduct "proof of concepts" for each new tool.
> Summary so far:
>
> * Axure: This tool got us quite excited. It offers great functionality,
> but unfortunately does easily support the designing of more complex web
> applications. Our team mostly creates dhtml applications, and starting
> to incorporate more Ajax patterns. We haven't done extensive testing of
> this tool, but my initial research showed it to be quite difficult to
> just show simple dhtml patterns we use heavily.
>
> * Illustrator: Some on our team are more familiar with this program, and
> will use it. It is useful at times when we are creating designs that
> will be printed large, or need the scalability.
>
> * Photoshop: Over the many years of designing, I have been able to
> create a template for Photoshop that is perfect and quick for web
> applications. I created layer folders of the many types of form
> controls, widgets, and design patterns I use frequently. I can quickly
> duplicate layers to add more of the controls, and not have any
> restrictions in placement. Let me know if you want to see it.
>
> * Visio: We still use Visio at times, but find that clients easily get
> frustrated with the lack of fidelity. It has its place as a "quick 'n
> dirty" tool for designing, but we typically move the designs to
> Photoshop as soon as we have the time.
>
> * iRise: We are currently researching this tool. Anyone have any
> feedback?
>
>
> Hope this helps!
> Rob
>
> This e-mail and any attachments may contain confidential information of
> Northwestern Mutual. If you are not the intended recipient of this message,
> be aware that any disclosure, copying, distribution or use of this e-mail
> and any attachments is prohibited. If you have received this e-mail in
> error, please notify Northwestern Mutual immediately by returning it to the
> sender and delete all copies from your system. Please be advised that
> communications received via the Northwestern Mutual Secure Message Center
> are secure. Communications that are not received via the Northwestern Mutual
> Secure Message Center may not be secure and could be observed by a third
> party. Thank you for your cooperation.
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
----------------------------------------------------------------
http://www.flyingyogi.com

8 Feb 2007 - 10:19am
Bill Bulman
2006

Jeff,

If you are a designer, I figure you probably have some familiarity
with Illustrator. We use a combination of Illustrator and Indesign
for our wireframing, which works quite well in my opinion.
Illustrator allows us to create pixel perfect wireframes that are
elegant and beautiful, while being easy to update(which is incredibly
important). We incorporate those wireframes into an Indesign document
that allows us to add behavior notes to the wireframes. It works
quite well for us, and even those on the team that are less design
focused picked up Illustrator and Indesign in a matter of hours. But
like Dan said, one size definitely does not fit all!

My biz partner Todd Warfel wrote an article on UXMatters about our
process, that may explain our process further: http://
www.uxmatters.com/MT/archives/000161.php

WIth that said, I think you need to look at who the wireframe's
audience is. This is important as this will help you decide on how
refined the wireframes need to be, which will help you narrow down
your tool decision. As a consulting firm, our wireframes are used by
the client team, typically product management, as we as a development
team, and design team, so we have to meet the various needs of all
these audiences. So we need elements like extremely detailed behavior
notes, pattern library elements, etc. In some cases in the past,
when I was in the corporate world, I have only needed to create
screens to be passed to a designer, who didn't need detailed behavior
specifications, so I used visio, omnigraffle, or fireworks, whichever
was easiest and quickest for the task. So I think you need to look
at the end needs to decide which tool to use.

You also mentioned wireframing large projects, which is something we
do quite often. It can be tedious and confusing working on extremely
large wireframing efforts. I recommend adopting some sort of version
control, as well as using a pattern library as these will speed up
your wireframe maintenance efforts considerably.

Bill Bulman
Partner
Messagefirst, Inc.
--------------------------------------
p 215.825.7423
c 610.812.0840
f 215.825.7425
e bill at messagefirst.com
w messagefirst.com
billbulman.com
--------------------------------------
Making information usable.
Beautifully.

On Feb 8, 2007, at 9:50 AM, Kiesel, Jeffrey (User Experience) wrote:

> Hi All,
>
> My team is evaluating wireframing tools, and I would love to get some
> feedback from this list. Things tend to be leaning towards Visio
> at the
> moment. Being a designer, I'm not too thrilled at the idea of using
> Visio. I don't have a lot of experience in wireframing large
> projects,
> but it seem to me that Photoshop might be better.
>
> What types of wireframing tools have you used on your projects, and
> what
> were the pros and cons of using them?
>
> Thanks,
> ~jeff
> --------------------------------------------------------
>
> If you are not an intended recipient of this e-mail, please notify
> the sender, delete it and do not read, act upon, print, disclose,
> copy, retain or redistribute it. Click here for important
> additional terms relating to this e-mail. http://www.ml.com/
> email_terms/
> --------------------------------------------------------
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org

8 Feb 2007 - 12:12pm
markhhoff@earth...
2006

I¹ve found Canvas by ACD Software a good compromise. It¹s easier to learn
than Illustrator and InDesign, has Photoshop-like layers and a link panel,
plus it makes it easy to export the document as HTML or as a clicakable PDF.
There was quite a discussion of wireframing at Web Directions North in Kelly
Goto¹s workshop. Everything from PowerPoint to Axure.

Mark

8 Feb 2007 - 12:29pm
George Schneiderman
2004

It is a somewhat unconventional choice, but for printable high-fidelity wireframes, I have become very fond of Adobe InDesign.

By "printable", I am referring to the fact that although InDesign can produce interactive PDFs to some extent, its capabilities there are pretty limited.

By high-fidelity, I mean wireframes at the level of detail where they can be turned over to a graphic designer for final visual design, and to a programmer for coding (along with whatever level of additional specification is required). And also used as the basis of conversations with customers and end users, including end users who may not be terribly savvy about interpreting wireframes that are at a higher level (i.e., more abstract and conceptual). If you want to draw a continuum between "pure" wireframes that aspire to be "design free" (call this point 0) and production prototypes (call this point 1), I am talking about documents in the range of, let's say, .5 to .8.) (And for wireframes representing things like navigation and site maps, Visio is certainly a better choice.)

One of the things that I really like about InDesign is that it has very powerful tools for Table management, including the ability to integrate graphical elements into tables very smoothly and with lots of control. For the sort of web and handheld application work that I have been doing recently, this is just incredibly useful. I used to end up dong a certain amount of this work in Word, and can't imagine going back. While one could use a tool that actually produces HTML tables (e.g., Dreamweaver), I much prefer a tool that really facilitates annotation--InDesign lets me easily cover a table with arrows pointing to specific widgets and text boxes explaining the desired behavior. Compared to a lot of other tools, I find that it is especially easy to iterate with InDesign--that I can turn around changes very quickly.

The drawing tools are less powerful than Illustrator or Photoshop, but much better than Visio, and let me quickly produce, e.g., placeholder icons that get the idea across quite easily. It is good for managing longish documents that have a bunch of different wireframes, and for adding extensive annotations to them. And it has quite powerful tools for templating, so that you can create, e.g., templates for various navigational bars, combine them together as desired, apply them to specific pages of the document as desired, and then also customize them as needed on a page-by-page basis.

Like other Adobe CS products, it does have a bit of a learning curve, but not an unmanagable one. (And if you are already familiar with Illustrator or Photoshop, I imagine that it would be pretty easy to pick up InDesign.)

InDesign clearly wasn't designed with this sort of thing in mind; it is meant for doing production page layout for book and magazines. It doesn't have anything like a ready-made library of widgets. But it does have drawing tools that enable you to quite quickly sketch any widgets you can think of, and then add them to your own library. And while it has all sorts of production layout features that I never use and don't begin to understand (the "Bleed and Slug" menu, anyone?), I haven't found them to get in my way.

--George

-----Original Message-----
>From: "Kiesel, Jeffrey (User Experience)" <Jeffrey_Kiesel at ml.com>
>Sent: Feb 8, 2007 9:50 AM
>To: discuss at ixda.org
>Subject: [IxDA Discuss] Pros and Cons of Wireframing tools
>
>Hi All,
>
>My team is evaluating wireframing tools, and I would love to get some
>feedback from this list. Things tend to be leaning towards Visio at the
>moment. Being a designer, I'm not too thrilled at the idea of using
>Visio. I don't have a lot of experience in wireframing large projects,
>but it seem to me that Photoshop might be better.
>
>What types of wireframing tools have you used on your projects, and what
>were the pros and cons of using them?
>
>Thanks,
>~jeff
>--------------------------------------------------------
>
>If you are not an intended recipient of this e-mail, please notify the sender, delete it and do not read, act upon, print, disclose, copy, retain or redistribute it. Click here for important additional terms relating to this e-mail. http://www.ml.com/email_terms/
>--------------------------------------------------------
>________________________________________________________________
>Welcome to the Interaction Design Association (IxDA)!
>To post to this list ....... discuss at ixda.org
>List Guidelines ............ http://listguide.ixda.org/
>List Help .................. http://listhelp.ixda.org/
>(Un)Subscription Options ... http://subscription-options.ixda.org/
>Announcements List ......... http://subscribe-announce.ixda.org/
>Questions .................. lists at ixda.org
>Home ....................... http://ixda.org/
>Resource Library ........... http://resources.ixda.org

8 Feb 2007 - 12:42pm
Karin Kawamoto
2006

InDesign=pretty, but not good for iterative design (can't move boxes and
text easily at the same time)
Photoshop=prettier, , but not good for iterative design (can't move boxes
and text easily at the same time)
Visio=Functional and easier for shared work environments
Axure=Good if you need to prototype

Karin

On 2/8/07, George Schneiderman <schneidg at earthlink.net> wrote:
>
> It is a somewhat unconventional choice, but for printable high-fidelity
> wireframes, I have become very fond of Adobe InDesign.
>
> By "printable", I am referring to the fact that although InDesign can
> produce interactive PDFs to some extent, its capabilities there are pretty
> limited.
>
> By high-fidelity, I mean wireframes at the level of detail where they can
> be turned over to a graphic designer for final visual design, and to a
> programmer for coding (along with whatever level of additional specification
> is required). And also used as the basis of conversations with customers and
> end users, including end users who may not be terribly savvy about
> interpreting wireframes that are at a higher level (i.e., more abstract
> and conceptual). If you want to draw a continuum between "pure" wireframes
> that aspire to be "design free" (call this point 0) and production
> prototypes (call this point 1), I am talking about documents in the range
> of, let's say, .5 to .8.) (And for wireframes representing things like
> navigation and site maps, Visio is certainly a better choice.)
>
> One of the things that I really like about InDesign is that it has very
> powerful tools for Table management, including the ability to integrate
> graphical elements into tables very smoothly and with lots of control. For
> the sort of web and handheld application work that I have been doing
> recently, this is just incredibly useful. I used to end up dong a certain
> amount of this work in Word, and can't imagine going back. While one could
> use a tool that actually produces HTML tables (e.g., Dreamweaver), I much
> prefer a tool that really facilitates annotation--InDesign lets me easily
> cover a table with arrows pointing to specific widgets and text boxes
> explaining the desired behavior. Compared to a lot of other tools, I find
> that it is especially easy to iterate with InDesign--that I can turn around
> changes very quickly.
>
> The drawing tools are less powerful than Illustrator or Photoshop, but
> much better than Visio, and let me quickly produce, e.g., placeholder
> icons that get the idea across quite easily. It is good for managing
> longish documents that have a bunch of different wireframes, and for adding
> extensive annotations to them. And it has quite powerful tools for
> templating, so that you can create, e.g., templates for various
> navigational bars, combine them together as desired, apply them to specific
> pages of the document as desired, and then also customize them as needed on
> a page-by-page basis.
>
> Like other Adobe CS products, it does have a bit of a learning curve, but
> not an unmanagable one. (And if you are already familiar with Illustrator or
> Photoshop, I imagine that it would be pretty easy to pick up InDesign.)
>
> InDesign clearly wasn't designed with this sort of thing in mind; it is
> meant for doing production page layout for book and magazines. It doesn't
> have anything like a ready-made library of widgets. But it does have drawing
> tools that enable you to quite quickly sketch any widgets you can think of,
> and then add them to your own library. And while it has all sorts of
> production layout features that I never use and don't begin to understand
> (the "Bleed and Slug" menu, anyone?), I haven't found them to get in my way.
>
> --George
>
> -----Original Message-----
> >From: "Kiesel, Jeffrey (User Experience)" <Jeffrey_Kiesel at ml.com>
> >Sent: Feb 8, 2007 9:50 AM
> >To: discuss at ixda.org
> >Subject: [IxDA Discuss] Pros and Cons of Wireframing tools
> >
> >Hi All,
> >
> >My team is evaluating wireframing tools, and I would love to get some
> >feedback from this list. Things tend to be leaning towards Visio at the
> >moment. Being a designer, I'm not too thrilled at the idea of using
> >Visio. I don't have a lot of experience in wireframing large projects,
> >but it seem to me that Photoshop might be better.
> >
> >What types of wireframing tools have you used on your projects, and what
> >were the pros and cons of using them?
> >
> >Thanks,
> >~jeff
> >--------------------------------------------------------
> >
> >If you are not an intended recipient of this e-mail, please notify the
> sender, delete it and do not read, act upon, print, disclose, copy, retain
> or redistribute it. Click here for important additional terms relating to
> this e-mail. http://www.ml.com/email_terms/
> >--------------------------------------------------------
> >________________________________________________________________
> >Welcome to the Interaction Design Association (IxDA)!
> >To post to this list ....... discuss at ixda.org
> >List Guidelines ............ http://listguide.ixda.org/
> >List Help .................. http://listhelp.ixda.org/
> >(Un)Subscription Options ... http://subscription-options.ixda.org/
> >Announcements List ......... http://subscribe-announce.ixda.org/
> >Questions .................. lists at ixda.org
> >Home ....................... http://ixda.org/
> >Resource Library ........... http://resources.ixda.org
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

8 Feb 2007 - 1:48pm
Brett Williams
2006

There are many different techniques and tools to produce the
wireframe results you are looking for . . . because of my graphic
design/desktop publishing background I use a combination of
Photoshop, Illustrator and QuarkXPress (can substitute InDesign,
however I'm just more personally comfortable with Quark). I create
"template" graphics in Pshop of Illustrator (such as navigation) and
then put everything together in Quark. In Quark, you can use things
like Master Pages, Graphics Library (for buttons, text boxes,
pulldowns, etc.) and Style Sheets (the precursor to CSS) to whip out
multiple page wireframes very efficiently. Then, you can use the
powerful publishing capabilities to do textual specification. I do my
wireframes, as well as final UI and Functional Specifications using
this technique - export to PDF for electronic sharing and print and
bind a hard copy for sharing. Works great for me.

bw

Brett Williams
choicemeddata.com

On Feb 8, 2007, at 10:02 AM, Stewart Dean wrote:

>
> Hi,
>
> You'll get a lot of responses to this but having been forced to use
> many different tools I can say that, at the moment, there doesnt
> exist ANY wireframing tools, only diagram tools you can do
> wireframes in. There are many simulation tools out there but they
> tend to be somewhat perscriptive, I'm still trying to find one that
> is useful for my day to day job (just like I'm still after an IA
> aware CMS).
>
> Tools I recommend:
>
> Indesign (Multiple pages make this a usable application)
> Visio (I know it's not idea but it does do the job quickly)
> Flash (very useful for creating interactive prototypes)
> Omnigraffle on Mac (when used in anger is no more or less usable
> than visio and is remarkably similair once you strip away some of
> it's quirky interface aspects)
>
> Tools others have used I wouldnt recommend.
>
> Photoshop (not multiple pages and the vector tools are fiddly)
> Illustrator (again not muliple page despite workarounds I've seen
> with tiling)
> Freehand (poor key commands make using this quickly impossible)
> Powerpoint
>
> That's my take based upon many years of freelancing and being under
> tight deadlines to produce work. One day a real wireframe/
> prototyping/production tool will exist for User Experience
> folks... or maybe it does and it's just keeping it's self hidden.
>
> Stewart Dean
>
>
>> Date: Thu, 8 Feb 2007 09:50:45 -0500> From: Jeffrey_Kiesel at ml.com>
>> To: discuss at ixda.org> Subject: [IxDA Discuss] Pros and Cons of
>> Wireframing tools> > Hi All,> > My team is evaluating wireframing
>> tools, and I would love to get some> feedback from this list.
>> Things tend to be leaning towards Visio at the> moment. Being a
>> designer, I'm not too thrilled at the idea of using> Visio. I
>> don't have a lot of experience in wireframing large projects,> but
>> it seem to me that Photoshop might be better.> > What types of
>> wireframing tools have you used on your projects, and what> were
>> the pros and cons of using them?> > Thanks,> ~jeff>
>> --------------------------------------------------------> > If you
>> are not an intended recipient of this e-mail, please notify the
>> sender, delete it and do not read, act upon, print, disclose,
>> copy, retain or redistribute it. Click here for important
>> additional terms relating to this e-mail. http://www.ml.com/
>> email_terms/>
>> -------------------------------------------------------->
>> ________________________________________________________________>
>> Welcome to the Interaction Design Association (IxDA)!> To post to
>> this list ....... discuss at ixda.org> List Guidelines ............
>> http://listguide.ixda.org/> List Help .................. http://
>> listhelp.ixda.org/> (Un)Subscription Options ... http://
>> subscription-options.ixda.org/> Announcements List .........
>> http://subscribe-announce.ixda.org/> Questions ..................
>> lists at ixda.org> Home ....................... http://ixda.org/>
>> Resource Library ........... http://resources.ixda.org
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org

8 Feb 2007 - 1:53pm
milan
2005

hi!

> InDesign=pretty, but not good for iterative design (can't move boxes and
> text easily at the same time)

just group it once. then you can move it around together, and still edit
the text easily.

milan

8 Feb 2007 - 2:25pm
Nasir Barday
2006

I've been playing with the Microsoft Expression suite on and off since its
preview versions, and it looks promising. It's made of three tools: one for
Web for "web designers," Design for graphic designers, and Blend, targeted
at IxD. What I like about the Expression suite is it was designed from the
ground up with digital design in mind. Think Flash with stuff to make things
look polished and pretty fairly quickly.

I haven't used them for anything too serious yet, since they've been in Beta
this whole time. But now that Expression Web is fully baked and the others
are coming soon, I'm giving them another look.

- Nasir

8 Feb 2007 - 3:08pm
Robert Hoekman, Jr.
2005

> * Axure: This tool got us quite excited. It offers great functionality,
> but unfortunately does easily support the designing of more complex web
> applications. Our team mostly creates dhtml applications, and starting
> to incorporate more Ajax patterns. We haven't done extensive testing of
> this tool, but my initial research showed it to be quite difficult to
> just show simple dhtml patterns we use heavily.

Have you tried working with the Dynamic Panel widget in Axure? It can be a
tedious process, adding click handlers and such, but it's not really any
more tedious than using Flash's ActionScript editor to do similar things.

-r-

8 Feb 2007 - 1:49pm
Sharma, Amit (S...
1969

"What types of wireframing tools have you used on your projects, and what
were the pros and cons of using them?"

Hi Jeffrey,

It completely depends on your wireframing needs, simply as to what are you trying to accomplish? We use wireframing for refining workflows and capturing detailed user/business/page level requirements (we don't follow the use-case first and wireframing next approach).

MS Visio works great for us in our UE design environment.

Things to consider

- learning curve and level of expertise required to build low to medium fidelity wireframes.
MS Visio is a relatively simple tool to learn, a lot of metaphors/paradigms are similar to what's available on other Office suite tools (FYI, I have created wireframes using Visio for many "big" Enterprise Applications, 450-600 wireframes, and our Visio wireframes are very rich and qualify as medium fidelity :-))

- Distribution and Viewing wireframes. It becomes very important to know if your wireframes could be shared/viewed by other members (Project Management teams, development, Visual Design, etc) of the project team during wireframe review/detailed requirements gathering sessions.
MS Visio is a very common tool and organizations usually have multiple licenses. You can also download MS Visio Viewer for free (for viewing visio files) incase your project teams don't have a Visio license.

- Multiple pages in a single workflow
If you are creating scenario-based wireframes, Visio fits the bill as you can create multiple screens as tabs on the visio file (similar to excel worksheets)

If you are looking for more interactivity, then you should consider other tools like Axure (much cheaper than iRise).

Thanks,
Amit

--------------------------------------------------------

If you are not an intended recipient of this e-mail, please notify the sender, delete it and do not read, act upon, print, disclose, copy, retain or redistribute it. Click here for important additional terms relating to this e-mail. http://www.ml.com/email_terms/
--------------------------------------------------------
________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org
List Guidelines ............ http://listguide.ixda.org/
List Help .................. http://listhelp.ixda.org/
(Un)Subscription Options ... http://subscription-options.ixda.org/
Announcements List ......... http://subscribe-announce.ixda.org/
Questions .................. lists at ixda.org
Home ....................... http://ixda.org/
Resource Library ........... http://resources.ixda.org
Notice: All email and instant messages (including attachments) sent to
or from Franklin Templeton Investments (FTI) personnel may be retained,
monitored and/or reviewed by FTI and its agents, or authorized
law enforcement personnel, without further notice or consent.

8 Feb 2007 - 10:48am
Cindy Blue
2006

At a previous client site, the team was using Illustrator and InDesign,
much as Bill described it. I fell in love with two things about
Illustrator: 1) saving the files as .pdf (while preserving the editing
capabilities) allowed me to quickly send any screen to any team member
or stakeholder, and 2) easily scaling drawings. You can simply place
several screens (pdfs) into one master document and add some arrows and
notations to express the entire flow. Thanks to vectors, they are still
readable. Update any of the original files, and the flow is
automatically updated, too!

I used Visio for years, mostly because of the quick-and-dirty factor.
Lately I've used layers more, which make it so much easier to manage
multiple versions of screens, but it is still a bit cumbersome at times.

Bill said --

If you are a designer, I figure you probably have some familiarity
with Illustrator. We use a combination of Illustrator and Indesign
for our wireframing, which works quite well in my opinion.
Illustrator allows us to create pixel perfect wireframes that are
elegant and beautiful, while being easy to update(which is incredibly
important). We incorporate those wireframes into an Indesign document
that allows us to add behavior notes to the wireframes.

8 Feb 2007 - 3:30pm
Mark Bardsley
2006

I use Visio quite a bit. It can do most everything I have seen people
mention, especially the basic things like export to PDF, hyperlinked HTML
for medium fidelity prototypes, etc. As for layers you can easily use
multiple backgrounds, _document_ stencils, and so forth for the same effect.

- Mark

-----Original Message-----
From: discuss-bounces at lists.interactiondesigners.com
[mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of Cindy
Blue
Sent: Thursday, February 08, 2007 7:49 AM
To: Bill Bulman; Kiesel, Jeffrey (User Experience)
Cc: discuss at ixda.org
Subject: Re: [IxDA Discuss] Pros and Cons of Wireframing tools

At a previous client site, the team was using Illustrator and InDesign,
much as Bill described it. I fell in love with two things about
Illustrator: 1) saving the files as .pdf (while preserving the editing
capabilities) allowed me to quickly send any screen to any team member
or stakeholder, and 2) easily scaling drawings. You can simply place
several screens (pdfs) into one master document and add some arrows and
notations to express the entire flow. Thanks to vectors, they are still
readable. Update any of the original files, and the flow is
automatically updated, too!

I used Visio for years, mostly because of the quick-and-dirty factor.
Lately I've used layers more, which make it so much easier to manage
multiple versions of screens, but it is still a bit cumbersome at times.

Bill said --

If you are a designer, I figure you probably have some familiarity
with Illustrator. We use a combination of Illustrator and Indesign
for our wireframing, which works quite well in my opinion.
Illustrator allows us to create pixel perfect wireframes that are
elegant and beautiful, while being easy to update(which is incredibly
important). We incorporate those wireframes into an Indesign document
that allows us to add behavior notes to the wireframes.
________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org
List Guidelines ............ http://listguide.ixda.org/
List Help .................. http://listhelp.ixda.org/
(Un)Subscription Options ... http://subscription-options.ixda.org/
Announcements List ......... http://subscribe-announce.ixda.org/
Questions .................. lists at ixda.org
Home ....................... http://ixda.org/
Resource Library ........... http://resources.ixda.org

8 Feb 2007 - 3:39pm
Dennis Morrow
2006

For people that like using Visio, you may want to consider Intuitect
Professional http://www.intuitect.com/

It's an add-on for Visio and automates the creation process and adds a
lot of nice features:

* Drag-and-Drop Sitemaps
* Cascading Wireframe Updates
* Integrated Flowmaps
* One-Click High Fidelity Prototypes

________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org
List Guidelines ............ http://listguide.ixda.org/
List Help .................. http://listhelp.ixda.org/
(Un)Subscription Options ... http://subscription-options.ixda.org/
Announcements List ......... http://subscribe-announce.ixda.org/
Questions .................. lists at ixda.org
Home ....................... http://ixda.org/
Resource Library ........... http://resources.ixda.org

8 Feb 2007 - 3:50pm
Dan Brown
2004

As a follow-on to this conversation, I'd like to let everyone know
that I'm on the Visio Customer Council, a group of people invited by
Microsoft to serve as an expert user group to help improve the
product.

I'm going to pass along some of this feedback to them. The design
community is one that they are definitely looking to serve.

If anyone has specific feedback on how they'd like to see Visio
improved, I'd be happy to pass that along as well.

Note that I'm not compensated by Microsoft for this, and this email
does not constitute an implicit endorsement of Visio.

Thanks,
-- Dan

On 2/8/07, Dennis Morrow <dmorrow at webassociates.com> wrote:
> For people that like using Visio, you may want to consider Intuitect
> Professional http://www.intuitect.com/
>
> It's an add-on for Visio and automates the creation process and adds a
> lot of nice features:
>
> * Drag-and-Drop Sitemaps
> * Cascading Wireframe Updates
> * Integrated Flowmaps
> * One-Click High Fidelity Prototypes
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
} work: eightshapes.com
} book: communicatingdesign.com
} blog: greenonions.com
} talk: +1 (301) 801-4850

8 Feb 2007 - 4:05pm
Ari
2006

I agree with Amit. Visio is powerful but really large projects become
cumbersome to manage with Visio. Interactivity and generating any functional
documentation is where something like Axure comes in handy.

Ultimately, it boils down on using the right tool for the job - though some
of the tools mentioned in this thread overlap in some areas. You can dig a
deep hole with a spoon but using a shovel would be faster and easier.

On 2/8/07, Sharma, Amit (SMO)(Innova) <ASharma4 at frk.com> wrote:
>
> "What types of wireframing tools have you used on your projects, and what
> were the pros and cons of using them?"
>
> Hi Jeffrey,
>
> It completely depends on your wireframing needs, simply as to what are you
> trying to accomplish? We use wireframing for refining workflows and
> capturing detailed user/business/page level requirements (we don't follow
> the use-case first and wireframing next approach).
>
> MS Visio works great for us in our UE design environment.
>
> Things to consider
>
> - learning curve and level of expertise required to build low to medium
> fidelity wireframes.
> MS Visio is a relatively simple tool to learn, a lot of
> metaphors/paradigms are similar to what's available on other Office suite
> tools (FYI, I have created wireframes using Visio for many "big" Enterprise
> Applications, 450-600 wireframes, and our Visio wireframes are very rich and
> qualify as medium fidelity :-))
>
> - Distribution and Viewing wireframes. It becomes very important to know
> if your wireframes could be shared/viewed by other members (Project
> Management teams, development, Visual Design, etc) of the project team
> during wireframe review/detailed requirements gathering sessions.
> MS Visio is a very common tool and organizations usually have multiple
> licenses. You can also download MS Visio Viewer for free (for viewing visio
> files) incase your project teams don't have a Visio license.
>
> - Multiple pages in a single workflow
> If you are creating scenario-based wireframes, Visio fits the bill as you
> can create multiple screens as tabs on the visio file (similar to excel
> worksheets)
>
> If you are looking for more interactivity, then you should consider other
> tools like Axure (much cheaper than iRise).
>
> Thanks,
> Amit
>
> --------------------------------------------------------
>
> If you are not an intended recipient of this e-mail, please notify the
> sender, delete it and do not read, act upon, print, disclose, copy, retain
> or redistribute it. Click here for important additional terms relating to
> this e-mail. http://www.ml.com/email_terms/
> --------------------------------------------------------
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
> Notice: All email and instant messages (including attachments) sent to
> or from Franklin Templeton Investments (FTI) personnel may be retained,
> monitored and/or reviewed by FTI and its agents, or authorized
> law enforcement personnel, without further notice or consent.
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
----------------------------------------------------------------
http://www.flyingyogi.com

8 Feb 2007 - 4:12pm
Todd Warfel
2003

Take a look at my first article in a series on InDesign/Illustrator
over at UXMatters
http://www.uxmatters.com/MT/archives/000161.php

There's an overview/comparison of the cornerstone tools used, as well
as some things Dan already highlighted on deciding which tool is
right for your team. There is no "one size fits all."

As for iterative design, it's really about how you use the tools.
We've actually found that InDesign/Illustrator is great for iterative
design, but that has more to do with the patterned approach we take
than the actual tool itself. Some tools are better for iteration than
others. We've found InDesign/Illustrator better than any of the
others, even Visio and OmniGraffle. But with the right approach, you
can make iteration reasonably easy w/Visio, OmniGraffle, and InDesign/
Illustrator.

On Feb 8, 2007, at 12:42 PM, Karin Kawamoto wrote:

> InDesign=pretty, but not good for iterative design (can't move
> boxes and text easily at the same time) Photoshop=prettier, , but
> not good for iterative design (can't move boxes and text easily at
> the same time) Visio=Functional and easier for shared work
> environments Axure=Good if you need to prototype
>
> Karin

Cheers!

Todd Zaki Warfel
Partner, Design & Usability Specialist
Messagefirst | Designing Information. Beautifully.
----------------------------------
Contact Info
Voice: (215) 825-7423
Email: todd at messagefirst.com
AIM: twarfel at mac.com
Blog: http://toddwarfel.com
----------------------------------
In theory, theory and practice are the same.
In practice, they are not.

9 Feb 2007 - 6:21am
Adler
2006

it feels like having a wiki for people to describe each tool and its
pros&cons would be a great reference page for our community.

Any plans for a wiki integrated with the ixda website?

Adler

> There's an overview/comparison of the cornerstone tools used, as well
> as some things Dan already highlighted on deciding which tool is
> right for your team. There is no "one size fits all."

9 Feb 2007 - 6:27am
Adrian Howard
2005

On 9 Feb 2007, at 11:21, Pedro 'Adler' Jorge wrote:

> it feels like having a wiki for people to describe each tool and its
> pros&cons would be a great reference page for our community.
>
> Any plans for a wiki integrated with the ixda website?

In this particular instance

<http://www.iawiki.net/DiagrammingTools>

may be of use.

Cheers,

Adrian

9 Feb 2007 - 10:10am
Kiesel, Jeffrey...
2007

Wow, this has been some really useful feedback, thanks to all who chimed
in.

I'd like to throw one more tool out there - has anyone ever used Adobe
Fireworks for wireframing?? It seems to be a mix of high level pixel
and vector tools, it might work well...

-----Original Message-----
From: discuss-bounces at lists.interactiondesigners.com
[mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of
Adrian Howard
Sent: Friday, February 09, 2007 6:28 AM
To: discuss IxD
Subject: Re: [IxDA Discuss] Pros and Cons of Wireframing tools

On 9 Feb 2007, at 11:21, Pedro 'Adler' Jorge wrote:

> it feels like having a wiki for people to describe each tool and its
> pros&cons would be a great reference page for our community.
>
> Any plans for a wiki integrated with the ixda website?

In this particular instance

<http://www.iawiki.net/DiagrammingTools>

may be of use.

Cheers,

Adrian
________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org
List Guidelines ............ http://listguide.ixda.org/
List Help .................. http://listhelp.ixda.org/
(Un)Subscription Options ... http://subscription-options.ixda.org/
Announcements List ......... http://subscribe-announce.ixda.org/
Questions .................. lists at ixda.org
Home ....................... http://ixda.org/
Resource Library ........... http://resources.ixda.org
--------------------------------------------------------

If you are not an intended recipient of this e-mail, please notify the sender, delete it and do not read, act upon, print, disclose, copy, retain or redistribute it. Click here for important additional terms relating to this e-mail. http://www.ml.com/email_terms/
--------------------------------------------------------

15 Feb 2007 - 11:24am
Welie, Martijn van
2005

Hi Dan,

Cool! Here is my whishlist for Visio:

- Add a "copy page" function in the right-click menu of tabs. It already
contains "Insert" and "Delete" but not "Copy".
- Table of contents functionality would be nice
- It would be nice if I could insert a thumbnail of a page on another
page. That would help make cool flow diagrams easier.
- Support real UI widgets such as combo boxes so that when exported to
HTML they work as real combo boxes. Each element in the combo box must
be able to have a link so I can jump to other pages.
- A function "Paste as unformatted text" with keyboard shortcut.
- Paste elements always in the xy-pos of the original rather than
centered on the screen (or at least make this configurable)
- Add a function "Fit to window" that does it for all tabs.
- Let them fix the toolbars. If I create toolbars they disappear later
on or they are duplicated or ....I just don't get how it works...
- It would be great if shapes can become 'hierarchical'. For example, it
is now tedious to make menu's in wireframes. For each menu state I have
to make a shape but they all contain the same menu titles. If I change
one menu title I have to update all shape. But if shapes can be
hierarchical I could first create a single menu item and them use it to
create 1 entire menu state. If I then change the menu item all menu
state shapes would be updated.

Other than that it is nearly perfect for all my wireframing wishes....

Cheers,

Martijn van Welie

-----Original Message-----
From: discuss-bounces at lists.interactiondesigners.com
[mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of Dan
Brown
Sent: donderdag 8 februari 2007 21:51
To: discuss at ixda.org
Subject: Re: [IxDA Discuss] Pros and Cons of Wireframing tools

As a follow-on to this conversation, I'd like to let everyone know
that I'm on the Visio Customer Council, a group of people invited by
Microsoft to serve as an expert user group to help improve the
product.

I'm going to pass along some of this feedback to them. The design
community is one that they are definitely looking to serve.

If anyone has specific feedback on how they'd like to see Visio
improved, I'd be happy to pass that along as well.

Note that I'm not compensated by Microsoft for this, and this email
does not constitute an implicit endorsement of Visio.

Thanks,
-- Dan

On 2/8/07, Dennis Morrow <dmorrow at webassociates.com> wrote:
> For people that like using Visio, you may want to consider Intuitect
> Professional http://www.intuitect.com/
>
> It's an add-on for Visio and automates the creation process and adds a
> lot of nice features:
>
> * Drag-and-Drop Sitemaps
> * Cascading Wireframe Updates
> * Integrated Flowmaps
> * One-Click High Fidelity Prototypes
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
} work: eightshapes.com
} book: communicatingdesign.com
} blog: greenonions.com
} talk: +1 (301) 801-4850
________________________________________________________________
Welcome to the Interaction Design Association (IxDA)!
To post to this list ....... discuss at ixda.org
List Guidelines ............ http://listguide.ixda.org/
List Help .................. http://listhelp.ixda.org/
(Un)Subscription Options ... http://subscription-options.ixda.org/
Announcements List ......... http://subscribe-announce.ixda.org/
Questions .................. lists at ixda.org
Home ....................... http://ixda.org/
Resource Library ........... http://resources.ixda.org

15 Feb 2007 - 11:52am
Gustavo Gawry
2006

Does anyone have tried the Intuitec visio add on?

On 2/15/07, Welie, Martijn van <martijn.van.welie em satama.com> wrote:
>
> Hi Dan,
>
> Cool! Here is my whishlist for Visio:
>
> - Add a "copy page" function in the right-click menu of tabs. It already
> contains "Insert" and "Delete" but not "Copy".
> - Table of contents functionality would be nice
> - It would be nice if I could insert a thumbnail of a page on another
> page. That would help make cool flow diagrams easier.
> - Support real UI widgets such as combo boxes so that when exported to
> HTML they work as real combo boxes. Each element in the combo box must
> be able to have a link so I can jump to other pages.
> - A function "Paste as unformatted text" with keyboard shortcut.
> - Paste elements always in the xy-pos of the original rather than
> centered on the screen (or at least make this configurable)
> - Add a function "Fit to window" that does it for all tabs.
> - Let them fix the toolbars. If I create toolbars they disappear later
> on or they are duplicated or ....I just don't get how it works...
> - It would be great if shapes can become 'hierarchical'. For example, it
> is now tedious to make menu's in wireframes. For each menu state I have
> to make a shape but they all contain the same menu titles. If I change
> one menu title I have to update all shape. But if shapes can be
> hierarchical I could first create a single menu item and them use it to
> create 1 entire menu state. If I then change the menu item all menu
> state shapes would be updated.
>
> Other than that it is nearly perfect for all my wireframing wishes....
>
> Cheers,
>
> Martijn van Welie
>
> -----Original Message-----
> From: discuss-bounces em lists.interactiondesigners.com
> [mailto:discuss-bounces em lists.interactiondesigners.com] On Behalf Of Dan
> Brown
> Sent: donderdag 8 februari 2007 21:51
> To: discuss em ixda.org
> Subject: Re: [IxDA Discuss] Pros and Cons of Wireframing tools
>
> As a follow-on to this conversation, I'd like to let everyone know
> that I'm on the Visio Customer Council, a group of people invited by
> Microsoft to serve as an expert user group to help improve the
> product.
>
> I'm going to pass along some of this feedback to them. The design
> community is one that they are definitely looking to serve.
>
> If anyone has specific feedback on how they'd like to see Visio
> improved, I'd be happy to pass that along as well.
>
> Note that I'm not compensated by Microsoft for this, and this email
> does not constitute an implicit endorsement of Visio.
>
> Thanks,
> -- Dan
>
> On 2/8/07, Dennis Morrow <dmorrow em webassociates.com> wrote:
> > For people that like using Visio, you may want to consider Intuitect
> > Professional http://www.intuitect.com/
> >
> > It's an add-on for Visio and automates the creation process and adds a
> > lot of nice features:
> >
> > * Drag-and-Drop Sitemaps
> > * Cascading Wireframe Updates
> > * Integrated Flowmaps
> > * One-Click High Fidelity Prototypes
> >
> > ________________________________________________________________
> > Welcome to the Interaction Design Association (IxDA)!
> > To post to this list ....... discuss em ixda.org
> > List Guidelines ............ http://listguide.ixda.org/
> > List Help .................. http://listhelp.ixda.org/
> > (Un)Subscription Options ... http://subscription-options.ixda.org/
> > Announcements List ......... http://subscribe-announce.ixda.org/
> > Questions .................. lists em ixda.org
> > Home ....................... http://ixda.org/
> > Resource Library ........... http://resources.ixda.org
> > ________________________________________________________________
> > Welcome to the Interaction Design Association (IxDA)!
> > To post to this list ....... discuss em ixda.org
> > List Guidelines ............ http://listguide.ixda.org/
> > List Help .................. http://listhelp.ixda.org/
> > (Un)Subscription Options ... http://subscription-options.ixda.org/
> > Announcements List ......... http://subscribe-announce.ixda.org/
> > Questions .................. lists em ixda.org
> > Home ....................... http://ixda.org/
> > Resource Library ........... http://resources.ixda.org
> >
>
>
> --
> } work: eightshapes.com
> } book: communicatingdesign.com
> } blog: greenonions.com
> } talk: +1 (301) 801-4850
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss em ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists em ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss em ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists em ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

--
Gustavo Gawry
Designer de interação / Arquiteto de informação
www.gawry.com

15 Feb 2007 - 12:10pm
Ari
2006

please enlighten. what does the Intuitec visio add on do?

----------------------------------------------------------------
http://www.flyingyogi.com

15 Feb 2007 - 12:16pm
Gustavo Gawry
2006

Check their website first
http://www.intuitect.com/

I haven't tested yet but i looks to be an addon to empower Visio prototyping
functionalities...

On 2/15/07, Ari Feldman <ari1970 em gmail.com> wrote:
>
> please enlighten. what does the Intuitec visio add on do?
>
>
> ----------------------------------------------------------------
> http://www.flyingyogi.com

--
Gustavo Gawry
Designer de interação / Arquiteto de informação
www.gawry.com

15 Feb 2007 - 12:18pm
Gustavo Gawry
2006

Sorry my awfull english... i mean it.. to improve Visio prototyping
functionalities...
:-P

On 2/15/07, Gustavo Gawry <gustavogawry em gmail.com> wrote:
>
> Check their website first
> http://www.intuitect.com/
>
> I haven't tested yet but i looks to be an addon to empower Visio
> prototyping functionalities...
>
> On 2/15/07, Ari Feldman < ari1970 em gmail.com> wrote:
> >
> > please enlighten. what does the Intuitec visio add on do?
> >
> >
> > ----------------------------------------------------------------
> > http://www.flyingyogi.com
>
>
>
>
> --
> Gustavo Gawry
> Designer de interação / Arquiteto de informação
> www.gawry.com
>

--
Gustavo Gawry
Designer de interação / Arquiteto de informação
www.gawry.com

15 Feb 2007 - 12:30pm
Ari
2006

Their download is currently causing me problems but the overview pages make
it look a lot like Axure. It looks interesting but it costs almost as much
as Axure by itself + the cost of Visio.

and it doesn't generate functional specs!

On 2/15/07, Gustavo Gawry <gustavogawry at gmail.com> wrote:
>
> Check their website first
> http://www.intuitect.com/
>
> I haven't tested yet but i looks to be an addon to empower Visio
> prototyping functionalities...
>
> On 2/15/07, Ari Feldman < ari1970 at gmail.com> wrote:
> >
> > please enlighten. what does the Intuitec visio add on do?
> >
> >
> > ----------------------------------------------------------------
> > http://www.flyingyogi.com
>
>
>
>
> --
> Gustavo Gawry
> Designer de interação / Arquiteto de informação
> www.gawry.com
>

--
----------------------------------------------------------------
http://www.flyingyogi.com

15 Feb 2007 - 2:11pm
Fred Leise
2006

I would like to point out that Intuitect Professional allows complete
documentation of all functional specifications through its complete
properties export functionality.

Fred Leise
Vice President, Methodology and Product Strategy
Intuitect
fredleise at intuitect.com
o: 303.247.9000
c: 773.791.2849

Ari Feldman wrote:
> Their download is currently causing me problems but the overview pages make
> it look a lot like Axure. It looks interesting but it costs almost as much
> as Axure by itself + the cost of Visio.
>
> and it doesn't generate functional specs!
>
>
> On 2/15/07, Gustavo Gawry <gustavogawry at gmail.com> wrote:
>
>> Check their website first
>> http://www.intuitect.com/
>>
>> I haven't tested yet but i looks to be an addon to empower Visio
>> prototyping functionalities...
>>
>> On 2/15/07, Ari Feldman < ari1970 at gmail.com> wrote:
>>
>>> please enlighten. what does the Intuitec visio add on do?
>>>
>>>
>>> ----------------------------------------------------------------
>>> http://www.flyingyogi.com
>>>

15 Feb 2007 - 2:39pm
Ari
2006

ok great. good to know. will evalute it.

On 2/15/07, Fred Leise <fred.leise at intuitect.com> wrote:
>
> I would like to point out that Intuitect Professional allows complete
> documentation of all functional specifications through its complete
> properties export functionality.
>
> Fred Leise
> Vice President, Methodology and Product Strategy
> Intuitect
> fredleise at intuitect.com
> o: 303.247.9000
> c: 773.791.2849
>
>
>
> Ari Feldman wrote:
> > Their download is currently causing me problems but the overview pages
> make
> > it look a lot like Axure. It looks interesting but it costs almost as
> much
> > as Axure by itself + the cost of Visio.
> >
> > and it doesn't generate functional specs!
> >
> >
> > On 2/15/07, Gustavo Gawry <gustavogawry at gmail.com> wrote:
> >
> >> Check their website first
> >> http://www.intuitect.com/
> >>
> >> I haven't tested yet but i looks to be an addon to empower Visio
> >> prototyping functionalities...
> >>
> >> On 2/15/07, Ari Feldman < ari1970 at gmail.com> wrote:
> >>
> >>> please enlighten. what does the Intuitec visio add on do?
> >>>
> >>>
> >>> ----------------------------------------------------------------
> >>> http://www.flyingyogi.com
> >>>
>

--
----------------------------------------------------------------
http://www.flyingyogi.com

15 Feb 2007 - 10:56pm
Bob Goodman
2007

Hi, Dan.

Thanks for opening the floor to Visio feedback. Two quick Visio enhancement ideas from a long-time user:

> Fix the layers interface. It's confounding. The layers palette
should be more like the approach in Macromedia and Adobe products (Photoshop,
Fireworks, Illustrator, etc.), and allow full layer management, grouping
and ungrouping in the palette, etc.

> Import additional formats, (MS claims to be more amenable to the idea these days, or so I read....) with a wider range of formats (chiefly AI and Fireworks PNGs) and fix the buggy implementation of SVG importing.

Best regards,

Bob

--
bobgoodman.net, inc.
user experience consulting
http://www.bobgoodman.net
blog: http://www.uxculture.com

----Original Message-----
From: discuss-bounces at lists.interactiondesigners.com
[mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of Dan
Brown
Sent: donderdag 8 februari 2007 21:51
To: discuss at ixda.org
Subject: Re: [IxDA Discuss] Pros and Cons of Wireframing tools

As a follow-on to this conversation, I'd like to let everyone know
that I'm on the Visio Customer Council, a group of people invited by
Microsoft to serve as an expert user group to help improve the
product.

I'm going to pass along some of this feedback to them. The design
community is one that they are definitely looking to serve.

If anyone has specific feedback on how they'd like to see Visio
improved, I'd be happy to pass that along as well.

Note that I'm not compensated by Microsoft for this, and this email
does not constitute an implicit endorsement of Visio.

Thanks,
-- Dan

16 Feb 2007 - 10:50am
mtumi
2004

I have used Fireworks quite a bit for wireframing, and I think it is
an excellent tool and due to get better.

I am actually just about to publish an article on the plusses of
using FW as a wireframing tool - I'll send it your way when it's up.

Michael

On Feb 9, 2007, at 10:10 AM, Kiesel, Jeffrey (User Experience) wrote:

> Wow, this has been some really useful feedback, thanks to all who
> chimed
> in.
>
> I'd like to throw one more tool out there - has anyone ever used Adobe
> Fireworks for wireframing?? It seems to be a mix of high level pixel
> and vector tools, it might work well...
>
>
>
> -----Original Message-----
> From: discuss-bounces at lists.interactiondesigners.com
> [mailto:discuss-bounces at lists.interactiondesigners.com] On Behalf Of
> Adrian Howard
> Sent: Friday, February 09, 2007 6:28 AM
> To: discuss IxD
> Subject: Re: [IxDA Discuss] Pros and Cons of Wireframing tools
>
>
>
> On 9 Feb 2007, at 11:21, Pedro 'Adler' Jorge wrote:
>
>> it feels like having a wiki for people to describe each tool and its
>> pros&cons would be a great reference page for our community.
>>
>> Any plans for a wiki integrated with the ixda website?
>
> In this particular instance
>
> <http://www.iawiki.net/DiagrammingTools>
>
> may be of use.
>
> Cheers,
>
> Adrian
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
> --------------------------------------------------------
>
> If you are not an intended recipient of this e-mail, please notify
> the sender, delete it and do not read, act upon, print, disclose,
> copy, retain or redistribute it. Click here for important
> additional terms relating to this e-mail. http://www.ml.com/
> email_terms/
> --------------------------------------------------------
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org

16 Feb 2007 - 1:11pm
Pawson, Mark
2007

Hi,

I have just discovered Axure Pro and I am quite impressed. If it had
more IF/THAN Else logic and ability to assign variable values on widgets
rather than just on Page load it would be unreal. Ok, and add in a few
more widgets like menus and std Windows controls ( Cut Copy Paste)
etc... I was a little chagrined that once again the world seems to think
that there is only web development out there so it is a little weak for
the controls I need to replicate our high end thick desktop apps. That
being said, they provide EXCELLENT support and I am learning tricks to
work around its limitations. Primarily the use of incorporating bitmaps
of our apps and then using Axure Image Regions to make the bit map image
clickable. Personally, I find $538 a licence cheap. But that's because I
am a non developer in a shop that keeps bugging me to just use the
developers tools like Visual Studio where the price is >$2000.00 for one
MSDN licence to use something that I just struggle with.

I have found it to be superior to Fireworks and Visio in ease of use,
ability to make click through wireframes and resizing controls. On the
latter I always found with Fireworks that I could make a control like a
scrollbar a certain size and it would be perfect until I wanted to reuse
that control in a smaller or larger window. There was no auto scaling
when resizing the control and I would have to ungroup the control and
resize the arrows, and rectangles ,and adjust the shading individually
to recreate the scrollbar.

And I'll admit that Visio just left me in a stupor.....

Mark Pawson
IHS
Energy

39Flr, PetroCanada West Tower
150 - 6 Ave. SW
Calgary, AB T2P 3Y7

Direct: (403) 770-4518

mark.pawson at ihs.com
www.ihs.com/energy/

Confidentiality Notice: The information in this e-mail may be
confidential and / or privileged. This e-mail is intended to be reviewed
by only the individual or organization named in the e-mail address. If
you are not the intended recipient, you are hereby notified that any
review, dissemination or copying of this e-mail and attachments, if any,
or the information contained herein, is strictly prohibited.

Syndicate content Get the feed