What do you use to make HTML wireframes (X-POST)

1 Sep 2005 - 12:46pm
8 years ago
9 replies
3098 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

Comments

1 Sep 2005 - 1:30pm
Dan Saffer
2003

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

1 Sep 2005 - 8:37pm
Juan Lanus
2005

I use Amaya.
--
Juan Lanus

2 Sep 2005 - 6:11am
atike pekel
2005

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/
>

--
(*_*)

2 Sep 2005 - 9:34am
ErikaOrrick
1969

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/

2 Sep 2005 - 10:51am
Jerry John
2004

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/

2 Sep 2005 - 9:31am
Dwayne King
2005

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/
>

2 Sep 2005 - 11:37am
Todd Warfel
2003

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
--------------------------------------

2 Sep 2005 - 12:12pm
Matthew Drazin
2005

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/
>

2 Sep 2005 - 1:22pm
Todd Warfel
2003

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.

Syndicate content Get the feed