What do you use to make HTML wireframes (X-POST)
1 Sep 2005 - 12:46pm
9 replies
2836 reads
Austin Govella
2004
I'm conducting some tests: creating wireframes using different
softwares and technologies.
To make sure I'm being comprehensive, if you make HTML wireframes, how
do you make them?
--
Austin Govella
Thinking & Making: IA, UX, and IxD
http://thinkingandmaking.com
austin.govella at gmail.com
Get the feed
Comments
On Sep 1, 2005, at 10:46 AM, Austin Govella wrote:
> if you make HTML wireframes, how
> do you make them?
>
Dreamweaver templates are the way to go. There's even a dreamweaver
wireframing extension:
http://www.macromedia.com/cfusion/exchange/index.cfm?
view=sn121&extID=51463
Dan
I use Amaya.
--
Juan Lanus
I have only used Microsoft Visio for once but it seems quite easy to create
wireframe templates.
You can link pages you create by using the ready-made interface objects
and export them as web pages. It has also layering functionality too.
atike dicle pekel
On 9/2/05, Juan Lanus <juan.lanus at gmail.com> wrote:
> [Please voluntarily trim replies to include only relevant quoted material.]
>
> I use Amaya.
> --
> Juan Lanus
> _______________________________________________
> Welcome to the Interaction Design Group!
> To post to this list ....... discuss at ixdg.org
> (Un)Subscription Options ... http://discuss.ixdg.org/
> Announcements List ......... http://subscribe-announce.ixdg.org/
> Questions .................. lists at ixdg.org
> Home ....................... http://ixdg.org/
>
--
(*_*)
Notepad.
---
Erika Orrick
erika at orrickweb.com
-----Original Message-----
From: discuss-interactiondesigners.com-bounces at lists.interactiondesigners.com on behalf of Austin Govella
Sent: Thu 9/1/2005 1:00 PM
To: ixd-discussion
Subject: [ID Discuss] What do you use to make HTML wireframes (X-POST)
[Please voluntarily trim replies to include only relevant quoted material.]
I'm conducting some tests: creating wireframes using different
softwares and technologies.
To make sure I'm being comprehensive, if you make HTML wireframes, how
do you make them?
--
Austin Govella
Thinking & Making: IA, UX, and IxD
http://thinkingandmaking.com
austin.govella at gmail.com
_______________________________________________
Welcome to the Interaction Design Group!
To post to this list ....... discuss at ixdg.org
(Un)Subscription Options ... http://discuss.ixdg.org/
Announcements List ......... http://subscribe-announce.ixdg.org/
Questions .................. lists at ixdg.org
Home ....................... http://ixdg.org/
i see all you guys talking about Visio quite a lot in this forum, but i
really thing its about knowing what you need to do and how its done right -
so i think tools like Illustrator from adobe can also give you some really
amazing results . . . it also helps in the transmission from a basic
prototype to a high fidelity prototype rapidly and this cut's down
production time drastically -
- Jerry
-----Original Message-----
From:
discuss-interactiondesigners.com-bounces at lists.interactiondesigners.com
[mailto:discuss-interactiondesigners.com-bounces at lists.interactiondesign
ers.com]On Behalf Of atike pekel
Sent: Friday, September 02, 2005 4:42 PM
To: ixd-discussion
Subject: Re: [ID Discuss] What do you use to make HTML wireframes
(X-POST)
[Please voluntarily trim replies to include only relevant quoted material.]
I have only used Microsoft Visio for once but it seems quite easy to create
wireframe templates.
You can link pages you create by using the ready-made interface objects
and export them as web pages. It has also layering functionality too.
atike dicle pekel
On 9/2/05, Juan Lanus <juan.lanus at gmail.com> wrote:
> [Please voluntarily trim replies to include only relevant quoted
material.]
>
> I use Amaya.
> --
> Juan Lanus
> _______________________________________________
> Welcome to the Interaction Design Group!
> To post to this list ....... discuss at ixdg.org
> (Un)Subscription Options ... http://discuss.ixdg.org/
> Announcements List ......... http://subscribe-announce.ixdg.org/
> Questions .................. lists at ixdg.org
> Home ....................... http://ixdg.org/
>
--
(*_*)
_______________________________________________
Welcome to the Interaction Design Group!
To post to this list ....... discuss at ixdg.org
(Un)Subscription Options ... http://discuss.ixdg.org/
Announcements List ......... http://subscribe-announce.ixdg.org/
Questions .................. lists at ixdg.org
Home ....................... http://ixdg.org/
For functional wireframes:
Text editors. With WYSIWYG editors the code tends not be as clean. I
haven't used them in a while, so I may be off on this, but they never
wrote semantically correct html in the past and I don't know of any
that use css instead of tables for positioning. That said, I don't
know my WYSIWYG editors that well so please correct me if I'm wrong,
if they are getting better about those issues I'd be interested in
revisiting.
Visual Wireframes:
OmniGraffle (mac). Will sometimes use keynote and export to QTi movie
- depending on the audience.
On 9/1/05, Austin Govella <austin.govella at gmail.com> wrote:
> [Please voluntarily trim replies to include only relevant quoted material.]
>
> I'm conducting some tests: creating wireframes using different
> softwares and technologies.
>
> To make sure I'm being comprehensive, if you make HTML wireframes, how
> do you make them?
>
>
>
> --
> Austin Govella
> Thinking & Making: IA, UX, and IxD
> http://thinkingandmaking.com
> austin.govella at gmail.com
> _______________________________________________
> Welcome to the Interaction Design Group!
> To post to this list ....... discuss at ixdg.org
> (Un)Subscription Options ... http://discuss.ixdg.org/
> Announcements List ......... http://subscribe-announce.ixdg.org/
> Questions .................. lists at ixdg.org
> Home ....................... http://ixdg.org/
>
On Sep 2, 2005, at 10:31 AM, Dwayne King wrote:
> Text editors. With WYSIWYG editors the code tends not be as clean.
> I haven't used them in a while [...] That said, I don't know my
> WYSIWYG editors that well so please correct me if I'm wrong, if
> they are getting better about those issues I'd be interested in
> revisiting.
Actually, DW does a pretty good job at keeping the code clean, even
in CSS layout mode. It's not as tight as hand-coding, however, I've
seen some hand-coding that's worse than DW.
Additionally, the next release of DW looks really promising: http://
www.macromedia.com/software/dreamweaver/
Cheers!
Todd R. Warfel
Design & Usability Specialist
--------------------------------------
Contact Info
Email: twarfel at mac.com
AIM: twarfel at mac.com
Blog: http://toddwarfel.com
--------------------------------------
We use Adobe Indesgin to make site wireframes. Its pretty good.
On 9/2/05, Todd Warfel <lists at toddwarfel.com> wrote:
>
> [Please voluntarily trim replies to include only relevant quoted
> material.]
>
>
> On Sep 2, 2005, at 10:31 AM, Dwayne King wrote:
>
> > Text editors. With WYSIWYG editors the code tends not be as clean.
> > I haven't used them in a while [...] That said, I don't know my
> > WYSIWYG editors that well so please correct me if I'm wrong, if
> > they are getting better about those issues I'd be interested in
> > revisiting.
>
> Actually, DW does a pretty good job at keeping the code clean, even
> in CSS layout mode. It's not as tight as hand-coding, however, I've
> seen some hand-coding that's worse than DW.
>
> Additionally, the next release of DW looks really promising: http://
> www.macromedia.com/software/dreamweaver/<http://www.macromedia.com/software/dreamweaver/>
>
>
> Cheers!
>
> Todd R. Warfel
> Design & Usability Specialist
> --------------------------------------
> Contact Info
> Email: twarfel at mac.com
> AIM: twarfel at mac.com
> Blog: http://toddwarfel.com
> --------------------------------------
>
>
> _______________________________________________
> Welcome to the Interaction Design Group!
> To post to this list ....... discuss at ixdg.org
> (Un)Subscription Options ... http://discuss.ixdg.org/
> Announcements List ......... http://subscribe-announce.ixdg.org/
> Questions .................. lists at ixdg.org
> Home ....................... http://ixdg.org/
>
We're using a combination of Illustrator (to draw the screens), and
InDesign to assemble screens and annotate.
But the original question was for HTML wireframes...
On Sep 2, 2005, at 1:12 PM, Matthew Drazin wrote:
> We use Adobe Indesgin to make site wireframes. Its pretty good.
Cheers!
Todd R. Warfel
Partner, Design & Usability Specialist
Messagefirst | making products & services easier to use
--------------------------------------
Contact Info
Voice: (607) 339-9640
Email: todd at messagefirst.com
AIM: twarfel at mac.com
Blog: http://toddwarfel.com
--------------------------------------
Problems are just opportunities for success.